Young-Joc V2 Myspace Layout

Home » LayoutsV2 » Celebrities » Young Joc20090609183545000000

User Login

Site Navigation

Myspace V2 Layouts

What's Hot?

You may also be interested in: Young-Jog celebrity

Name:	Young-Joc
Views:	55
Rate:	Currently 2.71/5 1 2 3 4 5

Myspace V2 Install Instructions

Click the big thumbnail above to see the layout, or use the live preview option
Next, copy the code (click inside the textbox then hold "Ctrl" and press "C").
Go back to your Myspace profile and into "Edit Profile", then "Customize".
Inside the "CSS Section" paste the code (hold "Ctrl" and press "V").

/*GLOBAL*/
body { background-color:#000000; font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; color:#FFFFFF; background-image:url(http://i700.photobucket.com/albums/ww6/dartin57/layouts2/bg-2.jpg);background-position:left top;background-repeat:no-repeat;background-attachment:fixed;}
p{line-height:1.6;}
a,a:hover{text-decoration:none;}
a:link, a:visited { color:#cccccc; }
a:hover { color:#ffffff; }
div.contentMid { background-color:transparent; }
span.count { color:#F53EAC; }
div.module { border:1px solid #E5E5E5; }
.noborder { border:none; }

/*HEADINGS*/
h1,h2,h3,h4 { font-weight: bold; color: #ffffff;}
h3.moduleHead { font-size: 120%; color: #ffffff; height:24px; }
h4 { font-size: 110%; }

/*BORDER FOR MODULES*/

div.moduleBody {background-color:#000000;}
div.module { border:1px solid #E5E5E5;}

/*GLOBAL TOOLBAR STYLES*/
div.toolbar ul li { border-right: 1px solid #3d3d3d; }
div.toolbar ul li.last, div.toolbar ul li.navLabel { border-right: none; }
span.toolbarCount { font-weight: bold; color:#CCCCCC; }

/***********************************/
/* BEGIN MODULE STYLES */
/***********************************/

/*PROFILE NAVIGATION HEADER*/
div.profileHeaderModule div.moduleHeadTop,
div.profileHeaderModule div.moduleHeadMid,
div.profileHeaderModule div.moduleHeadBottom { display:none; }
div.profileHeaderModule div.moduleBody{background-color: transparent; }
div.photo { background-color: transparent; }
div.profileDemographics { background-color: transparent; color:#CCCCCC; }
div.profileHeaderDetails h2 { font-size: 18px; font-weight:bold; line-height: 1.2em; color:#fff;}
div.profileHeaderDetails {background-color:transparent;}
div.profileStatus,
div.profileMood,
div.profileMoodImg { height:18px; line-height:18px; margin-top:7px; }
div.profileStatus { margin-left:0px; }

div.profileFullName { color:#333; font-weight:bold; }
div.profileFullName span { color:#000; }
ul.profileUserAlbum li { background-color: #FFF; border: 1px solid #C7C7C7; }

/* MUSIC PLAYER */
div.musicPlayerModule h3.moduleHead { display: none; }

/*INTERESTS*/
div.interestsModule li { padding-left:10px;padding-right:10px;background-color: #cccccc; }
div.interestsModule li h4 { color: #ffffff; }

/*DETAILS*/
div.detailsModule li { padding-left:10px;padding-right:10px;background-color: #cccccc; line-height: 0; }
div.detailsModule li strong { display: block; float: left; width: 40%; line-height: 1.2em; height: 1.2em; overflow: hidden; font-weight: bold; color: #ffffff; }
div.detailsModule li span { display: block; margin-left: 42%; line-height: 1.2em; }

/*SCHOOLS*/
div.schoolsModule li.moduleItem { padding-left:10px;padding-right:10px;background-color: #cccccc; }
div.schoolsModule a { color:#fff; }

/*NETWORKING*/
div.networkingModule li.moduleItem { padding-left:10px;padding-right:10px;background-color: #cccccc; color:#fff; }
div.networkingModule a { font-weight:bold; color:#666; }

/*COMPANIES*/
div.companiesModule li.moduleItem { padding-left:10px;padding-right:10px;background-color: #cccccc;  }
div.companiesModule a {color:#fff;}

/*BLOGS*/
div.blogsModule h3 { background-image:url(http://i700.photobucket.com/albums/ww6/dartin57/layouts2/head-1.jpg); background-repeat:repeat; color: #FFF8ED;}
div.blogsModule ul.moduleList { border-top: dotted #3d3d3d 1px; }
div.blogsModule ul.moduleList li { border-bottom: dotted 1px #3d3d3d;padding-left:10px;padding-right:10px; }
div.blogsModule ul.moduleList span.date { color: #636363; }
div.blogsModule div.toolbar {margin-top:-10px;}

/*BLURBS*/
div.blurbsModule h3 {background-image:url(http://i700.photobucket.com/albums/ww6/dartin57/layouts2/head-1.jpg); background-repeat:repeat; color: #FFF8ED; }
div.blurbsModule h4 { background-color: transparent; color: #636363; }
div.blurbAboutMe, div.blurbLikeToMeet { color: #cccccc;}
div.blurbsModule div.moduleBody {padding:0 8px 8px 8px;}

/*CALENDAR*/
div.calendarModule h3 { background-image:url(http://i700.photobucket.com/albums/ww6/dartin57/layouts2/head-1.jpg); background-repeat:repeat; color: #FFF8ED;background-repeat:no-repeat;}
{ border-top: dotted 1px #3d3d3d; }
div.calendarModule li.moduleItem { border-bottom: dotted 1px #3d3d3d;padding-left:10px;padding-right:10px; }
div.calendarModule abbr {color:#636363;}

/*FRIENDS SPACE*/
div.friendSpaceModule h3 {  background-image:url(http://i700.photobucket.com/albums/ww6/dartin57/layouts2/head-1.jpg); background-repeat:repeat; color: #FFF8ED; }
div.friendSpaceModule ol.moduleList li a img { border: 1px solid #000; }
div.friendSpaceModule div.moduleBody { background-image:url(http://i700.photobucket.com/albums/ww6/dartin57/layouts2/bg2-1.jpg); background-color:#000000; background-position:bottom right; background-repeat:no-repeat;}

/*COMMENTS*/
div.commentsModule ul.moduleList li { background-color:#cccccc;background-repeat:repeat-y; }
div.commentsModule a.profileLink,
div.commentsModule p.datePosted { font-weight:bold; }
div.commentsModule h3 { background-image:url(http://i700.photobucket.com/albums/ww6/dartin57/layouts2/head-1.jpg); background-repeat:repeat; color: #FFF8ED; }
div.commentsModule div.userComment { background-color:transparent; }
div.commentsModule p.datePosted { color:#000; }
div.commentsModule ul.moduleList li ul.commentsInfo li { font-size:80%; line-height: 1.2em; background-color: #333; border-right: 1px solid #3d3d3d;background-image: none; padding:3px; }
div.commentsModule ul.moduleList li ul.commentsInfo li.last { border-right: none; }

div.commentsModule div.toolbar {background-color:#000;}
div.commentsModule h3.moduleHead {padding-right:10px;padding-top:10px;}
div.commentsModule ul.moduleList li {background-color:#000;margin-bottom:1px;color:#999999; border-top: dotted #3d3d3d 1px; }

/*INTERESTS*/
div.interestsModule h3 { background-image:url(http://i700.photobucket.com/albums/ww6/dartin57/layouts2/head-1.jpg); background-repeat:repeat; color: #FFF8ED;}
div.interestsModule h3.moduleHead {padding-right:10px;padding-top:15px;}
div.interestsModule div.moduleBody {background-color:#000;margin-top:-10px;}
div.interestsModule ul.moduleList li {background-color:#000;color:#999999;}

div.musicPlayerModule div.moduleBody {background-color:transparent;}

/*DETAILS*/
div.detailsModule h3 { background-image:url(http://i700.photobucket.com/albums/ww6/dartin57/layouts2/head-1.jpg); background-repeat:repeat; color: #FFF8ED; }
div.detailsModule h3.moduleHead {padding-right:10px;padding-top:15px;}
div.detailsModule div.moduleBody {background-color:#000;margin-top:-10px;}
div.detailsModule ul.moduleList li {background-color:#000;color:#999999;}

/*SCHOOLS*/
div.schoolsModule h3 { background-image:url(http://i700.photobucket.com/albums/ww6/dartin57/layouts2/head-1.jpg); background-repeat:repeat; color: #FFF8ED;}
div.schoolsModule h3.moduleHead {padding-right:10px;padding-top:15px;}
div.schoolsModule div.moduleBody {background-color:#000;margin-top:-10px;}
div.schoolsModule ul.moduleList li {background-color:#000;color:#999999;}

/*NETWORKING*/
div.networkingModule h3 { background-image:url(http://i700.photobucket.com/albums/ww6/dartin57/layouts2/head-1.jpg); background-repeat:repeat; color: #FFF8ED; }
div.networkingModule h3.moduleHead {padding-right:10px;padding-top:15px;}
div.networkingModule div.moduleBody {background-color:#000;margin-top:-10px;}
div.networkingModule ul.moduleList li {background-color:#000;color:#999999;}

/*COMPANIES*/
div.companiesModule h3 { background-image:url(http://i700.photobucket.com/albums/ww6/dartin57/layouts2/head-1.jpg); background-repeat:repeat; color: #FFF8ED; }
div.companiesModule h3.moduleHead {padding-right:10px;padding-top:15px;}
div.companiesModule div.moduleBody {background-color:#000;margin-top:-10px;}
div.companiesModule ul.moduleList li {background-color:#000;color:#999999;}

/***************************************/
/* BEGIN CONTAINER STYLES */
/***************************************/

/* profileHeaderModule - hide border and change header background color */
div.profileHeaderModule div.moduleTop,
div.profileHeaderModule div.moduleTop div,
div.profileHeaderModule div.moduleMid,
div.profileHeaderModule div.moduleMid1,
div.profileHeaderModule div.moduleMid2,
div.profileHeaderModule div.moduleBottom,
div.profileHeaderModule div.moduleBottom div { background-image:none; background-color:transparent; border: 0; }

/***************************************/
/* CUSTOM STYLES */
/***************************************/
div.wrap {background-color:transparent;}
div#header {background: transparent; background-color:transparent;}
div#googlebar {background: transparent; background-color:transparent;}

/*******************************************************************************************************************************************/
#topnav { background-color: #000000; }
#topnav ul { border-right: 1px #F53EAC solid; }  
#topnav ul li { border-left: 1px #F53EAC solid; }  
#topnav ul li a:hover {background-color: #F53EAC; color: #CCCCCC}  /***NAV HOVER - BACKGROUND AND TEXT COLORS***/
#topnav ul li a.open:hover {background: #000000 none repeat scroll 0 0; color: #CCCCCC}

#topnav li.dropDown a{background-color:#000000;} /***DROP DOWN MENU BACKGROUND - SOULD BE SAME AS #topnav***/
 #topnav li.dropDown:hover a:hover,#topnav li.hover a:hover{background:none #F53EAC;color:#CCCCCC;} /***DROP DOWN MENU HOVER ON BACKGROUND***/
 
 #topnav ul li a:hover small,#topnav ul li a.hover small{color:#CCCCCC;}/***SMALL ARROW HOVER COLOR***/

#topnav ul.subMenu{border:1px #cfcfcf solid;border-top:none;position:absolute;left:-10000em;z-index:10002;opacity:0;-webkit-transition:opacity .25s linear;}
 #topnav ul.subMenu li.divider{border-bottom:1px solid #cfcfcf;}
 #topnav ul.subMenu li.last{border-bottom:none;}
 #topnav ul.subMenu a{color:#CCCCCC;white-space:nowrap;vertical-align:bottom;line-height:22px;height:22px;}
 
 #topnav li.dropDown ul.subMenu a{background-color:#000000; color:#CCCCCC;}/***SUB MENU BACKGROUND***/
 #topnav li.dropDown:hover ul.subMenu a:hover,#topnav li.hover ul.subMenu a:hover{background:none #F53EAC;color:#CCCCCC;} /***SUB MENU HOVER ON BACKGROUND AND TEXT***/

/*******************************************************************************************************************************************/

div.module h3 {padding:10px 0 0 10px;}
div.profileHeaderDetails {color:#fff;}
div#footer {background-color:#000000;}

div.modulebasicInfo div.moduleBody {background-color:transparent;}
div.modulebasicInfo {color:#FFFFFF;}

User Login

Site Navigation

Myspace V2 Layouts

What's Hot?

Advertisements

Site Search

MySpace Layouts

Cool Sites

Tags

User:
Pass:
Register