Mục profile được viền và lồi ra khi đưa chuộtvô

Demo:




1. ACP> Display> Templates> QLTT> Viewtopic_body
- tìm và thay:

Code:

<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->

Bằng:

Code:

<!-- BEGIN profile_field -->
<div style="padding: 2px;">
<div class="thongtintv" style="padding: 3px; border: 1px dashed rgb(153, 153, 153);">                   
{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
</div></div>         
<!-- END profile_field -->

2. ACP> Display> Colors & Pics> Colors> CSS
- chèn vào cuối css đoạn codes sau (chèn vô cuối cho khỏe). hehe

Code:


/* profiles --------------------------------*/

.thongtintv {
position:relative;
left:0px;
color: #000000;
}
.thongtintv:hover {
left:15px;
transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;
transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2);
}
.thongtintv {
background-color: #FFFFFF;
margin:1px 3px 2px 1px;
padding:1px 5px;
border:1px solid #CCCCCC;
}


Bấm submit.thế là xong.