+ Splatter with Teals +

Don't Remove the Credit... or I will have to hurt you.

MUST HAVE HTML KNOWLEDGE

I made this on a 1280 x 800 ... so If you are using a different resolution the DIV Boxes might be off... If so, Feel Free to play with the numbers and fix it to fit your screen.

For the Navigation Bar: Fill in the correct URL address with yours...

• 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"> 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;} </style> <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,td,tr{padding:0px;width:;background-color:transparent} table table table{padding:1px;height:.01%;width:100%;} 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;} </style> <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,td,tr{padding:0px;width:;background-color:transparent} table table table{padding:1px;height:.01%;width:100%;} 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;} </style> <style type=text/css> body { background-color: white; background-image: url(""); background-position: bottom center; background-repeat: no-repeat; background-attachment: fixed; scrollbar-arrow-color:0f636f; scrollbar-track-color: 0e9bb0; scrollbar-shadow-color: 67cbda; scrollbar-face-color:0f636f; scrollbar-highlight-color:0f636f; scrollbar-darkshadow-color:0e9bb0; scrollbar-3dlight-color:0f636f;} table, tr, td {background-color: transparent; border: 0px; padding:2;} table table {border: 0px;} table table table table{border: 0px;} {The actual modules} table table table {border: 0px ; border-color: ######; background-color: ######; } {sets the default style for the body, table data, list data, divisions and text areas} body,table, td, li, p, div, textarea {font:normal 9px arial; color:67cbda; font-weight:none; border:0px; text-transform: none; line-height:12px;} {class for the basic font for the page} .text {font:normal 9px arial; color:white; font-weight:none; border:0px; text-transform: none; line-height:12px;} {style for the number of comments you have. The actual ..} .redtext{font-family:arial; font-size:9px; color:67cbda; font-weight:none;border:0px; text-transform: uppercase; } {style for the number of friends you have.} .redbtext{font-family:arial; font-size:9px; color:67cbda; font-weight:none;border:0px; text-transform: uppercase; } {”Blurbs”, “About Me”, “Who I’d like to Meet”, “Friend Space”, and “Friend’s Comments” style} .orangetext15{font-family: arial; color:67cbda; font-weight: bold; font-size: 20px; letter-spacing: -2px;} {”General”, “Music”, “Movies”, “Television”, “Books”, “Heros”, “Status”, “Here for”, “Hometown”, “Body Type”, “Ethnicity”, “Religion”, “Sign”, “Smoke/Drink”, “Children”, “Education”, “Occupation”, and “Income” title style} .lightbluetext8{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; } {”Contacting”, “Interests”, “Details”, and “Schools” title styling} .whitetext12{font-family:arial; font-size:9px; color: 67cbda; font-weight:none;border:0px; text-transform: uppercase;} {”In your extended network” style} .blacktext12{font-family: arial; color:67cbda; font-weight: bold; font-size: 20px; letter-spacing: -2px; } {Stylizing of your name above your picture } .nametext{font-family: arial; color:67cbda; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;} {date stamp on comments} .blacktext10{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} {This is how all anchor points will be displayed; anchor points appear before all links.} a{font-family:arial; font-size:9px; color:67cbda; font-weight:none;border:0px; text-transform: uppercase; } a:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} {”View all friends” and “invite more” link style} a.redlink{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.redlink:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.redlink:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.redlink:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; } a.redlink:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} {2 links in very top on the left, and the 13 links above your picture with make the navigation bar} a.navbar{font-family:arial; font-size:9px; color:67cbda; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:link{font-family:arial; font-size:9px; color:67cbda; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:active{font-family:arial; font-size:9px; color:67cbda; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:visited{font-family:arial; font-size:9px; color:67cbda; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:hover{font-family:arial; font-size:9px; color:67cbda; font-weight:none;border:0px; text-transform: uppercase;} {Default Links} a:link, a.man{font-family:arial; font-size:10px; color:0f636f; font-weight:none;border:0px; text-transform: lowercase; letter-spacing: 0px;} a:active{font-family:arial; font-size:10px; color:0f636f; font-weight:none;border:0px; text-transform: lowercase;} a:visited{font-family:arial; font-size:10px; color:0f636f; font-weight:none;border:0px; text-transform: lowercase;} a:hover{font-family:arial; font-size:10px; color:0f636f; font-weight:none;border:0px; text-transform: lowercase;} {bolded words} .standard b, p b, B, strong { font-family:arial; font-size:9px; color:67cbda; font-weight:none;border:0px; text-transform: uppercase; } </style> <div class="bg" style="position: absolute; left:300px; top:150px; width:603px; height:566px; overflow: hidden;"> <img src="http://cbimg6.com/layouts/07/09/14/21470aa.jpg"> </div> <div class="content" style="position: absolute; left:410px; top:342px; width:210px; height:208px; overflow: auto;"><center> THIS IS WHERE YOUR CONTENT GOES.... yo yo! I'm Amber Noel... :) Don't Remove my Credit Link... Or I'll hurt you. Yeah..... Be Scared.... Haha... BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH </div> <div class="commentbox" style="position: absolute; left:680px; top:249px; width:159px; height:145px; overflow: auto;"> <form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXXXX" type="hidden"><textarea name="f_comments" style="width: 150; height: 110px;" cols="10" rows="7" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 000000; background-color: ffffff;" style="overflow:auto;">Show me some love... <3 </textarea> <br> <input value="Yes" style="border-width: 1px; border-style: solid; border-color: 000000; width:75px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt; font-size: 7px; color: 000000; background-color: ffffff;" type="submit"> <input value="No" style="border-width: 1px; border-style: solid; border-color: 000000; width:75px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 000000; background-color: ffffff;" type="reset"></form> </div> <div class="LINKS" style="position: absolute; left:705px; top:440px; width:110px; height:300px; overflow: auto;"><center> <A HREF="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy">Home</A><br><BR> <A HREF="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD1YWFhYWFg=">Add</A><BR><BR> <A HREF="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZSZmcmllbmRJRD1YWFhYWFhY">Message</A><BR><BR> <A HREF="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9WFhYWFhYWFg=">Blog</A><BR><BR> <A HREF="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIudmlld0FsYnVtcyZmcmllbmRJRD1YWFhYWFhY">Pictures</A><BR> <BR> <A HREF="http://www.myspace.com/missambernoel">Amber Noel</A><BR> </div> </div>

It's pretty cool but I think you overdid it with the splats. Otherwise, good job. :)

Excellent layout! :3 Teal is my favorite color. I'm definately going to use this. xD You should center it a bit more though o_o.. It gives a, "Fuck, I'm falling off the page!" kind of feel. Lol.

Person below me...SHUTUP!
This layout rocks.

the splatters are too repetative, and not placed very well, coulda come out alot better with a lil more time on placement and detailing

A big part of me is screaming not to like it, but I kind of can't help it, I think mostly because of the colour scheme and the way you've picked the accompanying shades so well.

It's a little fresh, but not too bright, so it's a nice balance.

In terms of creativity, hopefully you won't be surprised when I say you don't score that highly, though somehow you do manage to set up the content quite well. It doesn't come off as blocky.

You give your navigation too much space, considering the actual size of the links. I think compress that down, and put in either a friends' marquee between the comment box and navigation, OR, a music player. Think the music player might work better else the right side of your layout might look too busy.

I don't like the header font for "about me" but like I said, as much as I don't necessarily want to like this layout, I somehow do.

nice colors :]

Another splatter layout? These are popular lately...
I like this one. But I think the splats right about the 'about me' are a little out of place looking.

you should do something more with the Navigation,, it looks kind of ..plain. apart from that i love it. :D

Designer	PINKLollyPOP
Submitted on	Sep 14, 2007
Page views	26,817
Favorites	224
Comments	8
Reviewer	IVIike
Approved on	Sep 14, 2007

, teal, blues, simple, splatter, minimal, paint, creative, create

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

• Here I Stand Layouts