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

[HTT.itvn]

Mấy ngày qua nhiều thành viên thắc mắc về cách đóng khung từng thông tin ở mục thông tin , nay mình hướng dẫn chi tiết cho các bạn đóng khung từng thông tin cụ thể :

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 )

/* 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;
}

Save and Reload ( Bài viết của HTT.itvn)

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 :

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

Thêm thẻ <div class="itvnn_postbit">......</div> như sau ( chú ý chữ màu đỏ ) .

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

Save and reload ( Bài Viết của HTT.itvn)
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ả .

P/s : Những thắc mắc - góp ý thì viết tại đây và kiên trì chờ trả lời , mình sẽ trả lời nhanh nếu có thể . Nhiều bạn mới hỏi có vài 3 phút rồi spam liên tục để gây chú ý . Không phải ai cũng online 24/24 .

[spider95]

Muốn chuyển tên user + rank vào giữa như trang TINHTE.VN thì làm sao ???

[HTT.itvn]

Muốn chuyển tên user + rank vào giữa như trang TINHTE.VN thì làm sao ???

Canh giữa thì dùng thẻ <center> ..... </center> .

Vào AdminCP >> Styles & Templates >> Style Manager >> Chọn skin cần chỉnh , Edit Templates >> Postbit Templates >> postbit_legacy :
- Phần username : tìm đoạn code sau :

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

Thêm thẻ như sau :

<div class="username_container">
<center><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></center>
</div>

-Tương tự với Rank :

<vb:if condition="$post['rank']">
<span class="rank">{vb:raw post.rank}</span>
</vb:if>

Chèn thành :

<center><vb:if condition="$post['rank']">
<span class="rank">{vb:raw post.rank}</span>
</vb:if></center>

[spider95]

username thì ok rồi , rank thì vẫn chưa đc

[HTT.itvn]

Em đưa code từ đoạn Username đến đoạn thông tin Họ tên anh xem .

[spider95]

<center><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></center>
</div> 
			<span class="usertitle">
				{vb:raw post.usertitle}
			</span>
			<center><vb:if condition="$post['rank']">
<span class="rank">{vb:raw post.rank}</span>
</vb:if></center>

đúng ko ta

[HTT.itvn]

<center><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></center>
</div> 
			<span class="usertitle">
				{vb:raw post.usertitle}
			</span>
			<center><vb:if condition="$post['rank']">
<span class="rank">{vb:raw post.rank}</span>
</vb:if></center>

đúng ko ta

Đưa code từ username đến bài gửi nhé

[spider95]

Thôi em post luôn cái temp nè

{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">
		<vb:if condition="$show['inlinemod']"><label for="post_imod_checkbox_{vb:raw post.postid}"></vb:if>
			<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']">&nbsp;<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="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']">
					<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}" />
				</vb:if>
			</span>
		<vb:if condition="$show['inlinemod']"></label></vb:if>
	</div>
	<div class="postdetails">
		<div class="userinfo">
			<div class="username_container">
<center><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></center>
</div> 
			<span class="usertitle">
				{vb:raw post.usertitle}
			</span>
			<center><vb:if condition="$post['rank']">
<span class="rank">{vb:raw post.rank}</span>
</vb:if></center>
			{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']"><div class="eti_postbit"><dt>{vb:rawphrase join_date}</dt> <dd>{vb:raw post.joindate}</dd></div></vb:if>
					<vb:if condition="$post['field2']"><div class="eti_postbit"><dt>{vb:rawphrase location_perm}</dt> <dd>{vb:raw post.field2}</dd></div></vb:if>
					<vb:if condition="$post['age']"><div class="eti_postbit"><dt>{vb:rawphrase age}</dt> <dd>{vb:raw post.age}</dd></div></vb:if>
					<div class="eti_postbit"><dt>{vb:rawphrase 'posts'}</dt> <dd>{vb:raw post.posts}</dd></div>	
					{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">
				<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> 
					<span class="seperator">&nbsp;</span>
					</vb:if>
					<vb:if condition="$show['quickreply'] AND !$show['threadedmode']">
						<a id="qr_{vb:raw post.postid}" class='quickreply' href="{vb:raw post.replylink}" 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">&nbsp;</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:rawphrase reply_with_quote}</a> 
					<span class="seperator">&nbsp;</span>
					</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}" />&nbsp;</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">&nbsp;</span>
						</vb:if>
					</vb:if>

					{vb:raw template_hook.postbit_controls}
					{vb:raw post.iplogged}
					<vb:if condition="$show['reputationlink']">
						<span class="reputationpopupmenu popupmenu popupcustom" title="{vb:raw post.postid}"><a class="popupctrl reputation" title="{vb:rawphrase reputation}" href="reputation.php?{vb:raw session.sessionurl}do=addreputation&amp;p={vb:raw post.postid}" rel="nofollow" id="reputation_{vb:raw post.postid}"><!--<img src="{vb:stylevar imgdir_button}/reputation-40b.png" alt="{vb:rawphrase reputation}" /> -->&nbsp;</a></span>
					</vb:if>

					<vb:if condition="$show['infractionlink']">
						<a class="infraction" href="infraction.php?{vb:raw session.sessionurl}do=report&amp;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}}" /> --> &nbsp;</a> &nbsp;
					</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}" /> -->&nbsp;</a> &nbsp;
					</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="postings.php?{vb:raw session.sessionurl}do=managepost&amp;p={vb:raw post.postid}" title="{vb:rawphrase manage}"><!-- <img src="{vb:stylevar imgdir_misc}/deleted_sm.png" alt="{vb:rawphrase manage}" /> --> &nbsp;</a>
						<vb:else />
							<img class="deleted_nolink" class="inlineimage" src="{vb:stylevar imgdir_misc}/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&amp;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}" /> --> &nbsp;</a>
						<vb:elseif condition="$show['yellowcard']" />
							<a class="yellowcard" href="infraction.php?{vb:raw session.sessionurl}do=view&amp;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}" /> --> &nbsp;</a>
					</vb:if>
					<vb:if condition="$post['forwardlink']">
						<a class="forwardpost" href="{vb:raw post.forwardlink}" rel="nofollow"><img src="{vb:stylevar imgdir_button}/reply_40b.png" alt="{vb:rawphrase forward_message}" /> {vb:rawphrase forward}</a>
					</vb:if>
				</span>
			<!-- </div> -->
			</div>
		</div>
	<hr />
</li>
{vb:raw template_hook.postbit_end}

[HTT.itvn]

Bình thường thì nó đa tự đứng vào giữa rồi , em xem lại hình ảnh rank đi nhé , có khi nó có 1 khoảng tráng trùng màu nền profile đấy . Cho anh link forum .

[computerangel]

anh ơi, em đóng khung thế này sai ở chhox nào mà hem được, anh hộ em với

<vb:if condition="$post['field2']"><div class="eti_postbit"><font
color=red><b><dt>{vb:rawphrase location_perm}</dt>
<dd>{vb:raw post.field2}</dd></div></vb:if>

[p3oj4nhn3]

Em làm phần gán biểu tượng hình ảnh cho admin , smod , mod và member bị mắc lỗi này là sao ạ?
biểu tượng ADMIN, SMOD,... vẫn hiện bình thường nhưng vỡ cả ava...

Parse error: syntax error, unexpected T_STRING in C:\AppServ\www\forum\includes\functions_editor.php (646) : eval()'d code(34) : eval()'d code on line 3

Warning: fetch_template() calls should be replaced by the vB_Template class. Template name: editor_smilie in [path]\includes\functions.php on line 3957