The Hills (div)

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: black; background-image: url(""); background-position: bottom center; background-repeat: no-repeat; background-attachment: fixed; scrollbar-arrow-color:black; scrollbar-track-color: black; scrollbar-shadow-color: white; scrollbar-face-color:white; scrollbar-highlight-color:white; scrollbar-darkshadow-color:black; scrollbar-3dlight-color:white;} 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-family:franklin gothic book; font-size:10px; color:white; font-weight:none; border:0px; text-transform: none; line-height:12px;} {class for the basic font for the page} .text {font:normal 10px franklin gothic book; 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:franklin gothic book; font-size:10px; color:white; font-weight:none;border:0px; text-transform: uppercase; } {style for the number of friends you have.} .redbtext{font-family:franklin gothic book; font-size:10px; color:white; 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:franklin gothic book; font-size:10px; color:white; 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:franklin gothic book; font-size:10px; color:white; font-weight:none;border:0px; text-transform: uppercase;} {”In your extended network” style} .blacktext12{font-family:franklin gothic book; font-color:white; font-weight: bold; font-size: 10px; letter-spacing: -2px; } {Stylizing of your name above your picture } .nametext{font-family:franklin gothic book; font-size:10px; color:white; font-weight: bold; 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:franklin gothic book; font-size:10px; color:white; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:link{font-family:franklin gothic book; font-size:10px; color:white; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:active{font-family:franklin gothic book; font-size:10px; color:white; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:visited{font-family:franklin gothic book; font-size:10px; color:white; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:hover{font-family:franklin gothic book; font-size:10px; color:white; font-weight:none;border:0px; text-transform: uppercase;} {Default Links} a:link, a.man{font-family:franklin gothic book; font-size:10px; color:white; font-weight:none;border:0px; text-transform: lowercase; letter-spacing: 0px;} a:active{font-family:franklin gothic book; font-size:10px; color:white; font-weight:none;border:0px; text-transform: lowercase;} a:visited{font-family:franklin gothic book; font-size:10px; color:white; font-weight:none;border:0px; text-transform: lowercase;} a:hover{font-family:franklin gothic book; font-size:10px; color:white; 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:1000px; height:1000px; overflow: hidden;"> <img src="http://cbimg6.com/layouts/07/09/15/21492aa.jpg"> </div> <div class="content" style="position: absolute; left:558px; top:663px; width:200px; height:220px; 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="content" style="position: absolute; left:800px; top:663px; width:178px; height:220px; overflow: auto;"><center> <B>Put You Music Info Right Here... Okay? Pop, Rock, whatever you like... This is your Space... Got it? Blah, blah, BLAH, ba ba blah, Blah, blah, BLAH, ba ba blah, Blah, blah, BLAH, ba ba blah, Blah, blah, BLAH, ba ba blah, Blah, blah, BLAH, ba ba blah, Blah, blah, BLAH, ba ba blah, Blah, blah, BLAH, ba ba blah, Blah, blah, BLAH, ba ba blah, Blah, blah, BLAH, ba ba blah, Blah, blah, BLAH, ba ba blah, Blah, blah, BLAH, ba ba blah, Blah, blah, BLAH, ba ba blah, Blah, blah, BLAH, ba ba blah, Blah, blah, BLAH, ba ba blah, Blah, blah, BLAH, ba ba blah </b> </div> <div class="content" style="position: absolute; left:333px; top:663px; width:171px; height:220px; overflow: auto;"><center> <B>Name:</B> ANSWER HERE <BR> <B>Age:</B> ANSWER HERE <BR> <B>Location:</B> ANSWER HERE <BR> <B>Sex:</B> ANSWER HERE <BR> <B>Height:</B> ANSWER HERE <BR> <B>Body Type:</B> ANSWER HERE <BR> <B>Hair Color:</B> ANSWER HERE <BR> <B>Eye Color:</B> ANSWER HERE <BR> <B>Sign:</B> ANSWER HERE <BR> <B>Birthday:</B> ANSWER HERE <BR> <B>Status:</B> ANSWER HERE <BR> <B>Fav. Food:</B> ANSWER HERE <BR> <B>Fav. Color:</B> ANSWER HERE <BR> <B>Fav. Show:</B> ANSWER HERE <BR> <B>Fav. Movie:</B> ANSWER HERE <BR> <B>Fav. Artist:</B> ANSWER HERE <BR> <B>Fav. Genre:</B> ANSWER HERE <BR> really just finish up here with whatever you want... take out what you don't want to answer... whatever works! hehe </div> <div class="LINKS" style="position: absolute; left: 405px; top:607px; width:500px; height:300px; overflow: auto;"><center>:::::: <A HREF="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy">Home</A>:::::: <A HREF="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD1YWFhYWFg=">Add</A>:::::: <A HREF="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZSZmcmllbmRJRD1YWFhYWFhY">Message</A>:::::: <A HREF="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9WFhYWFhYWFg=">Blog</A>:::::: <A HREF="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIudmlld0FsYnVtcyZmcmllbmRJRD1YWFhYWFhY">Pictures</A> :::::: <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>

The Hills is one of my fav shows! This is great =)

i really like this layout but where do i put my friend ID?

oh jeeze i love it! and i love the hills!

I wonder if u can make the hills on defult layouts?

no heidi?! well that makes me happy.....you did a nice job!!! i like it alot!!! they are great choices for pics too!!!

I think ur layouts are nice. I was wondering if you can create a layout just like this one, but instead of having pictures of famous Celebrities, people have an option of putting their own pictures up. That would be hot!!

No Heidi so you get bonus points already.

I'm a huge fan and those image choices are great; make all the girls look fantastic (not difficult I know)

I agree you should have put a border around the header, just so it's contained and presented better, and I think you went a little over the top with the brush use, though I like the general idea of the effect you were going for.

I don't like the blocky set up of the content. I just think a little more creativity is always possible when it comes to content and that it doesn't have to be quite so straight forward as three boxes side by side.

That being said, this isn't bad. I quite like it.

it lookzz niice =)

I like everything.

o and just to let you know the scrolls dont work at all at least on mozilla they dont

View all »

Designer	PINKLollyPOP
Submitted on	Sep 14, 2007
Page views	19,044
Favorites	66
Comments	13
Reviewer	IVIike
Approved on	Sep 15, 2007

, the, hills, mtv, famous, black, white, girly, girlie, swirls

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

• Here I Stand Layouts