DuyWin
![[Code] Trang trí giống Box Tsubasafan Empty](https://2img.net/i/empty.gif)
[Code] Trang trí giống Box Tsubasafan
on 21/01/2013DuyWin
Theo thắc mắc bên này: [You must be registered and logged in to see this link.]
Vào Index_Box, tìm:
- Code:
{catrow.forumrow.FORUM_NAME}
- Code:
<div class="troinoi"><dl>{catrow.forumrow.FORUM_NAME}</dl></div> <style>.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;
}</style>
Tiếp tục vào Index_Box, tìm tiếp:
- Code:
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
thay bằng:
- Code:
<div id="smallrum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
CSS nè (Mới rip):
- Code:
#smallrum {
padding: 0.8em 1em;
margin: 3px 1px;
color: #FFFFFF;
width: 375px;
}
#smallrum {
padding: 0.4em 1em;
margin: 3px 1px;
background: #ffffff none;
-moz-box-shadow: -2px 2px 2px #c8c8c8;
-webkit-box-shadow: -2px 2px 2px #c8c8c8;
box-shadow: -2px 2px 2px #c8c8c8;
color: #ffffff;
width: 375px;
}
Thế là gần giống 80% (nếu muốn y hệt thì sài box của fmvi rồi làm như trên :) (thay icon vào)