Mittwoch, 26. November 2008





Styling Profile Modules



.K {Profile Text Color}
div.contentMid div.moduleBody {color:red;}


.K {Profile Link Color}
div.contentMid div.moduleBody a {color:yellow;}
div.contentMid div.moduleBody a:hover {color:gold;}


.K {Profile Name Color}
div.basicInfoDetails h2 {color:lightblue;}


.K {Color Of All Headers}
div.content h3.moduleHead {color:maroon;}


.K {Color Of Interests Sub Titles}
div.interestsModule div.moduleBody ul.moduleList li h4 {color:purple;}


.K {Color Of Details Sub Titles}
div.detailsModule div.moduleBody ul.moduleList li strong {color:violet;}


.K {Color Of Blurbs Sub Titles}
div.blurbsModule div.moduleBody div.autoResize h4 {color:pink;}


.K {Hide Blog Dates And Titles}
div.blogsModule ul.moduleList li.clearfix span {color:Khaki;}


.K {Color Of Friends Count}
div.friendSpaceModule div.toolbar span {color:Salmon;}


.K {Color Of Comments Text}
div.commentsModule div.moduleBody div.userComment {color:SeaGreen;}


.K {Color Of Comments Count}
div.commentsModule div.toolbar span {color:green;}


.K {Color Of Comments Date}
div.commentsModule div.moduleBody div.userComment p.datePosted {color:olive;}



.K {Body Background Color}
body {background-color:red;}


.K {Body Background Image}
body {background-image:url(Your Image URL);}


.K {Transparent White Middle Div}
div.contentMid {background-color:transparent;}


.K {White Middle Div Background Color}
div.contentMid {background-color:red;}


.K {White Middle Div Background Image}
div.contentMid {background-image:url(Your Image URL);}





.K {Hide All Modules}
div.content div.module {display:none;}


.K {Hide All Modules Except Basic Info}
div.profileLayout {display:none;}



.K {Transparent Profile Modules}
div.content, div.content div.moduleBody, div.module div,
div.content h3.moduleHead, div.module div.userComment,
div.module li.moduleItem, div.module div.moduleMid li {background-color:transparent;}


.K {Add Background Color To All Modules}
div.content {background-color:green;}
div.content div.moduleBody, div.module div,
div.content h3.moduleHead, div.module div.userComment,
div.module li.moduleItem,div.module div.moduleMid li {background-color:red;}


.K {Add Background Image To All Modules}
div.content {background-color:green;}
div.content div.moduleBody, div.module div,
div.content h3.moduleHead, div.module div.userComment,
div.module li.moduleItem,div.module div.moduleMid li {background-color:transparent;}
div.content div.moduleBody {background-image: url(Your Image URL);}


.K {Remove All Modules Borders}
div.moduleTop, div.moduleBottom {display:none;}
div.module div, div.blogsModule div.moduleBody ul.moduleList,
div.blogsModule div.moduleBody ul.moduleList li {border:0px;}


.K {Add Borders To All Modules}
div.content div.module {border:3px solid red;}


.K {Add Rounded Borders To All Modules - FF & SA}
div.content div.module {border:3px solid red; -moz-border-radius:10px; -webkit-border-radius:10px;}


.K {Add Borders To All Modules Below Headers}
div.content div.moduleBody {border:3px solid yellow;}


.K {Add Rounded Borders To All Modules Below Headers - FF & SA} div.content div.moduleBody {border:3px solid yellow; -moz-border-radius:10px; -webkit-border-radius:10px;}





.K {Change Background Color Of All Headers}
div.content h3.moduleHead, div.basicInfoDetails h2 {background-color:red;}


.K {Add Background Image To All Headers}
div.content h3.moduleHead, div.basicInfoDetails h2 {background-image:url(Your Image URL);}


.K {Center Align Name}
div.basicInfoDetails h2 {text-align:center;}


.K {Right Align Name}
div.basicInfoDetails h2 {text-align:right;}


.K {Center Align All Headers}
div.content h3.moduleHead {text-align:center;}


.K {Right Align All Headers}
div.content h3.moduleHead {text-align:right;}


.K {Center Align Interests Sub Titles}
div.interestsModule div.moduleBody ul.moduleList li h4 {text-align:center;}


.K {Right Align Interests Sub Titles}
div.interestsModule div.moduleBody ul.moduleList li h4 {text-align:right;}


.K {Center Align Details Sub Titles}
div.detailsModule div.moduleBody ul.moduleList li strong {text-align:center;}


.K {Right Align Details Sub Titles}
div.detailsModule div.moduleBody ul.moduleList li strong {text-align:right;}


.K {Center Align Blurbs Sub Titles}
div.blurbsModule div.moduleBody div.autoResize h4 {text-align:center;}


.K {Right Align Blurbs Sub Titles}
div.blurbsModule div.moduleBody div.autoResize h4 {text-align:right;}



.K {Add Borders To All Headers}
div.content h3.moduleHead, div.basicInfoDetails h2 { border:3px solid yellow;}


.K {Add Rounded Borders To All Headers - FF & SA}
div.content h3.moduleHead, div.basicInfoDetails h2 {border:3px solid red;
-moz-border-radius:10px; -webkit-border-radius:10px;};}



.K {Scrollable Profile}
div.content {overflow:auto; height:500px;}


.K {Scrollable Profile}
div.profileLayout {overflow:auto; height:400px;}






 

Welcome To KhAk's Design - Profile 2.0 ----- Enjoy! Copyright 2006-2010 by KhAk