here [url=http://theftalk.com/f58-Cascading-Style-Sheets.html]http://theftalk.com/f58-Cascading-Style-Sheets.html[/url]

apply in your css file [spoiler]/* ONE COLUMN FRIENDS LIST */ .friends { /*box*/ background-image: url(http://); background-position: top center; background-repeat: repeat; background-color: transparent; border-width: 3px; border-color: #00CC66; border-style: dotted; margin-left:0; margin-right:0; margin-top:0px; margin-bottom:0; padding-left:0px; padding-right:0; padding-top:0px; padding-bottom:5px } .friends div.boxcontent{width:100%;text-align:center;} .friends.flogrid75{text-align:center;width:75px;} .friends div.viewall a{text-align:center;width:100%;padding-left:20px;}[/spoiler]

i try all d codes but nothing happen... only the one column friend list is working... aahhhm did the friendster maintenance??? this is my css code [spoiler]/****************************************** FEATURED FRIENDS BOX ******************************************/ .friends{position:absolute; left: 123px!important; top: 436px!important; width:800! important; height:120px! important;overflow-Y:hidden! important;overflow-X:hidden! important;} .dr {border-style: none; background-color: transparent;text-align:center;} #content_2 .flogriditem{align:left ! Important;width:70 ! Important} #content_2 .flogrid75{margin-right:0px;width:590!Important;} #2 .viewall {text-align:center} #friends_2_2 .viewall {display:none } /*RESIZE FRIEND PIC main container*/ #content_2 .flogrid75, .flogrid50 {margin-left: -7px! important;} #content_2 .flogrid75 .ir{height: 70px! important; width: 70px! important; color:#000000;filter: glow(color="#000000", strength="4"); } /*RESIZE FRIEND IMAGE*/ #content_2 .flogrid75 .ir img {height: 65px! important; width: 65px! important; border:1px solid #ffffff! important; margin-bottom: -10px! important;}[/spoiler]

Last edited by w3rD14 (2008-12-15 23:58:25)

try this [spoiler]/* Friends Box */ #content_2 .flogrid75 {height:100%;width:100%;margin:0px 0px 0px 0px;} /* BOX: MY FRIENDS */ #content_2 .flogriditem { display:inline; float:left; width:45px; height:64px; margin-bottom:0px !important; margin-right:0px !important; margin:0px 0px 0px 0px; } #content_2 .ir { display:inline; float:left; width:100%; height:100%; } #content_2 .ir img{ width:37px; height:60px; border-width: 2px; border-color: #ffffff; border-style: solid; } #content_2 .boxcontent .flogrid75 .flogriditem .ir img:hover{ width:37px !important; height:60px !important; border-width: 2px; border-color: #ffffff; border-style: solid; } /* MISC: SMALL PHOTO NAMES */ .commonbox .dr {display:none !important}[/spoiler]

here try it.. <">or you can also use sir ephemeral code just need to add this [quote].clearBothNoHeight {display:none!important}[/quote] [quote]#content_2 .imgblock75, .ir { background-color: transparent; } #content_2 .flogrid75{margin-right:-300px;width:590!Important;} #content_2 .flogriditem{align:left ! Important;width:80 ! Important} #content_2 { width:300px;overflow:auto!important;height:165px;} .dr {background-color:transparent!important} #2 .viewall {text-align:left} #2 .editlink { display:none } [b].clearBothNoHeight {display:none!important}[/b][/quote]

Last edited by bobskie (2008-12-16 01:04:05)