Ðăng Nhập

View Full Version : Tạo hiệu ứng cool cho forumpost - nhìn hơi đau mắt :D



daochichkid
17-03-2012, 12:13 AM
All version :D làm cho cả vbb4 lẫn vbb3:
vbb 3 :
thêm code vào main css
còn vbb4 thêm vào addition.css

.troinoi {
transition: all 15s ease; -webkit-transition: all 15s ease; -moz-transition: all 15s ease;
transition-delay: 5s; -webkit-transition-delay: 5s; -moz-transition-delay: 5s;
padding-bottom:9px;

background:transparent url(http://i44.servimg.com/u/f44/15/44/78/93/box_sh10.gif) no-repeat bottom left;

font-size:.9em;
margin:1px 3px 2px 1px;

position:relative;
left:-25px;
transform:rotate(-1deg); -moz-transform:rotate(-1deg); -webkit-transform:rotate(-1deg);

}
.troinoi:hover {
transition: all 3s ease; -webkit-transition: all 3s ease; -moz-transition: all 3s ease;
transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);
position:relative;
left:10px;

}


.troinoi dl {

border:1px solid #e0e0e0;

background:white;

margin:0;

padding:4px;

list-style:none;

display:block;

text-align: justify;
}



Tiếp theo dô forumhome_forumbit_level1_nopost
Thêm đoạn sau:

<div class="troinoi"><dl> Code </dl></div>

Demo online: http://benhvienso.net
Code này mình làm demo cho các bạn xem thui,sáng mai minh sẽ trở lai bình thường.Bạn nào làm thì post link demo hộ mình nhé :D