Div Layout Help?, Urgent. |
Div Layout Help?, Urgent. |
![]()
Post
#1
|
|
Member ![]() ![]() Group: Member Posts: 11 Joined: Nov 2008 Member No: 700,122 ![]() |
Hey guys. I was sent here by a friend of mine who said you'd be interested in helping me out with a div layered myspace layout which I have designed?
I play for a West 'Oz band called Next To Nothing and we are recording our first full length disc during December and were needing this done as soon as possible. Virtually all graphics are done at the moment and I need alot of help with the coding side of things. Could somebody please add me to msn to assist us through this? We'll do whatever we can to repay you for your kindness. Cheers. Keith.NTN. next-to-nothing-@hotmail.com |
|
|
![]() |
![]()
Post
#2
|
|
![]() Treasure Pleasure ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Head Staff Posts: 11,193 Joined: Oct 2005 Member No: 281,127 ![]() |
Okay, well, not sure if covered exactly everything you wanted but I guess you can just play around with the codes to get your page looking precisely how you want it. Put this in the Musician Bio section:
CODE <style> body {background-color:000000; z-index:1;} .rail {display:none;} .topbanner {background:url(http://i52.photobucket.com/albums/g9/next-to-nothing/ExampleLayout.jpg) top left no-repeat; width:1030px; height:930px; position:absolute; top:174px; left:50%; margin-left:-500px; text-align:center center;} .topbanner br {line-height:0px;} .updates {position:absolute; top:876px; left:50%; margin-left:18px; z-index:2; width:460px; height:180px; overflow:auto; color:ffffff;} .musicplayer {width:450; height:345px; position:absolute; top:475px; left:50%; margin-left:-65px; background-color:ffffff; display:block;} table.latestBlogEntry {position:absolute; top:876px; left:50%; margin-left:-446px; z-index:2; width:460px; height:180px; overflow:auto; background:none; color:ffffff;} table.latestBlogEntry table, .latestBlogEntry tr, .latestBlogEntry td {background:none;} table.latestBlogEntry br {line-height:10px;} table.latestBlogEntry a, table.latestBlogEntry a:hover {color:ffffff;} .friendsComments {width:1024px; position:absolute; top:1110px; left:50%; margin-left:-450px; color:ffffff;} .friendsComments table, .friendsComments tr, .friendsComments td, .friendsComments .orangetext15 {border:0px; color:ffffff;} .friendsComments a:link, .friendsComments a:active, .friendsComments a:visited {color:ffffff; background:none;} .friendsComments a:hover {color:000000; background-color:ffffff;} .columnsWidening {width:867px; color:ffffff; display:block;} .columnsWidening img {display:inline;} object {position:absolute; top:475px; left:50%; margin-left:-65px;} td td td object {position:static; margin:auto;} table, tr, td {background-color:000000;} </style> Then put this in your Other Members section: CODE <div class="topbanner"> <img src="http://i37.tinypic.com/6oepkz.png"><br> <img src="http://i33.tinypic.com/14x2h6c.png"><a href="http://myspace.com/nexttonothingaus"><img src="http://i37.tinypic.com/qpglck.png"></a><a href="http://myspace.com/keithgisborne"><img src="http://i38.tinypic.com/smbwva.png"></a><img src="http://i35.tinypic.com/2d965wj.png"><br> <img src="http://i38.tinypic.com/2vdlhs1.png"><a href="http://myspace.com/beanoinfinitesadness"><img src="http://i33.tinypic.com/nevu5c.png"></a><a href="http://myspace.com/69824047"><img src="http://i37.tinypic.com/2ylmbm8.png"></a><img src="http://i33.tinypic.com/261dncp.png"><br> <img src="http://i33.tinypic.com/fdfyhj.png"> </div> <div class="musicplayer"> </div> <div class="updates"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent libero. Aenean feugiat augue et risus ultrices feugiat. Phasellus congue ligula nec nulla mollis pharetra. Praesent ac eros. Vivamus iaculis accumsan lectus. Sed malesuada arcu dignissim orci. Vestibulum leo justo, hendrerit et, placerat sit amet, ultrices aliquet, sapien. In quis lorem bibendum mauris placerat molestie. Pellentesque tincidunt lectus egestas sapien. Ut tincidunt volutpat nisi. Aliquam tempor. Nam in pede eget enim dapibus egestas. Nunc interdum turpis et augue.<br><br> Ut elit odio, posuere vel, sodales nec, tincidunt non, arcu. Mauris accumsan mollis sem. Maecenas nec lorem a arcu ultricies viverra. Nam mauris magna, aliquam in, egestas quis, interdum ut, urna. Nunc gravida felis vitae felis. Nulla ultricies, augue sed aliquam ultricies, leo diam vulputate velit, sed ultrices quam odio a dui. Curabitur ultricies. Morbi a tellus quis neque tincidunt rhoncus. In faucibus ullamcorper nulla. Mauris feugiat faucibus massa. Etiam at orci. Etiam accumsan, neque ut venenatis hendrerit, arcu quam rutrum lorem, nec tincidunt neque lacus ac arcu.<br><br> Integer vitae quam sit amet sapien tempus hendrerit. In in odio. Proin mollis leo. Nunc metus lectus, placerat sit amet, cursus id, interdum sit amet, orci. Curabitur vulputate lacus id neque. Aenean mattis massa ac mauris. Ut vel nulla. Aenean fermentum. Suspendisse nisi enim, ornare eu, adipiscing non, ultricies in, metus. Proin ante. Cras vulputate felis sit amet erat. Nam elementum, felis non dapibus porta, quam augue bibendum nunc, sed molestie quam dolor placerat augue. Donec vel lacus dictum dolor scelerisque gravida. Suspendisse ut quam. Nulla facilisi. Aenean pulvinar. Suspendisse vel odio et leo lobortis placerat. </div> Once you save it, you'll know which sections to edit and stuff. By the way, I recommend using Safe Mode instead of the regular Edit Profile page. The banner covers up the Submit button so yeah. I hope that suffices. |
|
|
![]() ![]() |