[Code] Trang trí giống Box Tsubasafan

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}

thay bằng

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}

(không có thì add vào nơi cần hiện)
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)