friendsterTalk - Friendster Forum

friendsterTalk - Friendster Forum

Welcome guest! Please Login or Register.

Pages: 1 2 3 … 6

 

#1  2007-10-28 14:48:53

Psyanne
 X I E N Silverstein
Psyanne's display avatar
» FriendsterTalker
› Generated in 0.001 second
Location: Opacity: 0;
Registered: 2007-01-26
Posts: 225
Last visit: Yesterday
Reputation: 7
Friendster

Collapsible Testimonials On Hover (FIREFOX CSS)

Copy Paste on your External CSS

Code:

/* XIEN: TESTI BOXES */
.commonbox .evenrow { background-color: transparent; }
.boxcontent, .fitem1wrapper { padding: 11px 11px 1px 11px; }
.publiccomments div div .dtd ul { background: #000; -moz-opacity: 0.3; -moz-border-radius: 10px; text-align:center;
width:350px; height: 75px; overflow: hidden; padding: 10px 5px 10px 5px;}
.publiccomments div div .dtd ul:hover{ background-color: #000; -moz-opacity: 0.5; -moz-border-radius: 10px; height: 100%; min-height: 75px; height:auto !important; height:75px; }

.data img, .data embed {max-width: 340px;}

NORMAL


HOVER


NOTE:
Rounded Borders and moz ext only work on FF if you wanted to use this paste this on your FF CSS.
Feel free to edit the colors and sizes, play with the code anyway you want anyway it is your profile.

Any Problem when using my code on IE well don't ask me, try asking Bill Gates.
Tested not working on IE use separate css for this one.

UPDATED: All Embed will auto fit, no more overflowing testi and comment (NOV. 5)

Last edited by Psyanne (2007-12-06 07:25:15)


Urusai koto jenai

-Offline-
 

#2  2007-10-28 15:04:57

bklazaruz
 Roland S Revilla
» FriendsterNewbie
› nag tinda ng layouts haha
Location: pamPanga
Registered: 2007-10-01
Posts: 7
Last visit: 2008-12-22
Reputation: ~
???

Re: Collapsible Testimonials On Hover (FIREFOX CSS)

tnx 4 sharing heheheheheh nc code 4 me

-Offline-
 

#3  2007-10-28 15:18:21

my_nym
my_nym's display avatar
» FriendsterTalker
Registered: 2007-08-28
Posts: 208
Last visit: 2008-04-23
Reputation: ~

Re: Collapsible Testimonials On Hover (FIREFOX CSS)

owwww I've been waiting for this code man thanks for sharing dude :thumbsup:  :thumbsup:

dude isnt it possible that u ca make rounded corners in all box content?? I Like all my boxes make a rounded borders

Last edited by my_nym (2007-10-28 15:21:57)



bye-bye ripway...:crybaby:

-Offline-
 

#4  2007-10-28 15:29:54

Psyanne
 X I E N Silverstein
Psyanne's display avatar
» FriendsterTalker
› Generated in 0.001 second
Location: Opacity: 0;
Registered: 2007-01-26
Posts: 225
Last visit: Yesterday
Reputation: 7
Friendster

Re: Collapsible Testimonials On Hover (FIREFOX CSS)

@ my_nym

Yes you can by applying this code on your border properties

Code:

border: 1px solid #FFF; -moz-border-radius: 10px;
padding: 10px;

EXAMPLE

Code:

.commonbox { border: 1px solid #FFF; -moz-border-radius: 10px;
padding: 10px; }

Note
(.commonbox) applies to all module boxes.

change the radius pixel to make it rounder.

Last edited by Psyanne (2007-10-29 15:12:01)


Urusai koto jenai

-Offline-
 

#5  2007-10-28 15:59:30

xavierkym
 Xavier Kym M. Guillen
» Retired Moderator
› The Sinister
› Class-S
Location: London, England
Registered: 2007-06-10
Posts: 5371
Reputation: 137
Friendster

Re: Collapsible Testimonials On Hover (FIREFOX CSS)

more firefox css here.. http://developer.mozilla.org/en/docs/Mo…Extensions =D

Last edited by xavierkym (2007-10-28 17:13:25)
 

#6  2007-10-28 16:39:21

Shirow Masamune
 Charles Vi Britannia XVII
Shirow Masamune's display avatar
» Moderator
› The Irony of Fate
› Class-S
Location: Castle Belphegor
Registered: 2007-07-26
Posts: 4462
Reputation: 227
Friendster

Re: Collapsible Testimonials On Hover (FIREFOX CSS)

cool im using it right now thx :thumbsup:


Randum YM Messages :3

Ruru: say gin whats the ultimate killer combo?
Gin: ZA WARUDO!!!11
Ruru: wait wat?
Gin: WRRYYYYYYYYYY!!!11
Ruru: shoo mo3 :3
 

#7  2007-10-28 16:59:06

xpoiled7
 Mr.Stuck-Up
xpoiled7's display avatar
» FriendsterTalker
Location: anywhere
Registered: 2007-07-13
Posts: 115
Last visit: 2008-12-08
Reputation: ~

Re: Collapsible Testimonials On Hover (FIREFOX CSS)

tnx for sharin :D

-Offline-
 

#8  2007-10-28 21:37:11

nigga
 Gian Franco Dy
nigga's display avatar
» Banned
› ..+♥CTRL + ALT + DELETE&
Location: Naga City, Bicol
Registered: 2007-08-26
Posts: 484
Last visit: 2008-01-10
Reputation: -3
???

Re: Collapsible Testimonials On Hover (FIREFOX CSS)

.¤.+..•..«..«..«..«..«..+. «.my post.».+..»..»..»..»..»...+. ¤.


•••...friendsternewbie™| cursed™••••






thanks foh sharin

-Offline-
 

#9  2007-10-29 00:41:30

rhodemar82
 e-mhar
rhodemar82's display avatar
» FriendsterTalker
Location: php, baguio city
Registered: 2007-06-20
Posts: 129
Last visit: 2008-12-21
Reputation: ~
Friendster

Re: Collapsible Testimonials On Hover (FIREFOX CSS)

wow nice code. im using right now tnx :penguin:

-Offline-
 

#10  2007-10-29 01:13:02

shakiro214
 [ Eternal Scientist ]
shakiro214's display avatar
» FriendsterGeek
› I have been 18 for 8 yrs
› Class-S
Location: al rescate~! >.<
Registered: 2007-08-12
Posts: 1390
Reputation: 104
Friendster

Re: Collapsible Testimonials On Hover (FIREFOX CSS)

Very clever! +rep!!!

:D :thumbsup:
 

#11  2007-10-29 01:42:13

bryanezz
 jULLo bRyAn bAnToLinO
bryanezz's display avatar
» FriendsterAddict
› ♀ cK_oL daY ♀
› Friendstertalk University
Location: Rosario,Cavite
Registered: 2007-08-04
Posts: 322
Last visit: 2008-12-31
Reputation: 3
Friendster

Re: Collapsible Testimonials On Hover (FIREFOX CSS)

nice code ill try using it later :eh:  :eh:


do your own!



                               "Once a Varsitarian,Always a Varsitarian"

                                      =19Cavite Varsitarian60=

-Offline-
 

#12  2007-10-29 02:04:47

Shirow Masamune
 Charles Vi Britannia XVII
Shirow Masamune's display avatar
» Moderator
› The Irony of Fate
› Class-S
Location: Castle Belphegor
Registered: 2007-07-26
Posts: 4462
Reputation: 227
Friendster

Re: Collapsible Testimonials On Hover (FIREFOX CSS)

xavierkym wrote:

more firefox css here.. http://developer.mozilla.org/en/docs/Mo…Extensions =D

lol ur right too many FF css here hahaha well go to familiarize it first lol :penguin:


Randum YM Messages :3

Ruru: say gin whats the ultimate killer combo?
Gin: ZA WARUDO!!!11
Ruru: wait wat?
Gin: WRRYYYYYYYYYY!!!11
Ruru: shoo mo3 :3
 

#13  2007-10-29 02:18:06

lei9182
lei9182's display avatar
» FriendsterManiac
› ♥ i am just me ♥
› Alchemy Explicit AE
Location: ♥ Bxu Sitti ♥
Registered: 2007-02-22
Posts: 747
Last visit: 2008-12-22
Reputation: 2
Friendster

Re: Collapsible Testimonials On Hover (FIREFOX CSS)

it doesn't collapse... guess it is really for FF users...

-Offline-
 

#14  2007-10-29 04:19:38

hatahari
hatahari's display avatar
» FriendsterNewbie
› The Super Kawaii
Location: Karakura Town
Registered: 2007-09-23
Posts: 42
Last visit: 2008-12-03
Reputation: ~
Friendster

Re: Collapsible Testimonials On Hover (FIREFOX CSS)

Doesn't this work for both IE and FF?


-Offline-
 

#15  2007-10-29 04:55:56

sickofyou
 Edward Carlo
sickofyou's display avatar
» FriendsterManiac
› Wrath upon myself
Location: Kabite, Pilipinas
Registered: 2007-08-25
Posts: 909
Last visit: 2009-01-01
Reputation: 5

Re: Collapsible Testimonials On Hover (FIREFOX CSS)

works only in FF

http://soulflytribe.multiply.com

-Offline-
 

#16  2007-10-29 05:01:06

slashedkite
 Jonathan Plaza Serrano
slashedkite's display avatar
» FriendsterGeek
› Former LS member..
› Friendstertalk University
Location: onloadhandler
Registered: 2007-01-23
Posts: 1092
Last visit: 2009-01-07
Reputation: 16
Friendster

Re: Collapsible Testimonials On Hover (FIREFOX CSS)

nice one dude!  ;)  :thumbsup:


:ninja::ninja:

-Offline-
 

#17  2007-10-29 06:37:44

chingching
 Danica
chingching's display avatar
» FriendsterTalker
› I'm here to Share!
Location: Utopian Society
Registered: 2007-09-16
Posts: 269
Last visit: 2007-12-28
Reputation: ~
Friendster

Re: Collapsible Testimonials On Hover (FIREFOX CSS)

ow wow!

nice trick! :D  :thumbsup:



The new nica1214, Hope I'm still welcome!:|
-=[I'm here to Share!]=-
CLICK ME! HELP ME!

-Offline-
 

#18  2007-10-29 06:55:36

mania_quiz666
 UseLess EmO
mania_quiz666's display avatar
» FriendsterAddict
› ++ M a r Q ++
› Alchemy Explicit AE
Location: >---->
Registered: 2007-06-16
Posts: 456
Last visit: 2008-12-26
Reputation: ~
Friendster

Re: Collapsible Testimonials On Hover (FIREFOX CSS)

tnx 4 sharing, i learn a lot ty!

-Offline-
 

#19  2007-10-29 08:05:29

deleycious
 deLeycious
deleycious's display avatar
» FriendsterNewbie
Location: not there
Registered: 2007-07-02
Posts: 37
Last visit: 2008-11-03
Reputation: -1

Re: Collapsible Testimonials On Hover (FIREFOX CSS)

thanks ! i'll try to use that , hehe  =)  :thumbsup:


____________________________________________________________
=) u life isn't for urself only . everybody's useful for the others =)

:wallbash: e-mail me :wallbash:

-Offline-
 

#20  2007-10-29 12:52:26

aRies04991
 Nikko Feliz
» Retired Moderator
› Ilabas ang kulit!
› The Scandalers
Location: Already gone.
Registered: 2006-10-01
Posts: 8737
Last visit: 2008-12-14
Reputation: 37
Friendster

Re: Collapsible Testimonials On Hover (FIREFOX CSS)

Woot.. i wanna try it. since i'm a css user.. haha

Please support my SOTM Suggestion.
Please visit: FS | Plurk | Official Blog.

-Offline-
 

 

Pages: 1 2 3 … 6

Search Friendstertalk

Board footer

FriendsterTalk is not affiliated with Friendster.com
Copyright © 2002–2009 PunBB

[ 8 queries - 0.045 second ]

Pay Per Click Ads by pay per click advertising by Kontera

FriendsterTalk.com x

Welcome to FriendsterTalk! You'll need to login in order to fully use all the features and view all the sections of this site.

Please register if you're not yet a member. =)