Help me finish the 'space?, A little embarrassed. Options

[next-to-nothing]

So it turns out I'm pretty useless when it comes to any coding at all and with my original design I forgot to include somewhat important things like "Add Us, Send Message and most importantly of them all... UPCOMING SHOWS" ... Below I have picture files and a temp jpg layout of what I'd like the page to look like...

ANARCHY helped me out last time and we're so thankful for what he's done! It looks freaking amazing so far, if you're around dude would you be able to help me finish this off? If not whoever is available and has some time up their sleeves? Also how is it I remove the blog section completely from the banner it's on, on the myspace so the banner remains blank so we can advertise forthcoming releases and shows in that small space?

Is there someway to centralise the comments people have posted and change it all to greyscale aswell? Haven't seen this done before.
Many thanks guys! You're doing us the biggest favour!
- Keith.NTN.
www.myspace.com/nexttonothingaus

click to enlarge

click to enlarge

click to enlarge

[Mickey]

Yeah, sure. I'll help finish this up. Just wait a bit, yeah? I'm working on helping someone else out. Thanks!

[next-to-nothing]

Thanks dude.

[Mickey]

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:-446px; width:923px; height:180px; overflow:auto; z-index:2; color:ffffff;}
.navigation {position:absolute; top:1075px; left:50%; margin-left:-500px; width:1000px; height:50px; overflow:hidden; text-align:center;}
.extra {position:absolute; top:1135px; left:50%; margin-left:-490px; width:1000px; height:350px; overflow:hidden; text-align:center;}
.upcoming {position:absolute; top:1190px; left:50%; margin-left:-480px; width:455px; height:285px; overflow:auto; color:ffffff;}
.topfriends {position:absolute; top:1190px; left:50%; margin-left:45px; width:455px; height:285px; overflow:auto; color:ffffff;}

.friendsComments {width:1024px; position:absolute; top:1515px; 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;}
.blacktext10 {width:867px; color:ffffff; display:block;}
.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>

Put this in the Band 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="updates">
PUT FORTHCOMING RELEASES HERE.
</div>


<div class="navigation">
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0xMDE1NDQwNDA="><img src="http://i37.tinypic.com/118d0me.png"></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdDb21tZW50cyZmcmllbmRJRD0xMDE1NDQwNDA="><img src="http://i38.tinypic.com/21csd55.png"></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0xMDE1NDQwNDA="><img src="http://i38.tinypic.com/2z87nz9.png"></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD0xMDE1NDQwNDA="><img src="http://i35.tinypic.com/20p97b7.png"></a>
<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&friendID=101544040&n=101544040"><img src="http://i36.tinypic.com/2cmn5nl.png"></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9MTAxNTQ0MDQw"><img src="http://i35.tinypic.com/2apb1g.png"></a>
</div>


<div class="extra">
<img src="http://i52.photobucket.com/albums/g9/next-to-nothing/UpcomingShowsTopFriends.jpg">
</div>


<div class="upcoming">
PUT UPCOMING SHOWS HERE.
</div>


<div class="topfriends">
PUT TOP FRIENDS HERE.
</div>

I think I covered everything. Anyway, I put a scrollbox for the upcoming shows and top friends section. I couldn't put the calendar inside the upcoming shows box because there is no class for me to be able to control where it goes. You'll have to do it manually.

As for the top friends area, I couldn't put them in there because it'll have to be scrollable. The thing is, your top friends can't be scrollable because it's a table. I'm afraid you'd have to do it manually as well, if you really want them there.

Lastly, I removed the list of your blog entries from the gray box above the navigation. I also stretched out the scrollbox that was beside it so it's just one whole module. I hope I got what you wanted.

[next-to-nothing]

Hey dude...
Have a quick look and let me know what you think of everything now that it's somewhat filled out. Some of the links on the menu aren't working but even I should be able to work out how to mend' that situation... What I don't know how to do is remove Tom. You can see his head peering above the Upcoming Shows/Top Friends section...

Other than that I think it's turned out pretty brilliantly! When I come to rearrange the comments section to centralize it and convert to a greyscale whereabouts in the overall code do I actually do this?

Thanks again! Looks great!

[Mickey]

Okay, replace the Musician Bio codes with this:

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;}
.topbanner br {line-height:0px;}
img {filter:gray!important;}

.updates {position:absolute; top:876px; left:50%; margin-left:-446px; width:923px; height:180px; overflow:auto; z-index:2; color:ffffff;}
.navigation {position:absolute; top:1075px; left:50%; margin-left:-500px; width:1000px; height:50px; overflow:hidden; text-align:center;}
.extra {position:absolute; top:1135px; left:50%; margin-left:-490px; width:1000px; height:350px; overflow:hidden; text-align:center;}
.upcoming {position:absolute; top:1190px; left:50%; margin-left:-480px; width:455px; height:285px; overflow:auto; color:ffffff;}
.topfriends {position:absolute; top:1190px; left:50%; margin-left:45px; width:455px; height:285px; overflow:auto; color:ffffff;}

.friendSpace {display:none;}
.friendsComments {width:1024px; position:absolute; top:1515px; 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;}
.blacktext10 {width:867px; color:ffffff; display:block;}
.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>

Replace the Band Members codes with this:

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="updates"><center><b>THE PERFECT MASK</b>

<p><font color=FFFFFF>She sat there, confused and frustrated. Something she seemed to do a lot since her Uncle died two years ago. A single tear slid down her cheek and stopped at the crevasse between her lips. With her music blaring in the background, she dabbed at her wet eyes with her sleeve and waited for the redness to fade before joining her family for dinner.</fontcolor=FFFFFF></p>

<p><font color=FFFFFF>Five minutes until the end of the Chemistry lesson. Her most dreaded subject. She hated strict answers, being closed in, the feeling of order. The events of the night before had been forgotten in her restless sleep and she was waiting until she could leave this shiny, bright classroom and take refuge in the dark-room. A place where she could lose herself, forget everything, where there never seemed to be enough time. The five minutes dragged to what seemed like an hour. The endless drone of the teacher's voice. The feverish scribbling of pens on paper.</fontcolor=FFFFFF></p>

<p><font color=FFFFFF>On her way out the door she paused momentarily and took in the scene. Year eight kids rushing to their next class, friends stopping to talk to one another, a slight breeze and the green grass glistening in the mid-afternoon mist. She noticed the stares that people threw her way. No different than usual. Her tight black jeans, Chuck Taylor's, black hair and nail polish blended well into the current trend that consumed the mindless teens who were ever-trying to be individuals. Yet, with her slim and slightly athletic figure, she wore it in a way that warranted stares. With a matching flamboyance, but somehow different. Unlike the rest. She was able to fit into any click she wanted. With the personalities she could pull off, it was as easy as two plus two, and no one ever noticed the change.</fontcolor=FFFFFF></p>

<p><font color=FFFFFF>As she walked down the cracked path towards the front of the school she passed someone who she passed every day. Daniel. Today he looked different. His floppy hair shaded his green eyes and gave him a mysterious quirk. He looked... brighter than usual. Hey, he said as he stumbled past, and his eyes immediately clung to the ground. The look on her face as she passed twisted into an uncertain smile and she continued walking. That had never happened before; it was different. Finally entering the alluring dark-room, she felt a wave of serenity wash over her. The last place she would see before she once again faced herself for hours. A torment that lay before her. A torment that was masked. A torment only she could see.</fontcolor=FFFFFF></p>

<p><font color=FFFFFF>Sitting silently on her bed her heartbeat raced with every breath and she could taste the fear in the beads of salty tears that dripped down her face. She couldn't believe that she was about to do it again. But as the slightly blunted blade pressed against her porcelain skin, she knew it was the only thing that gave her control. She had allowed her personalities and emotions to be dictated by those around her and only the four walls of her bedroom and this one blade knew the unfeigned her. She wordlessly mouthed profanities as the blade cut deeper than usual. Music and a door. The only things between the crimson streams slowly trickling down her arm and everything else. Her tears the only witness.</fontcolor=FFFFFF></p>

<p><font color=FFFFFF>Twirling the combination lock; 23...5...12. The new, raw flesh exposed on her arm would gradually scab and dry and flake and heal, but as she opened the locker door she could feel the silky lining of her blazer irritate it. As the door slowly swung on its hinges she stared blankly at the blood red rose sitting atop her maths book. Her soft, absent gaze fell across the delicate petals and the sturdy, iridescent stem, and she knew that she was being watched. She grasped the fragile flower between her thumb and forefinger. An action that shot a wave of pain to her fresh wounds. Bringing it up to her nose she felt the cold petals brush her lips and it sent a chilling shiver down her spine. </fontcolor=FFFFFF></P>


<p><font color=FFFFFF>The rose. </fontcolor=FFFFFF></p>
<p><font color=FFFFFF>So alive. </fontcolor=FFFFFF></p>
<p><font color=FFFFFF>So precious.</fontcolor=FFFFFF> </p>
<p><font color=FFFFFF>So vibrant. </fontcolor=FFFFFF></p>
<p><font color=FFFFFF>So perfect.</fontcolor=FFFFFF></p>

<p><font color=FFFFFF>So lonely.</fontcolor=FFFFFF></p>

<p><font color=FFFFFF>It's smell, sweet like honey; it's petals, velvet on her fingertips. She stood there and time seemed to slow; footsteps around her became soft throbs, voices became murmurs, and there was just her. Herself and the rose. It's beauty and it's malice, plaguing her. How could one rose, one object, one thing, display her entire life? Her whole seventeen years of existence?</fontcolor=FFFFFF></p>

<p><font color=FFFFFF>She crushed it. Inside her hand it seemed to weep. It was worthless; meant nothing. Nothing. Walking back into the busy crowds of children she felt exposed. Letting the dying flower slip between her fingers, she hurried off to class, the rose lying still and broken on the hard floor.</fontcolor=FFFFFF></p>

<p><font color=FFFFFF>From the stairs Daniel looked on. While she destroyed the rose and left it to perish on the cold, concrete floor. As she walked off, his gaze followed her, knowing that he could never help her. He could only be there to listen and watch and pick up the pieces. Because in that instant, she was perfect.</fontcolor=FFFFFF></p></center>
</div>

<div class="navigation">
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=101544040&MyToken=68c89cfc-8c5f-413b-aad2-7281bd3c2c93"><img src="http://i37.tinypic.com/118d0me.png"></a><a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=101544040&MyToken=68c89cfc-8c5f-413b-aad2-7281bd3c2c93"><img src="http://i38.tinypic.com/21csd55.png"></a><a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=101544040"><img src="http://i38.tinypic.com/2z87nz9.png"></a><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=101544040"><img src="http://i35.tinypic.com/20p97b7.png"></a><a href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&friendID=101544040&n=101544040"><img src="http://i36.tinypic.com/2cmn5nl.png"></a><a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=101544040"><img src="http://i35.tinypic.com/2apb1g.png"></a>
</div>

<div class="extra">
<img src="http://i52.photobucket.com/albums/g9/next-to-nothing/UpcomingShowsTopFriends.jpg">
</div>

<div class="upcoming">
<center>
<p><font color=FFFFFF><b>NOVEMBER 29</b> - Kingy's Farewell Par-tay!</font></p>
<p><font color=FFFFFF><b>DECEMBER 6 </b>- STUDIO! New Tunes A-Hoy!</font></p>
<p><font color=FFFFFF><b>DECEMBER 13</b> - Prince Of Wales (Bunbury Riot) with Everything For Nothing [Formally Four Disorder, Misbelievers & Thursdays Page.</font></p>
</center>
</div>

<div class="topfriends">
<a href="http://www.msplinks.com/MDFodHRwOi8vczUyLnBob3RvYnVja2V0LmNvbS9hbGJ1bXMvZzkvbmV4dC10by1ub3RoaW5nLz9hY3Rp
249dmlldyZjdXJyZW50PVJlYWNoaW5nS29kYS5qcGc=" target="_blank"><a href="http://www.myspace.com/reachingkoda" target="_blank">
<img src="http://i52.photobucket.com/albums/g9/next-to-nothing/ReachingKoda.jpg" width="400" height="100" alt="Reaching Koda" />
</a>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=427673267" target="_blank"><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=427673267" target="_blank">
<img src="http://i52.photobucket.com/albums/g9/next-to-nothing/OhHellApparel.jpg" width="400" height="100" alt="OH! HELLO!" />
</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vaTUyLnBob3RvYnVja2V0LmNvbS9hbGJ1bXMvZzkvbmV4dC10by1ub3RoaW5nL01pc2Jl
GlldmVycy5qcGc=" target="_blank"><a href="/themisbelievers" target="_blank">
<img src="http://i52.photobucket.com/albums/g9/next-to-nothing/Misbelievers.jpg" width="400" height="100" alt="Two Donladsons and a Turgett!" />
</a>
</a>
</div>

I put in a code to turn your images into grayscale. However, it only works for Internet Explorer. You most likely won't find one that'll work for FireFox. Your navigation links should work now. I also hid your top friends so Tom's face should go away. If that's all you need, enoy!

[next-to-nothing]

Thanks mate!

[manny-the-dino]

Topic Closed & Moved