Son mesaj alanına avatar ekleme

[yusufkoc]

Arkadaşlar bazı sitelerde son mesaj kısmında mesajı yazan kullanıcının profil fotoğrafı gözüküyor. Bunu yapmak için size bir rehber hazırladım. Bu modifikasyonu yaparak sitenizi daha da güzel hale getirebileceksiniz. 

** Not: İkonların görülebilmesi için Font Awesome sitenizde yüklü olmalıdır!

Yapılış Yönergeleri:
Admin KP → Temalar & Şablonlar → Şablonlar → ForumBit → forumbit_depth2_forum_lastpost

O sayfadaki her şeyi silip verdiğim kodu yapıştırın.

Kod: Tümünü Seç Tümünü Kopyala

<div align="left"><table><tr><td align="left"><div class="avatar"><img width="50px" height="50px" onerror="this.style.display='none'" src="{$mybb->settings['bburl']}/users/teknology/avatars/avatar_{$lastpost_data['lastposteruid']}.png" alt="Avatar"><img width="50px" onerror="this.style.display='none'" height="50px" src="{$mybb->settings['bburl']}/users/teknology/avatars/avatar_{$lastpost_data['lastposteruid']}.jpg" alt="Avatar"><img width="50px" onerror="this.style.display='none'" height="50px" src="{$mybb->settings['bburl']}/users/teknology/avatars/avatar_{$lastpost_data['lastposteruid']}.gif" alt="Avatar"><img width="50px" onerror="this.style.display='none'" height="50px" src="{$mybb->settings['bburl']}/users/teknology/avatars/avatar_{$lastpost_data['lastposteruid']}.bmp" alt="Avatar"><img width="50px" onerror="this.style.display='none'" height="50px" src="{$mybb->settings['bburl']}/users/teknology/avatars/avatar_{$lastpost_data['lastposteruid']}.jpeg" alt="Avatar"></div></td></div><td align="left">
<div align="left">
<span class="smalltext">
<i class="fa fa-file-text"></i>
<a href="{$lastpost_link}" title="{$full_lastpost_subject}"><strong>{$lastpost_subject}</strong></a>
<br /><i class="fa fa-clock-o"></i>
{$lastpost_date}<br /><i class="fa fa-reply"></i>
{$lang->by} {$lastpost_profilelink}</span>
</div>
 </td></tr></table>

<style>.avatar {
border: 1px solid #e0e0e0;
background: url('images/default_avatar.png') center center no-repeat;
background-size: 50px 50px;
padding: 3px;
width: 50px;
height: 50px;
}

.avatar:hover {
border: 1px solid #ddd;
}
 
 .avatar img { background: #fff; }</style>

-Koddaki "teknology" yazan yerleri silip kendi forum isminizi yazınız. Örneğin: Forum adresiniz http://ornek.10tl.net ise "teknology" yazan yere "ornek" yazmalısınız.



*Paylaşıldı mı bilmiyorum forum arama sekmesinden araştırdım fakat herhangi bir bilgiye rastlayamadım. Paylaşıldıysa kusuruma bakmayınız.

[Muratbaykam]

Güzel :)

[Leques]

Hocam bende paylaşıldı diye hatırlıyorum ama önemli değil emek var :)

[Swanpol]

Yenı forumum için kullanacam :)

Devamını beklerim