::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 
» Newbie
» Newbie

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

Honors : 36750
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


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

Edit the 80 on
#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
#2 .viewall {[b]display:none [/b]}
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
» Newbie
» Newbie

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

FW Mood: :
Honors : 36552
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
» 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
» List of Tricks & Tips

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:  
Free forum hosting | © phpBB | Free forum support | Contact | Report an abuse | Forumotion.com