Dienstag, 25. November 2008



KhAkRefBr



Friends Module


  • Styling Friends Names
  • Rotational Friends Colors
  • Custom View All Friends Link
  • Custom Friends Online Nows Icons



  • .K {Remove Space Between Friends Pics}
    div.friendSpaceModule div.moduleBody ol.moduleList.clearfix li {
    margin-left:-10px; margin-right:-10px;}


    Adjust the numbers.



    .K {center Friends Pics}
    div.friendSpaceModule div.moduleBody ol.moduleList.clearfix li {
    position:relative; left:60px;}


    Adjust the number.



    .K {Hide Top Friends Online Now Icons And Text}
    div.friendSpaceModule div.moduleBody span.msOnlineNow {display:none;}


    .K {Hide Top Friends Online Now Icons}
    div.friendSpaceModule div.moduleBody span.msOnlineNow img {display:none;}


    .K {Hide Top Friends Online Now Text}
    div.friendSpaceModule div.moduleBody span.msOnlineNow {font-size:0px;
    word-spacing:-1000px; letter-spacing:-1000px;}



    .K {Change Color Of Top Friends Online Now Text}
    div.friendSpaceModule div.moduleBody span.msOnlineNow {color:red;}




    .K {Hide Friend Space}
    div.friendSpaceModule {display:none;}



    .K {Hide Friend Space Header}
    div.friendSpaceModule h3.moduleHead {display:none;}


    .K {Hide Friend Space Title}
    div.friendSpaceModule h3.moduleHead span span {display:none;}


    .K {Center Friend Space Title}
    div.friendSpaceModule h3.moduleHead {text-align:center;}


    .K {Change Color of Friend Space Title}
    div.friendSpaceModule h3.moduleHead span span {color:red;}


    .K {Transparent Background Of Friend Space Title}
    div.friendSpaceModule h3.moduleHead {background-color:transparent;}


    .K {Change Background Color Of Friend Space Title}
    div.friendSpaceModule h3.moduleHead {background-color:yellow;}


    .K {Add Background Image To Friend Space Title}
    div.friendSpaceModule h3.moduleHead {background-image:url(Your Image URL);}




    .K {Hide Friends Toolbar Area}
    div.friendSpaceModule div.toolbar {display:none;}


    .K {Change Background Color Of Toolbar Area}
    div.friendSpaceModule div.toolbar {background-color:red;}


    .K {Add Background Image To Toolbar Area}
    div.friendSpaceModule div.toolbar {background-image:url(Your Image URL);}




    .K {Hide Friends Count}
    div.friendSpaceModule div.toolbar span {display:none}


    .K {Change Text Color Of Friends Count Text}
    div.friendSpaceModule div.toolbar span.toolbarCount {color:red;}


    .K {Change Text Color Of Friends Count Number}
    div.friendSpaceModule div.toolbar span.count {color:yellow;}




    .K {Hide View And Links to All, etc.}
    div.friendSpaceModule div.toolbar ul.links li {display:none;}



    .K {Hide Just View}
    div.friendSpaceModule div.toolbar ul.links li.viewMy.navLabel {display:none;}


    .K {Change Text Color Of View}
    div.friendSpaceModule div.toolbar ul.links li.viewMy.navLabel {color:red;}



    .K {Hide Links To All, etc.}
    div.friendSpaceModule div.toolbar ul.links li a {display:none;}


    .K {Change Text Color Of Links To All, etc.}
    div.friendSpaceModule div.toolbar ul.links li a {color:red;}
    div.friendSpaceModule div.toolbar ul.links li a:hover {color:yellow;}



  • Custom View All Friends Link




  • .K {Change Background Color Of Friend Space}
    div.friendSpaceModule div.moduleBody ol.moduleList {padding-bottom:30px;
    background-color:red;}


    .K {Add Background Image To Friend Space}
    div.friendSpaceModule div.moduleBody ol.moduleList {padding-bottom:30px;
    background-image:url(Your Image URL);}



    .K {Hide Friends Pics And Names}
    div.friendSpaceModule div.moduleBody ol.moduleList {display:none;}


    .K {Hide Friends Names}
    div.friendSpaceModule div.moduleBody ol.moduleList li a span {display:none;}


    .K {Change Color Of Friends Names}
    div.friendSpaceModule div.moduleBody ol.moduleList li a span {color:yellow;}
    div.friendSpaceModule div.moduleBody ol.moduleList li a:hover span {color:red;}


    .K {Hide Top Friends Pics}
    div.friendSpaceModule div.moduleBody ol.moduleList li a img {display:none;}


    .K {Resize Top Friends Pics}
    div.friendSpaceModule div.moduleBody ol.moduleList li a img {width:65px;}


    .K {Hide Friends OnlineNow Icons}
    div.friendSpaceModule div.moduleBody ol.moduleList li img.ImgOnlineNow {display:none;}



    .K {Friends Pics Borders}
    div.friendSpaceModule div.moduleBody ol.moduleList li a img {border:3px solid red;}
    div.friendSpaceModule div.moduleBody ol.moduleList li a:hover img {border:3px solid yellow;}
    div.friendSpaceModule div.moduleBody ol.moduleList li img.ImgOnlineNow {border:0px;}




    .K {Hide Friends Top And Bottom Borders}
    div.friendSpaceModule div.moduleTop, div.friendSpaceModule div.moduleBottom {display:none;}


    .K {Hide Friends Left And Right Borders}
    div.friendSpaceModule div {border:0px;}


    .K {Friends Borders}
    div.friendSpaceModule {border:3px solid red;}


    .K {Rounded Friends Borders}
    div.friendSpaceModule {border:3px solid red;
    -moz-border-radius:10px; -webkit-border-radius:10px;}



    .K {Scrollable Friends}
    div.friendSpaceModule {overflow:auto; height:100px;}


    .K {Scrollable Friends}
    div.friendSpaceModule div.moduleBody {overflow:auto; height:100px;}






     

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