Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Son mesaj alanına avatar ekleme
#1
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://ornek.10tl.net ise "teknology" yazan yere "ornek" yazmalısınız.

2rM5AL.png

*Paylaşıldı mı bilmiyorum forum arama sekmesinden araştırdım fakat herhangi bir bilgiye rastlayamadım. Paylaşıldıysa kusuruma bakmayınız.
Cevapla PGM
Teşekkür verenler:
#2
Güzel :)
Bana ulaşmak için / http://english.10tl.net

MybbPHPVB.NETHTMLCSS MySQL                                    

Eğer eleştiriden korkuyorsanız, dünyadan hiçbir şey yapmadan geçip gideceksiniz demektir. 
Cevapla PGM
Teşekkür verenler:
#3
Hocam bende paylaşıldı diye hatırlıyorum ama önemli değil emek var :)
Öyle insanlar vardır ki sadece fikirleri bile yepyeni ağaçların fidanlarını eker.

#MustafaKemalAtatürk(1881-193∞)

Cevapla PGM
Teşekkür verenler:
#4
Yenı forumum için kullanacam :)

Devamını beklerim
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 3 Ziyaretçi



***

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping