[Template] Trang trí thông tin thành viên trong bài viết (eTiKeT™ 2011)

[Tiểu Bá Vương 1404]

Cài đặt :

Bước 1 : Mở template additional.css (Style Manager -> Edit Tempates -> CSS Templates) và dán code sau vào.

.etiket_postbit_alanI_durumu_gizli_geziyor {
background: url("images/etiket_postbit/etiket_postbit_gizli.png") repeat scroll 0 0 #474747;
margin-top: 2px;
text-align: left;
margin-top: 2px;
margin-bottom: -2px;
font-size: 13px;
padding: 0 4px 0;
color: #FFF;
border-top: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.etiket_postbit_alanI_durumu_gizli_geziyor dd { float: right; }

.etiket_postbit_alanI_durumu_cevrimdIsI {
background: url("images/etiket_postbit/etiket_postbit_cervim_disi.png") repeat scroll 0 0 #d20303;
margin-top: 2px;
text-align: left;
margin-top: 2px;
margin-bottom: -2px;
font-size: 13px;
padding: 0 4px 0;
color: #fff;
border-top: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.etiket_postbit_alanI_durumu_cevrimdIsI dd { float: right; }

.etiket_postbit_alanI_durumu_iceride {
background: url("images/etiket_postbit/etiket_postbit_cervimici.png") repeat scroll 0 0 #86c901;
margin-top: 2px;
text-align: left;
margin-top: 2px;
margin-bottom: -2px;
font-size: 13px;
padding: 0 4px 0;
color: #fff;
border-top: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.etiket_postbit_alanI_durumu_iceride dd { float: right; }

.postbitlegacy .userinfo {
background: none repeat scroll 0 0 #E5E3E3;
border: 1px solid #D1CFCF;
margin: 5px;
padding: 3px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 5px 1px #E2E2E2;
-moz-box-shadow: 0px 0px 5px 1px #E2E2E2;
box-shadow: 0px 0px 5px 1px #E2E2E2;
}

.etiket_postbit_alanI_imlinks {
background: none repeat scroll 0 0 transparent;
border: 0px solid #DDDDDD;
text-align: center;
margin-top: 2px;
padding: 2px 6px 0 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.etiket_postbit_alanI_imlinks :hover {
background: #6DB53E;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.etiket_postbit_alanI_userinfo_extra_yazIlarI {
color:{vb:stylevar post_field_font_color};
margin-top: 2px;
text-align:left;
border-bottom: 1px solid #DBDBDB;
}

.etiket_postbit_alanI_userinfo_extra_yazIlarI dd { float: right;}

.etiket_postbit_alanI_userinfo_extra {
background: url("images/etiket_postbit/etiket_postbit_avatar.png") repeat scroll center center transparent;
border-bottom: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
margin-top: 2px;
padding: 0 4px 6px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

.etiket_postbit_alanI_postbit_reputation {
background: url("images/etiket_postbit/etiket_postbit_rank.png") repeat scroll center center transparent;
border: 1px solid #DDDDDD;
margin-top: 2px;
padding: 2px;
text-align: center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.etiket_postbit_alanI_rank {
background: url("images/etiket_postbit/etiket_postbit_rank.png") repeat scroll center center transparent;
border: 1px solid #DDDDDD;
margin-top: 2px;
padding: 2px;
text-align: center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.etiket_postbit_alanI_usertitle {
background: url("images/etiket_postbit/etiket_postbit_rank.png") repeat scroll center center transparent;
border: 1px solid #DDDDDD;
margin-top: 2px;
font-size: 13px;
text-align: center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.etiket_postbit_alanI_username {
background: url("images/etiket_postbit/etiket_postbit_rank.png") repeat scroll center center transparent;
border: 1px solid #DDDDDD;
text-align: center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.postbitlegacy .userinfo .postuseravatar, .postuseravatar img {
background: url("images/etiket_postbit/etiket_postbit_avatar.png") repeat scroll 0 0 transparent;
float: none;
padding: 4px;
text-align: center;
border: 1px solid #DDDDDD;
margin: 2px 1px 0 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.postbitlegacy .userinfo .username_container { margin-bottom: 1px; }

.postbitlegacy .userinfo .postuseravatar img, .eventbit .userinfo .eventuseravatar img {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #F2F6F8;
margin-top: 1px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.postcontainer .username_container .popupmenu a.popupctrl { font-size: 19px; }

.postbitlegacy .postbody, .eventbit .eventdetails .eventbody {border-left: 0px solid #EFEFEF;}

.postbitlegacy .postdetails, .eventbit .eventdetails { background: {vb:stylevar postbit_background};}

.postbit .posttitle, .postbitlegacy .title {
background: url("images/etiket_postbit/etiket_postbit_rank.png") repeat scroll center center transparent;
-webkit-border-radius: 5px 0 0 5px;;
-moz-border-radius: 5px 0 0 5px;;
border-radius: 5px 0 0 5px;;
border: 1px solid #E9E9E9;
margin-bottom: 5px;
margin-right: -10px;
padding: 5px;
}
Bước 2 : Mở template postbit_onlinestatus (postbit_online_status) (...-> Posbit Templates) và thay thế tất cả bằng code sau :

<vb:if condition="$onlinestatus==0">
<div class="etiket_postbit_alanI_durumu_cevrimdIsI ">Trạng thái<dd>Ngoại tuyến</dd></div>
</vb:if>
<vb:if condition="$onlinestatus==1">
<div class="etiket_postbit_alanI_durumu_iceride">Trạng thái<dd>Trực tuyến</dd></div>
</vb:if>
<vb:if condition="$onlinestatus==2">
<div class="etiket_postbit_alanI_durumu_gizli_geziyor">Trạng thái<dd>Ẩn</dd></div>
</vb:if>
Bước 3 : Mở template postbit_legacy và làm theo nội dung trong tập tin đính kèm : postbit_legacy.txt.
Bước 4 : Mở tập tin đính kèm và tải lên thư mục "etiket_postbit" vào thư mục "images" của diễn đàn.
Bước 5 (tùy chọn) : đối với các bạn đã bổ xung thông tin trong thành viên trong postbit_legacy (postbit), các bạn sửa mã đóng khung cho các trường bổ xung như sau :

<div class="etiket_postbit_alanI_userinfo_extra_yazIlarI">Tên của trường<dd>Giá trị của trường</dd></div>

http://img207.imageshack.us/img207/9384/etiketpostbit.png

[learn more]

Thanks for share :MatCuoi (23):
Demo : http://itphoto.net/f6/dell-queen-inspiron-r-new-series-review-discuss-support-4.html#post4
PS: Admin xem lại chức năng thanks và post bài trong Firefox của 4rum bị lỗi rồi nhé .
4977

[dh05k1]

Cài cái này lên không hiện ảnh của ranks. của các nhóm, admin xem hộ em mới
4979

[locconnect24h]

Ai giúp mình cái Bị lỗi phần đóng khung thank !

4980

[kuvinh]

có thể đóng khung các biểu tượng yahoo,skype...
hướng dẫn cụ thể cái

[memberit]

anh ơi.Em muốn chèn vào postbit thì dùng cái k ạ

[phanvanhai]

Chẳng hiểu sao của mình bị lỗi với mod post thank you hack.
Nhưng topic mới tạo thì chạy chuẩn còn với những topic cũ thì nó lại lỗi
Demo:
1. New: http://buonban24h.net/bai-viet/22050-Can-cho-thue-nha-pho-Phu-My-Van-Phat-Hung-nha-dep-gia-hap-dan.html?p=22467#post22467
2. Old: http://buonban24h.net/bai-viet/7023-Cho-thue-van-phong-mat-pho-Mai-Hac-De.html