Scenic Default

Designer's Comments

Look carefully for specific instructions

Link to my layouts archives

Updated with new coding. Live preview still DOES NOT work.

NOTE: THE LAYOUT DOESN'T ALIGN CORRECTLY IN THE PREVIEW. NEITHER DO THE IMAGES DISPLAY PROPERLY.
Click here for a preview.

This is based off a Myspace homepage theme.

This layout works in both Firefox and Explorer. It's been tested. It works best in a 1280x1024 resolution, but also works in a 1024x768 resolution.

The layout code hides top friends and puts your comments in a scrollbox. It works best if you have a short display name.

Using This Layout

For specific instructions read designer's comments

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

Layout Code

Copy and paste to About Me

Help

<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>
body {
background-color:rgb(109,174,254);
background-image:url('http://cbimg9.com/layouts/08/04/10/26789aa.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:top center;
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
font-size:11px;
color:696969;
-moz-border-radius:1em;
border:0px;
cursor:crosshair;
}

div, p, li, table, tr, td, html {
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
font-size:11px;
color:696969;
border:0px;
cursor:crosshair;
}

table, td { background-color:FFFFFF; }

.text, textarea, input, select {
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
font-size:11px;
color:696969;
}

a, a:active, a:visited, a.man {
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
font-size:11px;
color:6698CB;
cursor:crosshair;
text-decoration:none!important;
}

a:link, a.redlink, a.redlink:link, a.redlink:active, a.redlink:visited {
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
font-size:11px;
color:6698CB;
text-decoration:none!important;
}

a:hover, a.redlink:hover {
font-size:11px;
text-transform:none;
text-decoration:none!important;
color:696969!important;
}

.clearfix td, .rail, .clearfix  { background-color:rgb(109,174,254)!important; }
ul li a.open:hover, ul li a.open small, ul li a:hover { background-color:ebebeb!important; }
ul li a small {display:none!important; visibility:hidden!important; opacity:0.0;filter: alpha(opacity=00);}

.nametext {
font-family:century gothic;
font-size:50px;
font-weight:normal;
color:212121;
}

.orangetext15 {
font-family:century gothic;
font-size:30px;
font-weight:normal;
color:FFFFFF;
}

.whitetext12 {
font-family:century gothic;
font-size:30px;
font-weight:normal;
color:FFFFFF;
}

.lightbluetext8 {
font-family:century gothic;
font-size:25px;
font-weight:normal;
color:212121;
}

u, s, .stext, .sbtext, .swtext {
border-bottom:1px dashed;
border-color:212121;
color:696969;
}

.btext, .redtext, .redbtext, .blacktext10 {
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
font-size:11px;
color:696969;
}

</style>

<style>

.profileInfo td td.text, .profileInfo td.text, .profileInfo td, .friendsComments {
background-color:transparent!important;
background-image:none!important;
border:none!important;
}

.profileInfo {
background-color:rgb(223,239,255);
border-width:1px;
border-style:solid;
border-color:rgb(152,182,209);
-moz-border-radius:1em;
}

.contactTable td.text {
background-image:url('http://cbimg9.com/layouts/08/04/10/26789ad.png');
background-color:transparent;
background-repeat:no-repeat;
border:none;
}

.contactTable td td.text {
background-image:url('http://cbimg9.com/layouts/08/04/10/26789ae.png')!important;
background-position:center center;
background-repeat:no-repeat;
}

.interestsAndDetails td.text, .userProfileDetail td.text, .userProfileSchool td.text, .userProfileCompany td.text, .userProfileNetworking td.text {
background-image:url('http://cbimg9.com/layouts/08/04/10/26789af.png');
background-color:transparent;
background-position:center center;
background-repeat:no-repeat;
border:none;
}

.interestsAndDetails table td, .userProfileDetail table td, .userProfileSchool table td, .userProfileCompany table td, .userProfileNetworking table td, .userProfileUrl, .extendedNetwork, .latestBlogEntry {
background-color:rgb(218,235,251)!important;
background-image:none!important;
border-width:1px;
border-style:solid;
border-color:rgb(119,158,192);
}

.blurbs { width:440px!important; }

.blurbs td.text {
background-image:url('http://cbimg9.com/layouts/08/04/10/26789ag.png');
background-repeat:no-repeat;
height:40px!important;
background-position:center center;
border:none;
color:FFFFFF!important;
width:440px!important;
}

.blurbs table {
background-color:rgb(218,235,251);
border-bottom-width:1px;
border-left-width:1px;
border-right-width:1px;
border-style:solid;
border-color:rgb(119,158,192);
}

.blurbs table td {
background-color:rgb(180,216,248);
border-width:1px;
border-style:solid;
border-color:rgb(119,158,192);
}

.friendSpace { display:none; }

.friendsComments table td, .friendsComments table { border:none!important; }
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

Layout Comments

Showing latest 10 of 35 comments

I love the Background!

By Jamesisgsnap on May 22, 2009 6:13 am

very simple which i like

By ellysse on May 3, 2009 9:51 am

very cute!

By time1 on Dec 5, 2008 11:54 pm

OMG
SO DAMN
PRETTY AND
SIMPLE AND
AND NATUREFUL
:DDDDDDD

By kristinevampire on Nov 8, 2008 11:29 pm

i love it ^_^

By bookieworm546 on Aug 7, 2008 5:19 pm

to who-wants-toast : my god, I'm thick, but thanks so much haha:D I'm using it now :)

By ahoysailors1 on May 3, 2008 5:45 am

Woooww...very nice job. =]

By bbyxo on May 2, 2008 2:16 am

Thanks for that. I would, if you wouldn't mind? Thanks so much. :)

By Jen172686 on Apr 29, 2008 8:01 pm

Jen172686 -
the classified button is under the home button because of the button padding.
find the CSS tag for a.navbar
then change "padding: 0 9px 0 9px;" to smaller numbers.
when you said the preview, you meant the screenshot, right?
in the screenshot, the aboutme section is labeled "About Me" because i didn't like the "blurbs" title and coded my layout to take the whole thing out. if you want the code, i can give it to you.

By jiyong on Apr 29, 2008 2:21 am

I love this layout, but I was wondering a few things. Is there a way to fix the alignment on the nav bar? The "classifieds" link is below the "home" link. And in this preview, the about me section is white and the blue bar says about me. But in the actual layout, it's blue, and the blue bar says blurbs. Is there a way to change that too? Thanks!

By Jen172686 on Apr 28, 2008 10:46 pm

View all »

Layout Details

Designer	jiyong
Submitted on	Apr 10, 2008
Page views	63,600
Favorites	194
Comments	35
Reviewer	miyashu
Approved on	Apr 10, 2008

Scenic Default

Designer's Comments

Using This Layout

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates