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

[HTT.itvn]

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]

Mình làm OK mà có sao đâu
Demo: http://truongtoi.vnn.ms/4rum/showthr...3o&p=24#post24

[loctinh2030]

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


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

[beodenls1]

Nguyên nhân là bạn chưa cài avatar mặc định , Bạn tải file về tại đây . 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?1285...Ft-cho-VBB-4.x

Làm đầy đủ các bước xong mà ko thấy gì nhỉ

[VNSAF]

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

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

[VNSAF]

Sau khi làm theo hướng dẫn nó đung khung nhìn buồn cười quá bạn admin ơi!

Bây giờ mình chỉnh thế nào cho nó giống của itvnn.net ?

[Tiểu Bá Vương 1404]

Sau khi làm theo hướng dẫn...
...

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]

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

[HTT.itvn]

Trích 1 phần từ Ebook VBB4

Bạn tải avatar về tại đây 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]

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