Cái đóng khung này chạy rất tốt trên V4.1.5 bạn nhé! bạn đọc kỹ lại ebook của anh HTT.itvn đi là làm dc
Printable View
Các bạn cho hỏi, mình vừa tạo một forum và muốn đưa thông tin thành viên vào giữa và đống khung như diễn đàn itvnn của mình thì phải làm sao vậy. Xin mọi người hướng dẫn vì mình hơi gà, mới tập tành làm forum.
Thanks.
Của bạn đây :................
Thông tin cá nhân có hai dạng show là dạng ngang và dạng dọc bạn à bạn vào đây chỉnh nhé
Options >>> Style & Language Settings >> Use Legacy (Vertical) Postbit Template
Bạn tùy chỉnh nhé
Mình đã chèn thử cái đó vào rồi nhưng chỉ có tên thành viên là vào giữa, còn tất cả thì không có đóng khung gì hết
Bạn chú ý đọc kĩ di nhé Nếu không được bạn send Postbit_legacy lên đây nhé
Bước 1 : vào Admin CP >> Styles & Templates >> Search in Templates >> ở mục Search for Text gõ posbit.css ( nhớ tick vào ô Đồng ý ở mục Tìm trong tựa đề >> Find >> Kick vào postbit.css >> Dán code sau vào cuối cùng :
(Bài viết của HTT.itvn )
Save and Reload ( Bài viết của HTT.itvn)Trích:
/* eTiKeT Postbit_Legacy*/
.eti_postbit_merkezli {
padding-left: 4px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
background-color: #efefef;
border-top: 1px solid #dddddd;
border-right: 1px solid #dddddd;
border-left: 1px solid #c4c4c4;
border-bottom: 1px solid #c4c4c4;
margin-bottom: 4px;
text-align:center;
-moz-box-shadow: 0 2px 6px #b3b3b3;
-webkit-box-shadow: -1px 2px 2px #b3b3b3;
-moz-border-radius-bottom{vb:stylevar left}:6px;
-moz-border-radius-top{vb:stylevar right}:6px;
-webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar threadlisthead_top_corner_radius};
-webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar threadlisthead_top_corner_radius};}
.eti_postbit {
padding-left: 4px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
background-color: #efefef;
border-top: 1px solid #dddddd;
border-right: 1px solid #dddddd;
border-left: 1px solid #c4c4c4;
border-bottom: 1px solid #c4c4c4;
margin-bottom: 4px;
-moz-box-shadow: 0 2px 6px #b3b3b3;
-webkit-box-shadow: -1px 2px 2px #b3b3b3;
-moz-border-radius-bottom{vb:stylevar left}:6px;
-moz-border-radius-top{vb:stylevar right}:6px;
-webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar threadlisthead_top_corner_radius};
-webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar threadlisthead_top_corner_radius};
}
.itvnn_postbit {
text-align:center;
}
Bước 2 : Đóng khung từng chi tiết .
- Đưa thông tin tên thành viên vào giữa
Demo : như diễn đàn này .
Admin CP >> Styles & Templates >> Style manager >> Chọn skin cần chỉnh , edit templates >> Postbit templates >> Postbit_legacy >> Tìm đoạn code sau :
Thêm thẻ <div class="itvnn_postbit">......</div> như sau ( chú ý chữ màu đỏ ) .Trích:
<div class="username_container">
<vb:if condition="$post['userid']">
{vb:raw memberaction_dropdown}
{vb:raw post.onlinestatus}
<vb:else />
<span class="username guest">{vb:raw post.musername}</span>
</vb:if>
</div>
Save and reload ( Bài Viết của HTT.itvn)Trích:
<div class="username_container">
<vb:if condition="$post['userid']">
<div class="itvnn_postbit">
{vb:raw memberaction_dropdown}
{vb:raw post.onlinestatus}
<vb:else />
<span class="username guest">{vb:raw post.musername}</span>
</vb:if>
</div></div>
Vào diễn đàn của bạn để xem kết quả .
- Màu nick :
Admin CP >> Usergroups >> Usergroup Manager >> Administrators . Kick vào Tiếp tục >> Mục Username HTML Markup , ở ô đầu tiên bạn gán thẻ <b><font color=red> ( chữ màu đỏ là bạn có thể thay đổi sang màu khác như : blue , green , gray ,...) , ở ô thứ 2 bạn gán thẻ kết thúc </font></b> . Các mục khác để nguyên . Kick vào Update .
Tương tự với Smod , mod và Member . ( Bài Viết của HTT.itvn)
- Gán biểu tượng hình ảnh cho admin , smod , mod và member .
Demo : Như diễn đàn này .
Đầu tiên tải file ảnh về tại đây và upload lên thư mục images/ranks/ trong host .
Admin CP >> User Ranks >> Add New User Ranks >> Mục Usergroup chọn Administrators , ở mục Minimum Posts để giá trị 0 và mục User Rank File Path gõ đường dẫn file ảnh là images/ranks/admin.gif >> Save . ( Bài Viết của HTT.itvn)
Tương tự với smod , mod và member .
Sau khi làm xong bạn phải vào User rank manager để kích hoạt , kick vào update user titles and ranks >> Ở mục đầu tiên kick vào update user titles and ranks lần nữa .
Nhấn F5 để xem thành quả .
Ðính Kèm 4821
mọi người cho hỏi khi em đã làm xong tất cả các mod và đóng khung xong rồi
Em vào
Postbit Templates >> postbit_userlevel :
Đóng lên đầu tiên đoạn code sau :
Và chèn sau cùng đoạn code :Code:<div class="eti_postbit"><font color=red><b><dt>
làm theo hướng dẫn mod cái User level cũng xong nhưng khi đóng khung thì nó bị thếCode:</dt></b></font>
demo: http://dongdang.name.vn/@forum/showt...&p=352#post352
Em làm theo ebook của Htt ITVN đó.
Nhưng lại bị lỗi
Giúp em với mọi người ơi.
Bạn xem giúp mình với vì vẫn không làm được...PHP Code:
{vb:raw template_hook.postbit_start}<li class="postbitlegacy postbitim postcontainer" id="post_{vb:raw post.postid}"><!-- see bottom of postbit.css for .userinfo .popupmenu styles -->
<div class="posthead"> <span class="postdate {vb:raw post.statusicon}"> <vb:if condition="$show['announcement']"> <span class="date">{vb:rawphrase x_until_y, {vb:raw post.startdate}, {vb:raw post.enddate}}</span> <vb:else /> <span class="date">{vb:raw post.postdate}<vb:if condition="!$show['detailedtime']"> <span class="time">{vb:raw post.posttime}</span></vb:if></span> </vb:if> </span> <span class="nodecontrols"> <vb:if condition="$post['postid'] AND $post['threadid'] AND !$show['moderated']"> <a name="post{vb:raw post.postid}" href="{vb:link thread, {vb:raw thread}, {vb:raw pageinfo_post}}#post{vb:raw post.postid}" class="<vb:if condition="$show['inlinemod']">ie</vb:if>postcounter">#{vb:raw post.postcount}</a><a id="postcount{vb:raw post.postid}" name="{vb:raw post.postcount}"></a> </vb:if> <vb:if condition="$show['moderated']">{vb:rawphrase moderated_post}</vb:if> <vb:if condition="$show['inlinemod']"> <label for="post_imod_checkbox_{vb:raw post.postid}"><input class="postimod" type="checkbox" id="post_imod_checkbox_{vb:raw post.postid}" name="plist[{vb:raw post.postid}]" value="{vb:raw post.checkbox_value}" /></label> </vb:if> </span> </div> <div class="postdetails"> <div class="userinfo"> <div class="username_container"> <vb:if condition="$post['userid']"> <div class="itvnn_postbit"> {vb:raw memberaction_dropdown} {vb:raw post.onlinestatus} <vb:else /> <span class="username guest">{vb:raw post.musername}</span> </vb:if> </div></div> <span class="usertitle"> {vb:raw post.usertitle} </span> <vb:if condition="$post['rank']"> <span class="rank">{vb:raw post.rank}</span> </vb:if> {vb:raw template_hook.postbit_userinfo_left} <vb:if condition="$show['reputation']"> <span class="postbit_reputation" id="repdisplay_{vb:raw post.postid}_{vb:raw post.userid}">{vb:raw post.reputationdisplay}</span> </vb:if> <vb:if condition="$show['avatar']"> <a class="postuseravatar" href="{vb:link member, {vb:raw post}}" title="{vb:rawphrase {vb:raw post['onlinestatusphrase']}, {vb:raw post.username}}"> <img src="{vb:raw post.avatarurl}" alt="{vb:rawphrase xs_avatar, {vb:raw post.username}}" title="{vb:rawphrase xs_avatar, {vb:raw post.username}}" /> </a> </vb:if> <vb:if condition="$post['userid']"> <hr /> <dl class="userinfo_extra"> <vb:if condition="$post['joindate']"><dt>{vb:rawphrase join_date}</dt> <dd>{vb:raw post.joindate}</dd></vb:if> <vb:if condition="$post['field2']"><dt>{vb:rawphrase location_perm}</dt> <dd>{vb:raw post.field2}</dd></vb:if> <vb:if condition="$post['age']"><dt>{vb:rawphrase age}</dt> <dd>{vb:raw post.age}</dd></vb:if> <dt>{vb:rawphrase posts}</dt> <dd>{vb:raw post.posts}</dd> {vb:raw template_hook.postbit_userinfo_right_after_posts} </dl> <vb:if condition="$show['infraction'] OR $show['reppower']"> <dl class="user_rep"> <vb:if condition="$show['infraction']"> <dt>{vb:rawphrase infractions}</dt> <dd>{vb:raw post.warnings}/{vb:raw post.infractions} ({vb:raw post.ipoints})</dd> </vb:if> <vb:if condition="$show['reputation']"> <vb:if condition="$show['reppower']"> <dt>{vb:rawphrase reppower}</dt> <dd id="reppower_{vb:raw post.postid}_{vb:raw post.userid}">{vb:raw post.reppower}</dd> </vb:if> </vb:if> </dl> </vb:if> {vb:raw template_hook.postbit_userinfo_right} <div class="imlinks"> {vb:raw post.icqicon} {vb:raw post.aimicon} {vb:raw post.msnicon} {vb:raw post.yahooicon} {vb:raw post.skypeicon} </div> </vb:if> </div> <div class="postbody"> <div class="postrow<vb:if condition="$show['postedited'] || $post['signature']"> has_after_content</vb:if>"> {vb:raw template_hook.postbit_messagearea_start} <vb:if condition="$post['title'] OR $show['messageicon']"> <h2 class="title icon"> <vb:if condition="$show['messageicon']"><img src="{vb:raw post.iconpath}" alt="{vb:raw post.icontitle}" /> </vb:if>{vb:raw post.title} </h2> </vb:if>
<vb:if condition="$post['isfirstshown']"> {vb:raw ad_location.ad_showthread_firstpost_start} {vb:raw ad_location.thread_first_post_content} </vb:if> <vb:if condition="$post['islastshown']"> {vb:raw ad_location.thread_last_post_content} </vb:if> <div class="content<vb:if condition="$show['first_ad'] OR $show['last_ad']"> hasad</vb:if>"> <div id="post_message_{vb:raw post.postid}"> <blockquote class="postcontent restore "> {vb:raw post.message} </blockquote> </div>
<vb:if condition="$show['attachments']"> <div class="attachments">
<vb:if condition="$show['thumbnailattachment']"> <fieldset class="postcontent"> <legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" alt="{vb:rawphrase attached_thumbnails}" /> {vb:rawphrase attached_thumbnails}</legend> {vb:raw post.thumbnailattachments} </fieldset> </vb:if>
<vb:if condition="$show['imageattachment']"> <fieldset class="postcontent"> <legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" /> {vb:rawphrase attached_images}</legend> {vb:raw post.imageattachments} </fieldset> </vb:if>
<vb:if condition="$show['imageattachmentlink']"> <fieldset class="postcontent"> <legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" /> {vb:rawphrase attached_images}</legend> <ul> {vb:raw post.imageattachmentlinks} </ul> </fieldset> </vb:if>
<vb:if condition="$show['otherattachment']"> <fieldset class="postcontent"> <legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" /> {vb:rawphrase attached_files}</legend> <ul> {vb:raw post.otherattachments} </ul> </fieldset> </vb:if>
<vb:if condition="$show['moderatedattachment']"> <fieldset class="postcontent"> <legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" /> {vb:rawphrase attachments_pending_approval}</legend> <ul> {vb:raw post.moderatedattachments} </ul> </fieldset> </vb:if>
</div> <!-- / attachments --> </vb:if> </div> </div> <vb:if condition="$show['postedited'] || $post['signature']"> <div class="after_content"> <vb:if condition="$show['postedited']"> <!-- edit note --> <blockquote class="postcontent lastedited"><!-- <img src="{vb:stylevar imgdir_button}/edit_40b.png" class="inlineimg" alt="" /> --> <vb:if condition="$show['postedithistory']"> {vb:rawphrase last_edited_link_by_x_on_y_at_z_postid, {vb:raw post.edit_username}, {vb:raw post.edit_date}, {vb:raw post.edit_time}, {vb:raw post.historyurl}} <vb:else /> {vb:rawphrase last_edited_by_x_on_y_at_z, {vb:raw post.edit_username}, {vb:raw post.edit_date}, {vb:raw post.edit_time}} </vb:if> <vb:if condition="$post['edit_reason']"> <span class="reason">{vb:rawphrase reason}:</span> {vb:raw post.edit_reason} </vb:if> </blockquote> <!-- / edit note --> </vb:if> {vb:raw template_hook.postbit_signature_start} {vb:raw ad_location.ad_showthread_firstpost_sig} <vb:if condition="$post['signature']"> <blockquote class="signature restore"><div class="signaturecontainer">{vb:raw post.signature}</div></blockquote> </vb:if> {vb:raw template_hook.postbit_signature_end} </div> </vb:if> <div class="cleardiv"></div> </div> </div> <div class="postfoot"> <!-- <div class="postfoot_container"> --> <div class="textcontrols floatcontainer"> <span class="postcontrols"> <img style="display:none" id="progress_{vb:raw post.postid}" src="{vb:stylevar imgdir_misc}/progress.gif" alt="{vb:rawphrase loading_editor_please_wait}" /> <vb:if condition="$post['editlink']"> <a class="editpost" href="{vb:raw post.editlink}" name="vB::QuickEdit::{vb:raw post.postid}"><img src="{vb:raw vboptions.cleargifurl}" id="editimg_{vb:raw post.postid}" alt="{vb:rawphrase edit_delete_message}" /> {vb:rawphrase edit_post}</a> <vb:if condition="THIS_SCRIPT != 'usernote' && THIS_SCRIPT != 'announcement'"><span class="seperator"> </span></vb:if> </vb:if> <vb:if condition="$show['quickreply'] AND !$show['threadedmode']"> <a id="qr_{vb:raw post.postid}" class='quickreply' href="{vb:raw post.replylink}&noquote=1" rel="nofollow"><img id="replyimg_{vb:raw post.postid}" src="{vb:raw vboptions.cleargifurl}" alt="{vb:rawphrase quick_reply_to_this_message}" /> {vb:rawphrase reply}</a> <span class="seperator"> </span> </vb:if> <vb:if condition="$post['replylink']"> <a id="qrwq_{vb:raw post.postid}" class="newreply" href="{vb:raw post.replylink}" rel="nofollow"><img id="quoteimg_{vb:raw post.postid}" src="{vb:raw vboptions.cleargifurl}" alt="{vb:rawphrase reply_with_quote}" /> <vb:if condition="$post['forwardlink']">{vb:rawphrase reply_to_private_message}<vb:else />{vb:rawphrase reply_with_quote}</vb:if></a> <vb:if condition="$show['multiquote_post']"><span class="seperator"> </span></vb:if> </vb:if> <vb:if condition="$show['multiquote_post']"> <a class="multiquote" href="{vb:raw post.replylink}" rel="nofollow" onclick="return false;" id="mq_{vb:raw post.postid}"><img id="mq_image_{vb:raw post.postid}" src="{vb:raw vboptions.cleargifurl}" alt="{vb:rawphrase multi_quote_this_message}" /> </a> </vb:if> </span> <span class="postlinking"> <vb:if condition="!$post['forwardlink'] && THIS_SCRIPT != 'usernote' && THIS_SCRIPT != 'announcement'"> <vb:if condition="$promote_sectionid AND $promote_sectionid != -1"> <a href="{vb:raw promote_url}" class="promotecms">{vb:rawphrase promote_to_article}</a> <span class="seperator"> </span> </vb:if> </vb:if>
{vb:raw template_hook.postbit_controls} {vb:raw post.iplogged} <vb:if condition="$post['forwardlink']"> <a class="forwardpost" href="{vb:raw post.forwardlink}" rel="nofollow"><img src="{vb:raw vboptions.cleargifurl}" alt="{vb:rawphrase forward_message}" /> {vb:rawphrase forward}</a> <vb:if condition="$show['reputationlink'] OR $show['infractionlink'] OR $show['moderated'] OR $show['spam'] OR $show['deletedpost'] OR $show['redcard'] OR $show['yellowcard']"><span class="seperator"> </span></vb:if> </vb:if> <vb:if condition="$show['reputationlink']"> <span class="reputationpopupmenu popupmenu popupcustom" title="{vb:raw post.postid}"><a class="popupctrl reputation" href="reputation.php?{vb:raw session.sessionurl}do=addreputation&p={vb:raw post.postid}" title="{vb:rawphrase add_reputation}" rel="nofollow" id="reputation_{vb:raw post.postid}"><!--<img src="{vb:stylevar imgdir_button}/reputation-40b.png" alt="{vb:rawphrase add_reputation}" /> --> </a></span> </vb:if>
<vb:if condition="$show['infractionlink']"> <a class="infraction" href="infraction.php?{vb:raw session.sessionurl}do=report&p={vb:raw post.postid}" rel="nofollow" title="{vb:rawphrase add_infraction_for_x, {vb:raw post.username}}"><!-- <img src="{vb:stylevar imgdir_button}/add-infraction_sm.png" alt="{vb:rawphrase add_infraction_for_x, {vb:raw post.username}}" /> --> </a> </vb:if> <vb:if condition="$show['reportlink']"> <a class="report" href="{vb:raw post.reportlink}" rel="nofollow" title="{vb:rawphrase report_bad_post}"><!-- <img src="{vb:stylevar imgdir_button}/report-40b.png" alt="{vb:rawphrase report_bad_post}" /> --> </a> </vb:if>
<vb:if condition="$show['moderated']"> <img class="moderated" src="{vb:stylevar imgdir_misc}/moderated_sm.png" alt="{vb:rawphrase moderated_post}" /> </vb:if> <vb:if condition="$show['spam']"> <img class="spam" src="{vb:stylevar imgdir_misc}/spam_detected.png" alt="{vb:rawphrase spam_post}" /> </vb:if> <vb:if condition="$show['deletedpost']"> <vb:if condition="$show['managepost']"> <a class="deleted" href="{vb:raw $vboptions.vbforum_url}{vb:if "$vboptions['vbforum_url']", '/', ''}postings.php?{vb:raw session.sessionurl}do=managepost&p={vb:raw post.postid}" title="{vb:rawphrase manage}"> </a> <vb:else /> <img class="deleted_nolink" class="inlineimage" src="{vb:stylevar imgdir_button}/deleted_sm.png" alt="{vb:rawphrase deleted_post}" /> </vb:if> </vb:if> <vb:if condition="$show['redcard']"> <a class="redcard" href="infraction.php?{vb:raw session.sessionurl}do=view&p={vb:raw post.postid}" rel="nofollow" title="{vb:rawphrase received_infraction}"><!-- <img src="{vb:stylevar imgdir_button}/red-card_sm.png" alt="{vb:rawphrase received_infraction}" /> --> </a> <vb:elseif condition="$show['yellowcard']" /> <a class="yellowcard" href="infraction.php?{vb:raw session.sessionurl}do=view&p={vb:raw post.postid}" rel="nofollow" title="{vb:rawphrase received_warning}"><!--<img src="{vb:stylevar imgdir_button}/yellow-card_sm.png" alt="{vb:rawphrase received_warning}" /> --> </a> </vb:if> <vb:if condition="$post['api_platform']"> <vb:if condition="$post['api_platform_link']"> <a class="mobile mobile_{vb:raw post.api_platform}" href="{vb:raw post.api_platform_link}" rel="nofollow" title="{vb:rawphrase {vb:raw post['api_platform_link_title']}}">{vb:rawphrase {vb:raw post['api_platform_link_phrase']}}</a> <vb:else /> <span class="mobile mobile_{vb:raw post.api_platform}">{vb:rawphrase {vb:raw post['api_platform_link_phrase']}}</span> </vb:if> </vb:if> </span> <!-- </div> --> </div> </div> <hr /></li>{vb:raw template_hook.postbit_end}
Mod ơi cho hỏi nhỏ một câu ngoài luồn nha, hôm trước có xem trong diễn đàn có một topic post bài hướng dẫn về admincp cho forum vbb nói là đang hoàn thiện và sẽ tiếp tục cập nhật nhưng không nhớ nằm ở phần nào nhờ Mod cho link giúp...