Cách thêm avatar vào Visitor Tab

[PVS]

Vào tempalate: navigation_visitor_tab
tìm đoạn sau:

<a href="{xen:link account}" class="navLink accountPopup" rel="Menu"><strong>{$visitor.username}</strong></a>

Thay bằng đoạn sau:

<a href="{xen:link account}" class="navLink accountPopup" rel="Menu"><img src="{xen:helper avatar, $visitor, s}" class="miniMe" alt="" /><strong>{$visitor.username}</strong></a>

Add đoạn sau vào extra.css

/* Avatar in visitor tab */
.navTab .accountPopup img
{
float: left;
width: 20px;
height: 20px;
margin-right: 5px;
margin-top: 3px;
border-radius: 2px;
}

/* Firefox fix for avatar in visitor tab */
.navTabs .navTab.account .navLink .accountUsername
{
display: inline-block;
}

Xong. Demo:

​

Chúc các bạn thành công.

Nguồn: codientu.org​