Log In · Register

 
band layout div help
8trackpromo
post Sep 9 2009, 05:47 PM
Post #1


Member
**

Group: Member
Posts: 18
Joined: Sep 2007
Member No: 572,962



A friend of ours was workin on the code for our page, and i was doing the artwork. But we hadda fallout and now i need to finish it but know nothing about this stuff! We like where the layout is going, just wanna make an about me div and a div for our upcoming shows, and have no idea how todo it. Any help? heres the code, and heres the page live myspace.com/testtesttest1234567







CODE
<style> object { position:absolute; left:50%; width:400px; height:355px; top:945px; margin-left:-420px; z-index:9;} </style>



<style>
.friendSpace {position:relative; left:-150px; top:1800px;}
</style>


</div>
<div style="position:absolute; top:1315px; left:50%; margin-left:-420px; z-index:9; height:300px; width:200px;"> <a href="http://www.myspace.com/daytorezent"><img src="http://i391.photobucket.com/albums/oo357/8trackdesigns/Aric_09.jpg" alt="" /></a>

</div><div style="position:absolute; top:1315px; left:50%; margin-left:-215px; z-index:9; height:300px; width:200px;"> <a href="http://www.myspace.com/ashtonlee"><img src="http://i391.photobucket.com/albums/oo357/8trackdesigns/Ashton_09.jpg" alt="" /></a>

</div><div style="position:absolute; top:1315px; left:50%; margin-left:-10px; z-index:9; height:300px; width:200px;"> <img src="http://i391.photobucket.com/albums/oo357/8trackdesigns/Eric_09.jpg" alt="" /></a>

</div><div style="position:absolute; top:1315px; left:50%; margin-left:195px; z-index:9; height:300px; width:200px;"> <img src="http://i391.photobucket.com/albums/oo357/8trackdesigns/Tyler_09.jpg" alt="" /></a>

</div>
</div> <div class="messagenav"> <a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD05MTQ3NDA2OQ=="><img src="http://i391.photobucket.com/albums/oo357/8trackdesigns/messagebutton_06.png" border="0" /></a>
</div> <div class="commentnav"> <a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTkxNDc0MDY5"><img src="http://i391.photobucket.com/albums/oo357/8trackdesigns/commentbutton_05.png" border="0" /></a>
</div> <div class="addnav"> <a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD05MTQ3NDA2OQ=="><img src="http://i391.photobucket.com/albums/oo357/8trackdesigns/addbutton_06.png" border="0" /></a> </div> <div class="photosnav"> <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums2&friendID=91474069&view=true"><img src="http://i391.photobucket.com/albums/oo357/8trackdesigns/picsbutton_06.png" border="0" /></a> </div>



<style> table div {display:none;} div table div, table table div {display:block;} </style>

<style> div form, .mslogo, div ul {display:none!important;} div div, div td {background-color:transparent; background-image:none!important;} div.profileWidth {margin-top: -30px !important;}div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i, div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:30px} div div select, div div form {display:none !important;} </style> <div class="banner"> <img src="http://i391.photobucket.com/albums/oo357/8trackdesigns/MTF-GROUP1.png" border="0" width="928" height="850" /> </div>

<style> body { background-color:000000; background-image:url(http://i391.photobucket.com/albums/oo357/8trackdesigns/Background2-1.jpg); background-repeat: repeat-x; background-position:fixed; top: 0%; background-align: top; overflow-x:hidden; margin-top: 5px;} .banner { border:0px solid; border-color:none; width:auto; height:auto; overflow:auto; position:absolute; left:50%; top:0%; margin-left:-468px; margin-top:55px; text-align:center; visibility:visible;} .part2{ border:0px solid; border-color:none; width:auto; height:auto; overflow:auto; position:absolute; left:50%; top:0%; margin-left:-441px; margin-top:538px; text-align:center; visibility:visible;} .part3{ border:0px solid; border-color:none; width:auto; height:auto; overflow:auto; position:absolute; left:50%; top:0%; margin-left:-441px; margin-top:1338px; text-align:center; visibility:visible;} </style>

<p><style> .a {hide view all friends links} .friendSpace td.text div {display:none;} </style>

<style> .www.myspace.com/8trackdesigns table, tr, td { background-color:transparent; } table, tr, td { background-color:transparent; border:none; border-width:0px; } table table table { width:100%; max-width: 900px; } table table table table { width:100%;; } body, .bodyContent { background-color:000000; background-position:Center Center; background-attachment:fixed; border-width:0px; border-style:Solid; } table table { border:0px; } table table table table { border:0px; background-image:none; background-color:transparent; } table table table { border-style:ridge; border-width:0px; border-color: none; background-attachment:fixed; } table, tr, td, li, p, div { color:ffffff; font-size:10pt; font-family:century gothic; } .btext { color:EECC22; font-size:10pt; font-family:century gothic; } .blacktext10 { color:Transparent; } .blacktext12 { color:EECC22; font-size:10pt; font-family:century gothic; } .lightbluetext8 { color:EECC22; font-size:10pt; font-family:century gothic; } .orangetext15 { color:Transparent; } .redtext { color:ffffff; font-size:10pt; font-family:century gothic; } .redbtext { color:ffffff; font-size:10pt; font-family:century gothic; } .text { color:ffffff; font-size:10pt; font-family:century gothic; } .whitetext12 { color:Transparent; } a:active, a:visited, a:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:link { color:ffffff; font-size:10pt; font-family:century gothic; } a:hover, a.searchlinksmall:hover { color:EECC22; font-size:10pt; font-family:century gothic; text-decoration: none; } a.navbar:active, a.navbar:visited, a.navbar:link { color:Transparent; } a.redlink:active, a.redlink:visited, a.redlink:link { color:ffffff; font-size:10pt; font-family:century gothic; text-decoration: none; } a.redlink:hover { color:ffffff; font-size:10pt; font-family:century gothic; text-decoration: none; } .nametext { color:EECC22; font-size:10pt; font-family:century gothic; } table td div div font {visibility:hidden;} .contactTable {display:none;} </style>

<style>.messagenav{ position:absolute; left:50%; top:875px; margin-left:112px; width:150px; height:50px; overflow:hidden; z-index:1; visibility:visible!important; } .commentnav{ position:absolute; left:50%; top:875px; margin-left:-290px; width:150px; height:50px; overflow:hidden; z-index:1; visibility:visible!important; } .photosnav{ position:absolute; left:50%; top:875px; margin-left:255px; width:130px; height:50px; overflow:hidden; z-index:1; visibility:visible!important; } .addnav{ position:absolute; left:50%; top:875px; margin-left:-405px; width:130px; height:50px; overflow:hidden; z-index:1; visibility:visible!important; } </style>

<style>div table tr td font {visibility:hidden;} div table table tr td font {visibility:visible;} tr {background:transparent;} body table div font a, body table div div {visbility:hidden;} body table table div font a, body table table div div {visibility:visible;} html body.bodyContent table tbody tr td table.friendsComments{ width: 800px !important; margin: 0 !important; padding: 0 !important; margin-top: 1930px !important; overflow: hidden !important; background-color: transparent !important; margin-left: -1px !important; _width: 770px !important; _margin-left: -2px !important; } html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table{ width: 100% !important; border-collapse: separate !important; border-spacing: 0px 0px !important; background-color: transparent !important; height: auto !important; } table.friendsComments tbody tr td.text table tbody tr td{ background-color: transparent !important; height: auto !important; } html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b{ display: block; position: absolute; z-index: 9; width: 758px; height: 15px; line-height: 15px; overflow: hidden; margin: -48px 0 0 8px; text-align: right; padding-right: 12px !important; color: FFFFFF; font-weight: normal; font-size: 11px; _margin: -53px 0 0 8px; _font-size: 11px !important; _color: 000000; } html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b span.redtext{ font-size: 11px !important; color: FFFFFF; padding: 0px 2px; } html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b a{ color: FFFFFF !important; font-size: 11px !important; text-transform: Uppercase; margin: 0 -7px 0 -8px !important; padding: 0 9px 0 9px !important; background-color: !important; position: relative !important; display: inline !important; z-index: 9; border: none !important; letter-spacing: 0px !important; _font-size: 11px !important; _margin: 0 !important; _padding: 0 !important; } html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td{ background-color: !important; text-align: left; vertical-align: top; overflow: hidden !important; font-size: 11px !important; line-height: 12px !important; text-transform: none !important; letter-spacing: 0px; color: FFFFFF !important; margin: 0 !important; padding: 12px 0px 12px 0px; border-bottom: 1px solid !important; border-color:FFFFFF !important; _line-height: 16px !important; } html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td span.blacktext10{ color: FFFFFF !important; text-transform: Uppercase !important; font-weight: bold; margin: 0px !important; padding: 0px important; display: block !important; font-size: 11px; font-family: arial !important; letter-spacing: 0px; text-align: right; margin: 12px 12px -15px 0px !important; width: 622px; border-top: 0px solid black; _margin: 12px 0px -.5em 0px !important; _width: 634px; } html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td a{ display: block !important; color: FFFFFF !important; margin: 0px !important; padding: 12px 12px 0px 12px !important; text-transform: none !important; margin-bottom: -15px !important; font-size: 11px !important; line-height: 11px !important; border: none !important; letter-spacing: 0px !important; text-align: center !important; width: 110px !important; overflow: hidden !important; font-weight: normal; _width: 124px !important; _margin-bottom: -15px !important; } html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td a img{ visibility: visible !important; border: 0px solid dimgrey !important; border-color: !important; padding: 0px !important; margin: 0px !important; margin-top: -12px !important; width: auto !important; _margin-left: -4px; } html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td img.ImgOnlineNow{ display: block; position: relative; margin: 15px 0 -20px 26px !important; border: none !important; _margin: 15px 0 -20px 21px !important; } html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td img{ max-width: 100%; margin: 0px !important; margin: 0px 0px 12px 0px !important; } </style>



<div style="position:absolute; top:0px; left:50%; margin-left:410px;">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="344" width="400">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/KNErvMXyZUs&hl=en&fs=1&color1=0x3a3a3a&color2=0x999999" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/KNErvMXyZUs&hl=en&fs=1&color1=0x3a3a3a&color2=0x999999" height="344" width="400" wmode="transparent" />
</object>
</div>
 
 
Start new topic
Replies (1 - 3)
ZeT0
post Sep 9 2009, 05:57 PM
Post #2


Senior Member
****

Group: Member
Posts: 253
Joined: Jul 2009
Member No: 739,898



Perhaps try this for the up coming shows?
http://www.createblog.com/forums/index.php?showtopic=220429
It allows you to move it.
 
8trackpromo
post Sep 9 2009, 06:07 PM
Post #3


Member
**

Group: Member
Posts: 18
Joined: Sep 2007
Member No: 572,962



Not workin for me, well it wont let me move em anyway when i change the position.
 
Mickey
post Sep 10 2009, 05:29 PM
Post #4


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



Check out this tutorial.
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: