Friendstertutorials.com | Friendster Tutorial

Jul

22nd

Two Column Friends List

Author: Angel | Files under External CSS Codes, Tricks and Tweaks | 1,512 Views

Simply paste the codes below in your CSS file or use this tutorial: Compiling, Uploading and Saving CSS Codes.

/* grid layouts */
.flogrid75, .flogridp { zoom: 1; }
.flogrid75:after, .flogridp:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.flogrid75, .flogrid50 { margin-right: -11px; margin-left: 31px; }
.flogridp { margin-right: -13px; margin-left: 35px; }
.flogriditem { float: left; display: inline; margin-top: 12px; margin-right: 40px; margin-bottom: 12px; }
.flogridp .flogriditem { margin-top: 5px; margin-right: 175px; margin-bottom: 5px; width: 110px; height: 100px; background: url() no-repeat; }
.flogrid75 .flogriditem { width: 88px; }
.ir { 
background: transparent; 
text-align: center; 
overflow: hidden; }
.dr { text-align: center; background: #E6F1F3; padding: 3px 0; border-top: 1px solid #EECFA1; }
.flogridp .ir { width: 103px; height: 83px; margin: 10px 0 0 0px; }
.flogridp .ir img { margin: 0 auto; height: 83px; }
.flogrid75 .ir { width: 85px; height: 85px; }
.flogrid75 .ir img { margin: 0 auto; height: 85px; }

Credit to Friendstertalk.com for the CSS and JS Codes.

One response. Wanna say something?

pRinCeSs
Aug 29, 2008 at 10:30:32

First one to comment…

do u have preview for this?!? thanks….

Two Column Friends List

One response. Wanna say something?

Post a Comment

Sponsored Ads

Related Links

Contributors

Statistics

Navigation

Tutorial Categories

Most Viewed Tutorials

Random Tutorials

Recent Comments