Hướng dẫn đóng khung thông tin chi tiết cho VBB 4.x

http://nj2.upanh.com/b4.s24.d3/3009f...2182672.vd.png

Admin giúp mình mấy cái này nhé
- Canh giữa lại dùm mình cái ID user nha chỉnh size lại xíu tự nhiên nó bị mập lên quá trời
- Làm theo như cậu hướng dẫn thậm chí là copy chính xác nhưng vẫn không có khung Ava
- cho cái status nó vô khung như mấy cái kia với màu xanh như mấy cái dưới
- Với cái cuối cùng là cho mấy chữ như : 1992 , Nam , sinh viên , HCM .... cụ thể là thông tin thì nằm sát lề phải ( tiêu đề Thông Tin vẫn sát lề trái ) giúp nhé

Giúp mình phần trên với nhé

Bạn HTT.ivn ơi, bạn có thể share toàn bộ code đóng khung thông tin thành viên + avatar mà diễn đàn bạn đang dùng đc ko ? <cho luôn file images upload lên host nếu có> giống y hệt như diễn đàn của bạn luôn nhé. Chân thành cám ơn bạn rất nhiều nếu bạn có thể chia sẻ !

1 Attachment(s)

Anh ơi em dùng khung thông tin nằm ngang thì cái avatar nó nằm bên phải của tên thành viên như thế này
Ðính Kèm 5586
Giờ em muốn chuyển nó sang bên trái và kéo khung level về sát bên khung thông tin nhành viên thì làm sao hả anh ?

Cho mình hỏi cách đóng khung thông tin này áp dụng cho dạng nằm ngang hay dạng mặc định, sorry mình mới học vbb nên chưa có nhiều kinh nghiệm

Admin share code đóng khung của diễn đàn mình đang sử dụng được không.

postbit diễn đàn đang sử dụng là postbit etiket_postbit, diễn đàn mình cũng đang sử dụng! đợi tí mình share cho!

1 Attachment(s)

Nhớ Thanks nha bạn!

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

Code:

.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 :

Code:

<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 :

Code:

<div class="etiket_postbit_alanI_userinfo_extra_yazIlarI">Tên của trường<dd>Giá trị của trường -http://anhsangtinhoc.com</dd></div>

1 Attachment(s)

Anh cho em hỏi! em làm theo anh mà bị lỗi thế này là sao? cho em cách giải quyết với!
Ðính Kèm 5915

Có ai giúp mình với! gấp gấp!!! thanks nhiều