Hoşgeldin Misafir

MyBB[1.8] - Son mesaj alanına avatar ekleme

MiRaT

13 Kas 2017
2,077 Mesaj

Aktiflik

Seviye

Deneyim

TIM / GÖREV:
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:
<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://turkhacks.com ise "teknology" yazan yere "orneği" yazmalısınız.--