Horizontal Scrollable Friends List [C.S.S]

Many are asking for this code because their they want their friends list to be scrollable horizontally.

Normal Friends List: (Name Removed For Privacy)


What the code will do:
Horizontal Scrollable Friends List:
Scroll Left


Scroll Right


Code:

Code:

#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 }

Apply in External C.S.S. file.



Note:
Edit the 80 on
<blockquote>

Code:

#content2 .flogriditem{align:left ! Important;width:[b]80[/b] ! Important}

</blockquote>if you want to adjust the name of the friends to left or right.
Higher the number more it moves to the right lesser the number more it moves to the left.



If you want to hide the view all link, replace text-align:left to display:none in the code #2 .viewall
<blockquote>

Code:

#2 .viewall {[b]display:none [/b]}

</blockquote>
Fix the position by altering the height,width and the padding too but this idea is not recommended.

Credits: Kuya Ephe

hmmmm how to apply it in external code po???