Div Layout Help?, Urgent. Options

[next-to-nothing]

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

[Mickey]

Topic moved to MySpace Support.

I recommend TJ for band layouts. He's great with design/coding when it comes to music pages. I'm sure he'll be of great help to you.

[next-to-nothing]

Thanks dude. I sent him a message. Hopefully he'll get back to me?

Is anybody else interested? I've got the link to what we've got so far.
Many thanks.

http://i52.photobucket.com/albums/g9/next-...aceTemplate.jpg

[Mickey]

What sort of layout are you going for? If it's the typical band page, TJ's the man for it. (He'll definitely get back to you, by the way. It may take some time, but he always does.) If it's a DIV layout, I can probably help.

About that banner, did you want to work with that as your layout or is that just a banner to be put on the top of the page?

[next-to-nothing]

Ideally we were looking at using that as the top part of the layout. So it would act as a banner/layout. We wanted thee audio player to sit comfortably amongst the grey mass that is on the right hand side aswell as active links to redirect each member of the band to their own personal myspace and have below another banner, the same width as the link above but not as deep to plug upcoming shows and releases with all comments to be seen beneath it but in the same black/grey/white format.

Do you think it'd be plausible? I think it'd be a little different to what everyone else is doing and be kinda quirky if you will.

Cheers for getting back to me so quick on all of this!
- keith.

[Mickey]

That's definitely plausible. I'll see what I can do. I can probably try to code what you have in mind. It might take a bit of time, though.

[next-to-nothing]

That'd be amazing dude! ... Find below what I was trying to explain with the banner. That grey box will be forever changing, same dimensions every time changed though... just different information within with as I said comments below...

Is there anything you need from me to help out and what kind of time bracket were you thinking?

You... are a champion! Ha-ha!
- Keith.

click to enlarge

Reason for edit: Please use [thumb] tags instead of [img] tags when posting large images. - Mike

[Mickey]

I'll need the band members' links, please.

[next-to-nothing]

Keith Gisborne - www.myspace.com/keithgisborne
Mark Jordan - http://profile.myspace.com/index.cfm?fusea...iendID=69824047
Shane Urbini - www.myspace.com/beanoinfinitesadness
Jared Gisborne - www.myspace.com/nexttonothingaus ... his myspace was hacked so just a redirect to the bands space would more than suffice.


Also find below thee bottom banner.
Many thanks!

click to enlarge

[Mickey]

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">
&nbsp;
</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.

[next-to-nothing]

Thankyou so much. I think it looks great, it's not what everybody else has and is doing and you did it so quickly. Cheers!

[manny-the-dino]

Topic Closed & Moved