T.I., Free MySpace Graphics, Comments, Backgrounds, Layouts and Glitters

Free MySpace Graphics, Comments, Backgrounds, Layouts and Glitters

Home » Layouts 2.0 » Celebrities 2.0 » TI

T.I.

-->

T.I.

Viewed 140 times

Profile 1.0 Code

/*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-5.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:#FFFFFF; }
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-4.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-4.jpg); background-repeat:repeat; color: #FFF8ED; }
div.blurbsModule h4 { background-color: transparent; color: #FFFFFF; }
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-4.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-4.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-4.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-4.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: #16421E; 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-4.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-4.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-4.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-4.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-4.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 #16421E solid; }  
#topnav ul li { border-left: 1px #16421E solid; }  
#topnav ul li a:hover {background-color: #16421E; color: #000000}  /***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 #16421E;color:#000000;} /***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 #16421E;color:#000000;} /***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;} 
							.linkback_topleft { position: absolute; top: 0px; left: 0px; } /* linkback or site logo div */
							/*BEGIN_ABOUT_CONTENT
							<div class="linkback_topleft"><br><p align="left"><a href="http://www.commentsgalore.com"><font face="Tahoma"><span style="FONT-SIZE: 8pt"><em>
Galorius Layouts</em></span></font></a></p></div>
							END_ABOUT_CONTENT*/

Graphics

Holiday Graphics

Glitters

Quotes

Backgrounds

T.I.

Profile 1.0 Code

Profile 2.0 Code

MySpace Layouts 1.0 and 2.0

MySpace 2.0 Profile Layouts

Leaderboard

Links to Our Friends