Simple Purple

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: 9371a3; background-image: url(""); background-position: bottom center; background-repeat: no-repeat; background-attachment: fixed; scrollbar-arrow-color:510055; scrollbar-track-color: 9371a3; scrollbar-shadow-color: 510055; scrollbar-face-color:510055; scrollbar-highlight-color:510055; scrollbar-darkshadow-color:9371a3; scrollbar-3dlight-color:510055;} 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 12px eras light itc; color:9371a3; font-weight:none; border:0px; text-transform: none; line-height:12px;} {class for the basic font for the page} .text {font:normal 12px tahoma; color:9371a3; font-weight:none; border:0px; text-transform: none; line-height:12px;} {style for the number of comments you have. The actual ..} .redtext{font-family:tahoma; font-size:12px; color:9371a3; font-weight:none;border:0px; text-transform: uppercase; } {style for the number of friends you have.} .redbtext{font-family:tahoma; font-size:12px; color:9371a3; 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: tahoma; color:9371a3; 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:tahoma; font-size:12px; color: 9371a3; font-weight:none;border:0px; text-transform: uppercase;} {”In your extended network” style} .blacktext12{font-family: tahoma; color:9371a3; font-weight: bold; font-size: 20px; letter-spacing: -2px; } {Stylizing of your name above your picture } .nametext{font-family: tahoma; color:9371a3; 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:9371a3; 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:eras light itc; font-size:8px; color:9371a3; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:link{font-family:eras light itc; font-size:8px; color:9371a3; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:active{font-family:eras light itc; font-size:8px; color:9371a3; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:visited{font-family:eras light itc; font-size:8px; color:9371a3; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:hover{font-family:eras light itc; font-size:8px; color:59b047; font-weight:none;border:0px; text-transform: uppercase;} {Default Links} a:link, a.man{font-family:eras light itc; font-size:12px; color:9371a3; font-weight:none;border:0px; text-transform: lowercase; letter-spacing: 0px;} a:active{font-family:eras light itc; font-size:12px; color:9371a3; font-weight:none;border:0px; text-transform: lowercase;} a:visited{font-family:eras light itc; font-size:12px; color:9371a3; font-weight:none;border:0px; text-transform: lowercase;} a:hover{font-family:eras light itc; font-size:12px; color:9371a3; font-weight:none;border:0px; text-transform: lowercase;} {bolded words} .standard b, p b, B, strong { font-family:eras light itc; font-size:12px; color:eras light itc; font-weight:bold;border:0px; text-transform: lowercase; } </style> <div class="bg" style="position: absolute; left:300px; top:150px; width:500px; height:500px; overflow: hidden;"> <img src="http://cbimg6.com/layouts/07/09/14/21475aa.jpg"> </div> <div class="content" style="position: absolute; left:385px; top:378px; width:189px; height:176px; overflow: auto;"><center> <B>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 </b> </div> <div class="LINKS" style="position: absolute; left: 605px; top:423px; width:110px; height:300px; overflow: auto;"><center> <A HREF="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy">Home</A><br> <A HREF="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD1YWFhYWFg=">Add</A><BR> <A HREF="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZSZmcmllbmRJRD1YWFhYWFhY">Message</A><BR> <A HREF="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9WFhYWFhYWFg=">Blog</A><BR> <A HREF="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIudmlld0FsYnVtcyZmcmllbmRJRD1YWFhYWFhY">Pictures</A> <BR> <A HREF="http://www.myspace.com/missambernoel">Amber Noel</A><BR> </div> </div> <style type="text/css"> body div table td form img{display:none!important;} </style> <div class="commentbox" style="position: absolute; left:545px; top:244px; width:173px; height:118px; 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: 100px;" cols="10" rows="7" style="border-width: 1px; border-style: solid; border-color: 9371a3; font-family: eras light itc; text-transform:lowercase; letter-spacing:1pt;font-size: 10px; color: 9371a3; background-color: 510055;" style="overflow:auto;">Show me some love... <3 </textarea> <br> <input value="Yes" style="border-width: 1px; border-style: solid; border-color: 9371a3; width:75px; font-family: eras light itc; text-transform:lowercase; letter-spacing:1pt; font-size: 10px; color: 510055; background-color: 9371a3;" type="submit"> <input value="No" style="border-width: 1px; border-style: solid; border-color: 9371a3; width:75px; font-family: eras light itc; text-transform:lowercase; letter-spacing:1pt;font-size: 10px; color: 510055; background-color: 9371a3;" type="reset"></form> </div>

pretty, nice and simple

ooh this is soo purple-e pretty!!!!! LOVE IT! GREAT WORK!

hi, i like the simplicity but what's wrong with the code for the links? it looks corrupted.

internet explorer

are you using firefox or ie?

the zavagation buttons are in the about me section!!! would use but zavagation box is empty and stuff.
very cute layout

my favorite color!

love the color and the simplicity =)

it's a nice color :]

I like the simplicity of it, but the execution probably could have been done a little better.

View all »

Designer	PINKLollyPOP
Submitted on	Sep 14, 2007
Page views	21,392
Favorites	116
Comments	12
Reviewer	Insurmountable
Approved on	Sep 14, 2007

, purple, vintage, pattern, fun, minimal, simple, lavendar, lavender

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

• Here I Stand Layouts