::FSWeaver Official Forum Site::
welcome to FSweaver..Have More Fun and Enjoy.
Register nOW!!!!


Community Of People Who Are Into Social Networking
 
PortalHomeSearchMemberlistUsergroupsRegisterLog in
Welcome Here! in FSweaver stay enjoy here have more fun sharing the tricks..

Share | 
 

 Horizontal Scrollable Friends List [C.S.S]

Go down 
AuthorMessage
Lelouch
» Newbie
» Newbie
avatar

Male
Honors : 16
Age : 28
Location : Philippines
Warnings :
0 / 1000 / 100

Honors : 36210
Registration date : 2008-11-18

PostSubject: Horizontal Scrollable Friends List [C.S.S]   Thu Nov 20, 2008 2:29 am

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
Back to top Go down
http://www.friendster.com/unknownriot
ladyyelle
» Newbie
» Newbie


Honors : 85
Age : 25
Location : sto.domingo, ilocos sur
Warnings :
1 / 1001 / 100

FW Mood: :
Honors : 36012
Registration date : 2008-12-06

PostSubject: Re: Horizontal Scrollable Friends List [C.S.S]   Sat Dec 06, 2008 11:30 am

hmmmm how to apply it in external code po???
Back to top Go down
 
Horizontal Scrollable Friends List [C.S.S]
Back to top 
Page 1 of 1
 Similar topics
-
» The list
» General list Cap badge
» Processing Retro Tax Return Defintions ~ Forms Required For 2013 Tax Returns ~ Pls Add To The List As Needed
» Kyron Horman Task Force Sends Out List of 490 People Interviewed From School
» Ocean Club Guest List

Permissions in this forum:You cannot reply to topics in this forum
::FSWeaver Official Forum Site:: :: FS Micsellaneous :: Friendster Tricks and Tutorials :: CSS Tutorials-
Jump to:  
Create a forum on Forumotion | © phpBB | Free forum support | Contact | Report an abuse | Forumotion.com