[Yardim Talebi] Avatarı Çerçeve İçine Alma

[gencfuat1997]

Avatarı Çerçeve İçine Nasıl Alabilirim

http://www.metin2kenti.10tl.net

[Neon Blazer]

Avatar Çerçevesi

Admin paneli>>Şablonlar ve stiller>>Temalar>>kullandığın temaya tıkla>>global.css>Gelişmiş Mod ' a tıkla bu kodları yapıştır.

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

.shanex {
background-image: url(http://b1206.hizliresim.com/y/y/9064u.png);
width: 94px;
height: 94px;
background-position: center center;
background-repeat: no-repeat;
padding: 30px;
}

Admin paneli>>Şablonlar ve stiller>>şablonlar..kullandığın temaya gir>>Postbit Şablonlar>>postbit_avatar>>burayı degiştir ordaki tüm kodları sil aşagıdaki kodu ekleyin

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

<a href="{$post['profilelink_plain']}"><img class="shanex" src="{$post['avatar']}" alt="" {$avatar_width_height} /></a>

[Ripbyrustavi]

Admin Paneli Temalar & Şablonlar Kullandığınız Tema global.css Gelişmiş Düzenle

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

#donenavatar{
    -webkit-transition: -webkit-transform 1s ease-in-out;
    -moz-transition: -moz-transform 1s ease-in-out;
    -o-transition: -o-transform 1s ease-in-out;
    -ms-transition: -ms-transform 1s ease-in-out;
        -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -ms-transition: 1s;
    transition: 1s;
    opacity: 1;
}

#donenavatar:hover{
     -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    opacity: 0.1;
}

Admin Paneli Temalar & Şablonlar Şablonlar Kullandığınız Tema Postbit Şablonlar postbit_avatar

Bütün Kodlar İle Değiştir

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

<div id="donenavatar">
<a href="{$post['profilelink_plain']}">{$post['onlinestatus']}</a>
</div>

Görünümü;

[Novruz]

Boyleside var:
İşte kullanıcının durumuna göre değişen (Online,Offline ve Away) hareketli MyBB Avatar Çerçevesi:

Ekran görüntüsü: Demo için tıkla

Konu notları:
-Bu çerçeve sadece dikey postbitler için önerilir.
-Lütfen başka forumlarda paylaşırken kaynak göstererek paylaşın.
-Herhangi bir sorununuzda bu konu altında sorabilirsiniz.

KURULUM:
Öncelikle aşağıdaki css kodlarını > Temalar > Temanız > Global.css ; en altına ekleyin.

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

.avataronline {
    background: #dedede url(http://st.10tl.net/tema/aloneboss/avataronline.gif) top left repeat-x;
    width: 140px;
    padding: 6px;
    border: 1px solid #404040;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-bottom: -14px;
    margin-left: 7px;
}

.avataroffline {
    background: #dedede url(http://st.10tl.net/tema/aloneboss/avataroffline.gif) top left repeat-x;
    width: 140px;
    padding: 6px;
    border: 1px solid #404040;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-bottom: -14px;
    margin-left: 7px;
}

.avataraway {
    background: #dedede url(http://st.10tl.net/tema/aloneboss/avataraway.gif) top left repeat-x;
    width: 140px;
    padding: 6px;
    border: 1px solid #404040;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-bottom: -14px;
    margin-left: 7px;
}

Şablonlardan Post Bit Şablonlar > postbit ve postbit_classic
bu iki şablon içerisinde aşağıdaki kodu bul:
içerisinde aşağıdaki kodu bul:

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

{$post['onlinestatus']}

sil ve kaydet. Not: Eğer öyle bir kod yoksa diğer adıma geçebilirsiniz.

Daha sonra:
Admin Panelinizden > Şablon & Stil > Şablonlar > (Kullandığınız Temanın Şablonu) >
Post Bit Şablonlar > postbit_offline
içerisindeki tüm kodu silin ve aşağıdaki kodu oraya ekleyip kaydedin:

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

avataroffline

Ardından yine aynı yerde > postbit_online
içerisindeki tüm kodu silin ve aşağıdaki kodu oraya ekleyip kaydedin:

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

avataronline

Daha sonra yine aynı yerde > postbit_away
içerisindeki tüm kodu silin ve aşağıdaki kodu oraya ekleyip kaydedin:

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

avataraway

Daha sonra yine aynı yerde > postbit_avatar
içerisindeki tüm kodu silin ve aşağıdaki kodu oraya ekleyip kaydedin:

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

<div class="{$post['onlinestatus']}"><img src="{$post['avatar']}" alt="forum avatarı" width="140" height="215" /></div>

İşlem bu kadar! Güle güle kullanın ;)