Cool in Blue (DIV)

All coding done by toyo loco
Make sure you have a basic understanding in HTML[BR]
Heres the code for the layout.
The things you need to do:
- Add in your own friendID in the comment box code and in the image map code where it says "RAWRR" .
- Replace the image I used as a picture with your own. The size should be no bigger than 100x100.
- Add your friends in the friends div code. Your friends picture has to have a width smaller than 90px and a height that is up to you.Once all the heights reach longer than 395px you will get a scrollbar.
- Add in content in all the spots, etc.
-Credits/Links box can be anything you want.
- you can change the div, but make sure you leave the 'Nikita' writing there.

For an example of how this layout has been used
[url]http://www.myspace.com/nikitadcfc[/url

• This is a div overlay layout, html knowledge required!
• 1. Log into myspace.com
• 2. Click on Edit Profile (Profile 1.0)
• 3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

<p><a href="http://www.createblog.com/myspace-layouts/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style type="text/css"> .contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden} td td td td{border:0px;width:0px;text-align:left;} table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important} a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;} table table table table,table table table table td.text, td.text td.text table{display:none;} td.text table table{display:inline;visibility:visible;} table td table tr td.text table{visibility:hidden;} table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;} table, tr, td{ background-color: transparent; border: 0px; } body div table td form option{display:none!important;} body div table td form select{display:none!important;} body div table td form input{display:none!important;} body div table td form{display:none!important;} body{ background-color: FFFFFF;} .image{position: absolute; left: 50%; margin-left: -430px; top: 110px; z-index: 0;} .commentbox{position: absolute; left: 50%; margin-left: -255px; top: 245px; z-index:1; width: 150px; height: 150px; } .Buttonone{font-normal: 9px Verdana; background-color: 00AFEE; color: FFFFFF; border-style: dashed; border="2" } .picture{position: absolute; left: 50%; margin-left: -255px; top: 360px; z-index:2; width: 150px; height: 200px; overflow: auto;} .credit{position: absolute; left: 50%; margin-left: -275px; top: 500px; z-index:3; width: 135px; height: 125px; overflow:auto; } .halloffame{position: absolute; left: 50%; margin-left: -90px; top: 255px; z-index:4; width: 90px; height: 395px; overflow: auto;} .aboutme{position: absolute; left: 50%; margin-left: 40px; top: 285px; z-index:5; width: 235px; height: 200px; overflow: auto;} .contentbox{position: absolute; left: 50%; margin-left: 40px; top: 495px; z-index:6; width: 235px; height: 130px; overflow: auto;} body,table, td, li, p, div {font:normal 10px verdana; color:99CCFF; font-weight:none; border:0px; text-transform: none; line-height:12px;} textarea{ background-color: 01ADED; width: 100px; height: 50px; color: 99CCFF; font-size: 11px;} a{font:normal 10px Verdana; color:99CCFF; font-weight:none; border:0px; text-transform: none; } a:link{font:normal 10px Verdana; color:99CCFF; font-weight:none; border:0px; text-transform: none; } a:active{font:normal 10px Verdana; color:99CCFF; font-weight:none; border:0px; text-transform: none; } a:visited{font:normal 10px Verdana; color:99CCFF; font-weight:none; border:0px; text-transform: none; } a:hover{font:normal 10px Verdana; color:99CCFF; font-weight:none; border:0px; text-transform: none; } a:link, a.man{font:normal 10px Verdana; color:99CCFF; font-weight:none; border:0px; text-transform: none; } a:active{font:normal 10px Verdana; color:99CCFF; font-weight:none; border:0px; text-transform: none; } a:visited{font:normal 10px Verdana; color:99CCFF; font-weight:none; border:0px; text-transform: none; } a:hover{font:normal 10px Verdana; color:99CCFF; font-weight:none; border:0px; text-transform: none; } .standard b, p b, B, strong { font-family:verdana; font-size:12px; color:01ADED; font-weight:none;border:0px; text-transform: uppercase; } </style> <style>td td object {position:absolute; left:0px; top:0px; display:block; width:0px; height:0px;}</style> <style type="text/css">body{ scrollbar-arrow-color:FFFFFF; scrollbar-track-color:FFFFFF; scrollbar-shadow-color:FFFFFF; scrollbar-face-color:CAEBFC; scrollbar-highlight-color:FFFFFF; scrollbar-darkshadow-color:FFFFFF; scrollbar-3dlight-color:FFFFFF;} </style>

<div class="image"> <img src="http://layouts.cbimg9.com/33/16466c.jpg" usemap="#Untitled_1_Map" border="0" alt="image"><map name="Untitled_1_Map"> <area shape="rect" alt="Comments" coords="520,541,618,571" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=RAWRR"> <area shape="rect" alt="View my blog" coords="476,541,520,571" href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=RAWRR"> <area shape="rect" alt="view more pics" coords="438,541,476,571" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=RAWRR"> <area shape="rect" alt="Add me" coords="391,541,438,571" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=RAWR&MyToken=60073af5-e929-4c7a-b357-3f1b6da0bbfb"> <area shape="rect" alt="Home" coords="301,541,352,571" href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=1bfdd5cd-9c1d-46fa-83c4-7f30e0fe3ffa"> <area shape="rect" alt="Message me" coords="352,541,391,571" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=RAWRR&MyToken=60073af5-e929-4c7a-b357-3f1b6da0bbfb"> </map> </div> <div class="commentbox"><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="RAWRR" type="hidden"><textarea name="f_comments" width="50" height="100" >So..whats up?</textarea><br> <input value="add comment" type="submit" class="buttonone"> </form></div> <div class="picture"><img src="http://layouts.cbimg9.com/33/16466d.jpg" align="left"> </div> <div class="credit"><center><b>Credits!</b><br>�<a href="http://createblog.com/">Createblog!</a><br> �<a href="http://createblog.com/">Createblog!</a><br> �<a href="http://createblog.com/">Createblog!</a><br> �<a href="http://createblog.com/">Createblog!</a><br> �<a href="http://createblog.com/">Createblog!</a><br> �<a href="http://createblog.com/">Createblog!</a><br> �<a href="http://createblog.com/">Createblog!</a><br> �<a href="http://createblog.com/">Createblog!</a><br>�<a href="http://createblog.com/">Createblog!</a><br>�<a href="http://createblog.com/">Createblog!</a><br> </center></div> <div class="halloffame">Friends pics go here. </div> <div class="aboutme">content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content </div> <div class="contentbox"><b>content content</b> content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content </div>

how can i change the background from the plain white to a different color blue or maybe even a zebra print? i have tried all kinds of things but i cant figure it out, please help

sucks

omg i cant find the picture goes here!

I love it but none of my friends pics will show up =( i mean i put em on photobucket and htmled em and everything but it still wouldnt show up =(

i love this page and it is fantastic.good job!

ok... was my first layout. First time using photoshop CS2. Give me a chance and see what my future work will be.

its nice it just looks a little sloppy to me i don't know why

Very nice.Love the colors.Love the setup.

Thanks guys... this was my first layout. so its great to here some positive feedback.

Creative stuff. xD

View all »

Designer	nikita_miltiadou@hotmail.c
Submitted on	Feb 3, 2007
Page views	109,722
Favorites	286
Comments	16

, blue, light, white

• Grab your Friend ID
• Grab layout codes
• Myspace / Xanga tracker

• Here I Stand Layouts