Light of Life (Top Banner/Default)

Designer's Comments

Look carefully for specific instructions

This is my first attempt at making a profile 2.0 layout.

The scripture in the top banner says, "I am the light of the world. Whosoever follows me will never walk in darkness, but will have the light of life." John 8:12.

Credit:
Created by me using PSE, splat brushes (Easy Elements) & top banner came from c28 (I animated the light bulbs).

Preview:
Preview does not look right, but will work fine when you use it. If you run into any problems, just let me know (preferrably through myspace).

Using This Layout

For specific instructions read designer's comments

1. Log into myspace.com
2. Click on Edit Profile (Profile 2.0)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Layout Code

Copy and paste to CSS (Profile 2.0)

Help

{!-- Coding from Calilani.Designs at http://calilani.createblog.com/.  This layout is only 
to be posted on CreateBlog.com and no other layout site.  Thank you. --!}

#mslogo {display:none;}

div#header { background: none; } 
div#googlebar{background-color: #efedb4;}
div#topnav{background-color: #efedb4; color: #808080;}
#topnav ul li a:hover { color: #808080;}  
#topnav ul li a.open:hover {background: #808080; none repeat scroll 0 0; color: #ffffff;} 
#topnav ul { border-right: 0px;color: #808080; }  
#topnav ul li {border-left: 0px; color: #808080;}  
#topnav ul li a{color: #808080;}

body { font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; background:#FFFFFF
url(http://cbimg6.com/layouts/09/04/34292aa.png) center fixed repeat;}
p{line-height:1.0;}
a:link, a:active, a:visited {color:#C48793;}
a:hover {color: #FFFFFF; }
div.contentMid {background-color:transparent;}
div.wrap {width: 800px; background-color:#efedb4; border-left: solid #808080 1.3px; border-right: solid #808080 1.3px;}

div.moduleMid2 h3 {background:#ECD872; color: #000000 ; padding-bottom:1px; padding-top:1px; text-transform: uppercase; letter-spacing:-1px; font-size:14px; border-bottom: 1px solid; border-color:#000000; text-align: center; }
div.contentTop {background-image:url(http://cbimg6.com/layouts/09/04/34292ab.gif);padding-top:596px; background-repeat:no-repeat; background-position:bottom center;}

h1,h2,h3,h4 { font-weight: bold; color:#000000; background-color:#d9d79f;}
h3.moduleHead { background:#ffffff;font-size: 120%;  bottom left repeat-x; color:#000000 ; padding-top:20px; text-transform:uppercase; }
h4 { font-size: 110%; color:#000000; }

div.module { border:0px background:#ffffff; color:#000000; }  
div.basicInfoModule div.moduleHeadTop, div.basicInfoModule div.moduleHeadMid, div.basicInfoModule div.moduleHeadBottom { display:none;}
div.basicInfoModule { background-color:transparent; }
div.photo { background-color: #FAF8CC; }
div.profileDemographics { background-color:#FAF8CC;border:0px; }
div.basicInfoDetails h2 { font-size: 18px; font-weight:bold; line-height: 1.2em; }
div.profileStatus, div.profileMood, div.profileMoodImg { height:18px; line-height:18px; margin-top:7px; }
div.profileStatus { margin-left:0px; }
div.profileFullName { color:#000000; font-weight:bold; }
div.profileFullName span { #000000; }
ul.profileUserAlbum li { background-color:#ffffff; border: 1px solid #000000; }
div.pageLinks em {display:none;}
div.pageLinks ul {position:absolute; left:195px;}

div.musicPlayerModule h3.moduleHead {background-color:transparent; }

div.statusMoodModule div{background:#ECD872; color: #000000;}

div.interestsModule li { background-color:#FAF8CC;color:#000000; border-bottom: 1px solid; border-color:#ECD872;}

div.detailsModule li { background-color:#FAF8CC; line-height: 0; border-bottom: 1px solid; border-color:#ECD872;}
div.detailsModule li strong { display: block; float: left; width: 40%; line-height: 1.2em; height: 1.2em; overflow: hidden; font-weight: bold; color:#000000; background-color:#d9d79f;}
div.detailsModule li span { display: block; margin-left: 42%; line-height: 1.2em;color:#000000; }

div.companiesModule li.moduleItem, div.networkingModule li.moduleItem, div.schoolsModule li.moduleItem { background-color: #FAF8CC; border-bottom: 1px solid; border-color:#ECD872;}
div.networkingModule a { background-color: #FAF8CC; font-weight:bold; border-bottom: 1px solid; border-color:#ECD872;}

div.blogsModule ul.moduleList { border-top: 0px; border-bottom: 1px solid;}
div.blogsModule ul.moduleList li { border-bottom:  0px; border-bottom: 1px solid; border-color:#ECD872;}
div.blogsModule ul.moduleList span.date { color: #000000; }

div.calendarModule ul.moduleList { border-top: 0px; }
div.calendarModule li.moduleItem { border-bottom:  0px; border-bottom: 1px solid; border-color:#ECD872;}

div.commentsModule a.profileLink, div.commentsModule p.datePosted { font-weight:bold; background-color:#d9d79f;}
div.commentsModule div.userComment {  background:url(http://cbimg6.com/layouts/09/04/34292ac.png) bottom right no-repeat; background-color:#FAF8CC; border-bottom: 1px solid; border-color:#ECD872;}
div.commentsModule div.user, div.commentsModule ul.moduleList li { background-color:#FAF8CC; border:0px;}
div.commentsModule p.datePosted { color:#000000;}
div.commentsModule ul.moduleList li ul.commentsInfo li { font-size:80%; line-height: 1.7em; background-color: transparent; border-right: 1px solid #000000;}
div.commentsModule ul.moduleList li ul.commentsInfo li.last { border-right: none; }

div.moduleMid { background-color:#FAF8CC;}
div[class~="module"] { border:none; }
div.moduleTop div div, div.moduleBottom div div { background-color:#FAF8CC; font-size:0px; }
div[class~="moduleTop"], div[class~="moduleTop"] div, div[class~="moduleBottom"], div[class~="moduleBottom"] div { background-color: transparent; background-image: url(http://profile.myspace.com/rc.ashx?bg=FAF8CC&r=6&w=2000&s=000000&sw=1); font-size:0px; }
div[class~="moduleTop"] div div, div[class~="moduleBottom"] div div { background-image:none; }
div[class~="moduleTop"] div div { height:5px; border-top: 1px solid #000000; margin: 0 5px; }
div[class~="moduleBottom"] div div { height:5px; border-bottom: 1px solid #000000; margin: 0 5px; }
div[class~="moduleMid2"] { margin: 0 8px; }
div[class~="moduleMid"] { border-left: solid #000000 1px;}
div[class~="moduleMid1"] { border-right: solid #000000 1px;}
div.moduleTop { background-position: top left; }
div.moduleTop div { background-position: top right;}
div.moduleBottom { background-position: bottom left; }
div.moduleBottom div { background-position: bottom right; }

a.url, ul.contactLinks li a, a:hover; {color:#000000;} 
div[id~=footer] { background-color:transparent; padding:0 0 20px 0; }  
div[id~=footer] a { color:#000000; }
div[id~=footer] div { padding:10px 0; color:#000000; }