Đóng khung cho avatar cho vbb 4.x

[admin]

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

[admin]

* 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.AlphaImageLoader(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:

[o0okokojumbo]

mình làm nó bị lỗi bạn ơi......

[admin]

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]

cho em xin code xài avatar bằng flash đi mấy anh!

[baodrum]

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?

[boi_vi_anh_thuong_em]

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]

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]

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]

đẹp rồi, thank nhìu lắm