Collapsible Testimonials On Hover (FIREFOX CSS)

by ayeh™ Fri Apr 17, 2009 2:53 pm

CREDIT'S TO PSYANNE OF FTALK

NORMAL PREVIEW:NORMAL UNCLICKED

HOVER PREVIEW:CLICKED ONE

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;}

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

NOTE:do you want to add rounded corners in all box content?here's the code.. beLow(compile this code to the first code above okei?