Many are asking for this code because their they want their friends list to be scrollable horizontally.
[b]Normal Friends List: [/b](Name Removed For Privacy)
[img]http://img.photobucket.com/albums/v674/EphimeralKaizer/Normal.jpg[/img]
What the code will do:
[b]Horizontal Scrollable Friends List:[/b]
[i]Scroll Left[/i]
[img]http://img.photobucket.com/albums/v674/EphimeralKaizer/Horizontal.jpg[/img]
[i]Scroll Right[/i]
[img]http://img.photobucket.com/albums/v674/EphimeralKaizer/Horizontal2.jpg[/img]
<">Apply in External C.S.S. file.
[hr]
[b]Note:[/b]
Edit the 80 on
[quote]#content2 .flogriditem{align:left ! Important;width:[b]80[/b] ! Important}[/quote]
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.
[hr]
If you want to hide the view all link, replace [b]text-align:left[/b] to display:none in the code #2 .viewall
[quote]#2 .viewall {[b]display:none [/b]}[/quote]
[hr]
Fix the position by altering the height,width and the padding too but this idea is not recommended.
Last edited by Ephemeral (2008-03-03 10:11:59)