PDA

View Full Version : Đóng khung cho avatar cho vbb 4.x



admin
01-02-2010, 11:31 AM
* Lưu ý cái này dùng cho postbit_legacy nhá ko dùng cho postbit ai muốn làm cái postbit thì tự suy gẫm ra làm tương tự như cái này nhá và nói thêm là do vbb 4.0 trờ lên :
1. Đóng khung avatar choa nó đẹp nà :
Vào templates đang dùng --->postbit templates--->postbit_legacy edit cái thằng này tìm :


<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}}" />
</a>
</vb:if>

Sau đó sử lại thành :


<!-- Đóng khung avatar --><center>
<vb:if condition="$show['avatar']">
<table id="Table_01" width="100" height="100" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="images/avatar/ava_01.png" width="34" height="34" alt=""></td>
<td background="images/avatar/ava_02.png">
</td>
<td>
<img src="images/avatar/ava_03.png" width="34" height="34" alt=""></td>
</tr>
<tr>
<td background="images/avatar/ava_04.png">
</td>
<td background="images/avatar/ava_05.png">
<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}}" />
</a>
</td>
<td background="images/avatar/ava_06.png">
</td>
</tr>
<tr>
<td>
<img src="images/avatar/ava_07.png" width="34" height="34" alt=""></td>
<td background="images/avatar/ava_08.png">
</td>
<td>
<img src="images/avatar/ava_09.png" width="34" height="34" alt=""></td>
</tr>
</table>
</vb:if> </center>
<!-- / Kết thúc đóng khung avatar -->

Sao đó upload cái thư mục file hình này vào đúng thư mục images nhé

Demo:
http://img.photo.zing.vn/file_uploads/gallery/1024x768/2010/02/01/11/48091264998688.jpg

admin
01-02-2010, 11:35 AM
* Lưu ý cái này cho vbb 4.x.x và cho templates là postbit nhé :
Các bạn vào templates đang dùng ----> postbit templates ----> tìm cái này

<vb:if condition="$post.avatarurl">

thêm vào trước nó

<div class="dropshadow">

sau đó tìm tiếp

<img src="{vb:stylevar imgdir_misc}/unknown.gif" />
</vb:if>
</a>

thêm vào sao nó

</div>

Save lại .
Vào postbit.css thêm vào cuối cùng

/* Trang tri cho avatar drop shadow */
.dropshadow{
float:left;
clear:left;
background: url(images/shadow-png.png) no-repeat bottom right !important;
/* respectful browsers (e.g. Firefox/Opera/Safari) ONLY take notice of this line*/
background: none;
/* disrespectful browsers clear the background graphic, in this case allowing the alpha filter to work in IE5.5 and 6 */
filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(sizingMethod=scale, src='images/shadow-png.png'); /* the MS alpha filter */
margin: 10px 10px 10px 15px;
}
.dropshadow img{
position:relative;
bottom:6px;
right: 8px;
border: 1px solid #eee;
border-color: #eee #888 #666 #ddd;
background:#fff;
padding:8px 6px 15px 6px; /* gives us the white area - but not in IE5 + IE5.5 */
margin: 0px;
}

Save lại, Sau đó upload cái pic shadow images vào thư mục images

Demo:
http://img.photo.zing.vn/file_uploads/gallery/1024x768/2010/02/01/11/11691264998943.jpg

o0okokojumbo
06-03-2010, 11:58 PM
mình làm nó bị lỗi bạn ơi......

admin
07-03-2010, 07:58 AM
Bạn chú ý bài hướng dẫn thứ nhất là dùng cho postbit_legacy (profile theo cột dọc), bài thứ hai dành cho postbit (profile theo cột ngang), bạn phải dùng cho đúng forum của bạn nhé

babyaction
07-03-2010, 06:37 PM
cho em xin code xài avatar bằng flash đi mấy anh!

baodrum
15-03-2010, 10:51 AM
Mình làm ok rồi, nhưng avata nó bị phá chùm lên bài viết, bạn giúp mình với?http://img269.imageshack.us/img269/5113/53809193.jpg

boi_vi_anh_thuong_em
25-03-2010, 01:51 PM
cái này do avatar của bạn lớn quá , vô admincp chỉnh kích cỡ nhỏ lại là ok à , anh trung đã hướng dẫn rất tốt và hoàn thiện rồi ko có gì sai đâu bạn cứ yên tâm

atcgialai
25-03-2010, 04:23 PM
Cái này thì bạn vào AdminCP rồi chỉnh lại thôi, cái này mình cũng đã làm rồi, anh Trung hướng dẫn đúng rồi đấy. Chúc bạn thành công!

thanhvnhl
25-03-2010, 07:22 PM
tớ gà bạn có cthể chỉ cho mình biết chỉnh khung chỗ nào trong admincp không tại giờ nhiều bạn up ảnh to quá mà hẻm biết làm sao để cho tất cả về cùng khung 100x100

NguyenMuzik
01-04-2010, 01:58 PM
đẹp rồi, thank nhìu lắm :x

thang28101993
28-04-2010, 11:56 AM
Giúp em lỗi hiển thị trên IE: http://upnhanh.sieuthinhanh.com/tmpimages/images/sieuthiNHANH2010042811717yzljodkwzt28696.jpeg

nhtuyenbk
02-06-2010, 09:56 AM
có thể dùng cho vbb 3.8.x như sau :


<!-- Đóng khung avatar --><center>
<if condition="$show['avatar']">
<table id="Table_01" width="100" height="100" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="images/avatar/ava_01.png" width="34" height="34" alt=""></td>
<td background="images/avatar/ava_02.png">
</td>
<td>
<img src="images/avatar/ava_03.png" width="34" height="34" alt=""></td>
</tr>
<tr>
<td background="images/avatar/ava_04.png">
</td>
<td background="images/avatar/ava_05.png">

<div class="largefont">
&nbsp;<br /><a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a>
</div>

</td>
<td background="images/avatar/ava_06.png">
</td>
</tr>
<tr>
<td>
<img src="images/avatar/ava_07.png" width="34" height="34" alt=""></td>
<td background="images/avatar/ava_08.png">
</td>
<td>
<img src="images/avatar/ava_09.png" width="34" height="34" alt=""></td>
</tr>
</table>
</if> </center>
<!-- / Kết thúc đóng khung avatar -->

computerangel
24-07-2010, 08:59 PM
em đã sửa như hướng dẫn nhưng chưa được , đây là toàn bôj code trong phần postbit_legacy của em

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

</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>
<!-- Đóng khung avatar --><center>
<vb:if condition="$show['avatar']">
<table id="Table_01" width="100" height="100" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="images/avatar/ava_01.png" width="34" height="34" alt=""></td>
<td background="images/avatar/ava_02.png">
</td>
<td>
<img src="images/avatar/ava_03.png" width="34" height="34" alt=""></td>
</tr>
<tr>
<td background="images/avatar/ava_04.png">
</td>
<td background="images/avatar/ava_05.png">
<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}}" />
</a>
</td>
<td background="images/avatar/ava_06.png">
</td>
</tr>
<tr>
<td>
<img src="images/avatar/ava_07.png" width="34" height="34" alt=""></td>
<td background="images/avatar/ava_08.png">
</td>
<td>
<img src="images/avatar/ava_09.png" width="34" height="34" alt=""></td>
</tr>
</table>
</vb:if> </center>
<!-- / Kết thúc đóng khung avatar -->
<div class="eti_postbit">
Thành Viên Thứ: {vb:raw post.userid}</div>
<div class="eti_postbit">
Trạng Thái: {vb:raw post.onlinestatus}</div>
<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>
<vb:if condition="$post['field5']"><dt>Tên thật</dt> <dd>{vb:raw post.field5}</dd></vb:if>
<vb:if condition="$post['field6']"><dt>Gới Tính</dt> <dd>{vb:raw post.field6}</dd></vb:if>
<vb:if condition="$post['field7']"><dt>Nghề Nghiệp</dt> <dd>{vb:raw post.field7}</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>">




<!-- Đóng khung bviet -->
<div>
<table cellSpacing="0" cellPadding="0" border="0" style="width:auto">
<tr>
<td style="padding: 0px"><img src="images/quote/admin_01.gif"></td>
<td style="padding: 0px" background="images/quote/admin_02.gif"></td>
<td style="padding: 0px"><img src="images/quote/admin_03.gif"></td>
</tr>
<tr>
<td valign="top" style="padding: 0px" background="images/quote/admin_04.gif">
<img src="images/quote/admin_05.gif"></td>
<td style="padding: 0px; background-color: #ffffff" bgColor="#ffffff">
<div id="post_message_{vb:raw post.postid}">
<blockquote class="postcontent restore ">
{vb:raw post.message}
</blockquote>
</div>
</td>
<td style="padding: 0px" background="images/quote/admin_06.gif"></td>
</tr>
<tr>
<td style="padding: 0px"><img src="images/quote/admin_07.gif"></td>
<td style="padding: 0px" background="images/quote/admin_08.gif"></td>
<td style="padding: 0px"><img src="images/quote/admin_09.gif"></td>
</tr>
</table>
</div><!-- Đóng khung bviet -->
<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" /> {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:if condition="$post['signature']">
<vb:if condition="$post['signature']">
<!-- sig -->
<div class="sig_02"><div class="sig_01"><div class="sig_03">
</div></div></div>

<div class="sig"><div style="width:100%;">


<div class="signaturecontainer">{vb:raw post.signature}</div>

</div>
</div>

<div class="sig_05"><div class="sig_04"><div class="sig_06">
</div></div></div>
<!-- / sig -->
</vb:if></vb:if>
</div>
</vb:if>
<div class="cleardiv"></div>
</div>
</div>
<div class="postfoot">
<!-- <div class="postfoot_container"> -->
<div class="textcontrols">
<span class="postcontrols">
{vb:raw template_hook.postbit_controls}
<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 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}


đây là thư mục avart trong cute ftp em đã upload lên:
http://cA4.upanh.com/10.510.14648114.PSD0/1.jpg

còn demo trang của em đây:
http://svpro.byethost16.com/forum/showthread.php?3-Nh%E1%BB%AFng-ng%C6%B0%E1%BB%9Di-%C4%91%E1%BA%B9p-t%E1%BB%ABng-l%C3%A0-%C4%91%C3%A0n-%C3%B4ng&p=3

HTT.itvn
24-07-2010, 09:29 PM
Nguyên nhân là bạn chưa cài avatar mặc định , Bạn tải file về tại đây (http://www.mediafire.com/?qxyi1ymtmya). Cách sử dụng :
Vào AdminCP >> Plugins & Products >> Manage Product >> [Add/Import Product] >> Chọn tệp tin , chọn file avatar.xml >> Tại mục Allow Overwrite nhớ chọn Yes >> Nhấn Import . Xong avatar mặc định . Nếu bạn làm theo hướng dẫn trên của admin đúng thì avatar lúc này đã đóng khung .

Bạn vào đây để tìm hiểu cách đóng khung thông tin http://itvnn.net/showthread.php?12851-H%C6%B0%E1%BB%9Bng-d%E1%BA%ABn-%C4%91%C3%B3ng-khung-th%C3%B4ng-tin-chi-ti%E1%BA%BFt-cho-VBB-4.x

computerangel
25-07-2010, 07:00 AM
em làm theo ad rùi, lúc đầu không có phần code

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


code này ở trang http://itvnn.net/showthread.php?12851-H%C6%B0%E1%BB%9Bng-d%E1%BA%ABn-%C4%91%C3%B3ng-khung-th%C3%B4ng-tin-chi-ti%E1%BA%BFt-cho-VBB-4.x

lúc chưa có code đó thì không đóng khung ava được, khi chèn code đó thì đóng khung được 2 chỗ thui, bác khắc phục giúp em với, thank bác trước nhé
demo : http://svpro.byethost16.com/forum/showthread.php?3-Nh%E1%BB%AFng-ng%C6%B0%E1%BB%9Di-%C4%91%E1%BA%B9p-t%E1%BB%ABng-l%C3%A0-%C4%91%C3%A0n-%C3%B4ng

HTT.itvn
25-07-2010, 04:23 PM
em làm theo ad rùi, lúc đầu không có phần code


code này ở trang http://itvnn.net/showthread.php?12851-H%C6%B0%E1%BB%9Bng-d%E1%BA%ABn-%C4%91%C3%B3ng-khung-th%C3%B4ng-tin-chi-ti%E1%BA%BFt-cho-VBB-4.x

lúc chưa có code đó thì không đóng khung ava được, khi chèn code đó thì đóng khung được 2 chỗ thui, bác khắc phục giúp em với, thank bác trước nhé
demo : http://svpro.byethost16.com/forum/showthread.php?3-Nh%E1%BB%AFng-ng%C6%B0%E1%BB%9Di-%C4%91%E1%BA%B9p-t%E1%BB%ABng-l%C3%A0-%C4%91%C3%A0n-%C3%B4ng

Bạn đã đọc kĩ toàn bộ bài viết chưa ? Nếu bạn chưa rõ có thể qua đó đặt câu hỏi vì đây là topic đóng khung avatar . Có gì không hiểu gửi tin nhắn diễn đàn nick yahoo của bạn cho mình sẽ làm giúp .

computerangel
25-07-2010, 04:34 PM
nick mình là traitinhlecovehieudoi_tn87
rất mong sớm có sự giúp đỡ. thank you very match

ypmv2
06-08-2010, 01:09 AM
Nếu như mình không muốn đóng khung cho Avatar mà mình chỉ chỉnh cho Avatar về giữa < center > thì phải làm thế nào vậy Admin ?

HTT.itvn
06-08-2010, 02:19 AM
Nếu như mình không muốn đóng khung cho Avatar mà mình chỉ chỉnh cho Avatar về giữa < center > thì phải làm thế nào vậy Admin ?

Vào AdminCP >> Styles & Templates >> Postbit Templates >> postbit_legacy : Tìm đoạn code sau :


<vb:if condition="$show['avatar']">
<div class="usercenter">
<a class="postuseravatar_custom" 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>
</div>
</vb:if>

Chèn thẻ <center>...</center> như sau :


<center><vb:if condition="$show['avatar']">
<div class="usercenter">
<a class="postuseravatar_custom" 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>
</div>
</vb:if> </center>

ypmv2
06-08-2010, 12:28 PM
Mình chỉ có đoạn này thôi , cho vào thể center nó không nhận:
Đây là toàn bộ postbit_legacy của mình, chỉnh giúp mình với nhé.

{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="<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']">
<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><div class="mobileclubvn_postbit"><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></center>
</div>
<center><span class="usertitle">
{vb:raw post.usertitle}
</span></center>
<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']"><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['userid']"><dt><b>Thành Viên Thứ</b></dt> <dd>{vb:raw post.userid}</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>
<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: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">&nbsp;</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}" />&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="$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">&nbsp;</span></vb:if>
</vb:if>
<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>
</span>
<!-- </div> -->
</div>
</div>
<hr />
</li>
{vb:raw template_hook.postbit_end}

HTT.itvn
06-08-2010, 08:23 PM
Bạn tìm code :


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

Chèn thẻ như sau :


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

taquangtan
28-11-2010, 01:18 PM
Mình làm OK mà có sao đâu
Demo: http://truongtoi.vnn.ms/4rum/showthread.php?6-%C3%94ng-X%C3%A3-B%C3%A0-X%C3%A3-Ph%E1%BA%A1m-Thanh-Th%E1%BA%A3o&p=24#post24

loctinh2030
29-11-2010, 04:07 AM
sẵn tiện cho em hỏi với. lúc em làm vbb3 có đóng khung ô thành viên dc 2 lần, vậy vbb4 làm sao giúp em với, giống như hình dưới đây
http://img.photo.zing.vn/file_uploads/gallery/1024x768/2010/10/22/12/95261287682423.PNG

làm sao để đóng khung avatar dc 2 lần giống hình trên ở vbb4

beodenls1
16-05-2011, 09:48 PM
Nguyên nhân là bạn chưa cài avatar mặc định , Bạn tải file về tại đây (http://www.mediafire.com/?qxyi1ymtmya). Cách sử dụng :
Vào AdminCP >> Plugins & Products >> Manage Product >> [Add/Import Product] >> Chọn tệp tin , chọn file avatar.xml >> Tại mục Allow Overwrite nhớ chọn Yes >> Nhấn Import . Xong avatar mặc định . Nếu bạn làm theo hướng dẫn trên của admin đúng thì avatar lúc này đã đóng khung .

Bạn vào đây để tìm hiểu cách đóng khung thông tin http://itvnn.net/showthread.php?12851-H%C6%B0%E1%BB%9Bng-d%E1%BA%ABn-%C4%91%C3%B3ng-khung-th%C3%B4ng-tin-chi-ti%E1%BA%BFt-cho-VBB-4.x
Làm đầy đủ các bước xong mà ko thấy gì nhỉ

VNSAF
21-05-2011, 03:05 PM
* Lưu ý cái này cho vbb 4.x.x và cho templates là postbit nhé :
Các bạn vào templates đang dùng ----> postbit templates ----> tìm cái này

<vb:if condition="$post.avatarurl">

thêm vào trước nó

<div class="dropshadow">

sau đó tìm tiếp

<img src="{vb:stylevar imgdir_misc}/unknown.gif" />
</vb:if>
</a>

thêm vào sao nó

</div>

Save lại .
Vào postbit.css thêm vào cuối cùng

/* Trang tri cho avatar drop shadow */
.dropshadow{
float:left;
clear:left;
background: url(images/shadow-png.png) no-repeat bottom right !important;
/* respectful browsers (e.g. Firefox/Opera/Safari) ONLY take notice of this line*/
background: none;
/* disrespectful browsers clear the background graphic, in this case allowing the alpha filter to work in IE5.5 and 6 */
filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(sizingMethod=scale, src='images/shadow-png.png'); /* the MS alpha filter */
margin: 10px 10px 10px 15px;
}
.dropshadow img{
position:relative;
bottom:6px;
right: 8px;
border: 1px solid #eee;
border-color: #eee #888 #666 #ddd;
background:#fff;
padding:8px 6px 15px 6px; /* gives us the white area - but not in IE5 + IE5.5 */
margin: 0px;
}

Save lại, Sau đó upload cái pic shadow images vào thư mục images

Demo:
http://img.photo.zing.vn/file_uploads/gallery/1024x768/2010/02/01/11/11691264998943.jpg

Mất file đính kèm bạn ơi!

VNSAF
21-05-2011, 05:08 PM
Sau khi làm theo hướng dẫn nó đung khung nhìn buồn cười quá bạn admin ơi!
https://lh3.googleusercontent.com/_bmNiT1Hoi2U/TdeOj7t4slI/AAAAAAAAAcE/STYgGl5ZMH0/avata1.jpg
Bây giờ mình chỉnh thế nào cho nó giống của itvnn.net ?

Tiểu Bá Vương 1404
21-05-2011, 09:15 PM
Sau khi làm theo hướng dẫn...
https://lh3.googleusercontent.com/_bmNiT1Hoi2U/TdeOj7t4slI/AAAAAAAAAcE/STYgGl5ZMH0/avata1.jpg...
Anh làm trong template nào ? postbit hay postbit_legacy ?
Còn muốn giống ITVNN, nhiều topic đề cập rồi, đây là nguồn của nó !

VNSAF
22-05-2011, 12:08 AM
Anh làm trong template nào ? postbit hay postbit_legacy ?
Còn muốn giống ITVNN, nhiều topic đề cập rồi, đây là nguồn của nó !

Anh làm trong template postbit. Em hướng dẫn anh fix lỗi đó chút nhé.
demo: Khung sau khi đóng (http://hiephoiketoan.vn/forum/showthread.php?t=600&p=1939#post1939)

HTT.itvn
22-05-2011, 12:25 AM
Trích 1 phần từ Ebook VBB4

Bạn tải avatar về tại đây (http://www.mediafire.com/?qxyi1ymtmya) và upload file ava_01 đến ava_09 lên host theo đường dẫn :
/forum/images/avatars/
Vào AdminCP >> Plugins & Products >> Manage Products >> [Add/import Product] :

Nhấp vào Browse ... >> Chọn file HTT-avatar.xml vừa nãy download về >> Open .
Mục Allow Overwrite , tick chọn Đồng ý / Yes .
Nhấp vào import để tiến hành import file xml . Đã cài xong avatar mặc định , bây giờ đóng khung
nó lại .
Vào AdminCP >> Styles & Templates >> Style Manager >> Chọn skin cần chỉnh >> Edit
templates >> Postbit Templates >> postbit_legacy , Tìm code sau :


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

Thay thế :


<!-- HTT itvn --><center>
<vb:if condition="$show['avatar']">
<table id="Table_01" width="100" height="100" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="images/avatars/ava_01.png" width="34" height="34" alt=""></td>
<td background="images/avatars/ava_02.png">
</td>
<td>
<img src="images/avatars/ava_03.png" width="34" height="34" alt=""></td>
</tr>
<tr>
<td background="images/avatars/ava_04.png">
</td>
<td background="images/avatars/ava_05.png">
<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}}" />
</a>
</td>
<td background="images/avatars/ava_06.png">
</td>
</tr>
<tr>
<td>
<img src="images/avatars/ava_07.png" width="34" height="34" alt=""></td>
<td background="images/avatars/ava_08.png">
</td>
<td>
<img src="images/avatars/ava_09.png" width="34" height="34" alt=""></td>
</tr>
</table>
</vb:if> </center>
<!-- / HTT itvn -->

Save and Reload . Nhấn F5 và cập nhập avatar của bạn để xem kết quả nhé !

Tiểu Bá Vương 1404
22-05-2011, 12:44 AM
Anh làm trong template postbit. Em hướng dẫn anh fix lỗi đó chút nhé...
Ôi trời, bài này hướng dẫn trong postbit_legacy thôi mà. Nhưng không sao, giờ anh không cần làm thế mà vẫn đóng khung ngon lành !
Edit Templates -> CSS Templates -> postbit.css, anh tìm đoạn code sau :


.postbit .postuseravatarlink img {
}

anh thay bằng :


.postbit .postuseravatarlink img {
background-color: #ccc;
border: 3px solid #666;
-moz-box-shadow: 0px 0px 20px #888888; /* Firefox 3.6 and earlier */
-webkit-box-shadow: 0px 0px 20px #888888; /* Safari */
box-shadow: 0px 0px 20px #888888;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

qqwwee123
27-05-2011, 04:36 PM
Đã căn <center> mà vẫn lệch ntn là sao ???
http://farm3.anhso.net/upload/20110527/16/o/anhso-163241_untitled.jpg

HTT.itvn
28-05-2011, 01:09 AM
Đã căn <center> mà vẫn lệch ntn là sao ???
http://farm3.anhso.net/upload/20110527/16/o/anhso-163241_untitled.jpg

Do avatar to qua nên mới bị lệch đi , bạn làm theo cách sau :

Vào AdminCP >> Usergroups >> Usergroup Manager >> Chọn nhóm >> Edit Usergroup >> tìm mục Custom Avatar Maximum Width (pixels) và Custom Avatar Maximum Height (pixels) tùy chỉnh kích thước phù hợp ( thường là 100x100 , 120x120 ) >> Save . Tương tự với nhóm khác .

Vào AdminCP >> Styles & Templates >> Style Manager >> Chọn style >> StyleVars >> postbitlegacy_userinfo_width >> Tăng kích thước Profile lên cho phù hợp .

qqwwee123
28-05-2011, 10:09 AM
vd 150x150 thì stylevars bỏ bao nhiu hả anh @@!

HTT.itvn
28-05-2011, 11:34 AM
vd 150x150 thì stylevars bỏ bao nhiu hả anh @@!

240 px là đẹp nhất :MatCuoi (42):

doconlua28
21-07-2011, 02:08 PM
mún đưa avatar ra giữa thì làm sao vậy các hạ

dinh12
25-10-2011, 12:02 PM
Mấy bác cho e hoi đóng khung được rồi nhưng ie thì hiện được
4775

Nhưng Chrom và firefox thì hiện như thế này:
4776
Các bác giúp e khắc phục nha. Thanks nhiều !!!!!