1 Attachment(s)
Đóng khung cho avatar cho vbb 4.x
* 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 :
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}}" />
</a>
</vb:if>
Sau đó sử lại thành :
Code:
<!-- Đó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_upload...1264998688.jpg
1 Attachment(s)
Đóng khung cho avatar ver 2 cho vbb 4.x
* 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
Code:
<vb:if condition="$post.avatarurl">
thêm vào trước nó
Code:
<div class="dropshadow">
sau đó tìm tiếp
Code:
<img src="{vb:stylevar imgdir_misc}/unknown.gif" />
</vb:if>
</a>
thêm vào sao nó
Save lại .
Vào postbit.css thêm vào cuối cùng
Code:
/* 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:
http://img.photo.zing.vn/file_upload...1264998943.jpg
