MyBB Hoverli Postbit Yapımı Avatar Çerçeveli

[EfenDy]

Canlı demo yok sadece ekran görüntüsü olarak demo mevcuttur, uzun bir aradan sonra tekrar piyasaya çıkmaya karar verdim. Özlemişim buraları, 



postbit_avatar şablonunuzu boşlatın alttakileri yazın;

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

<div style="
background: #fcfcfc;
box-shadow:#dadada 0 0 7px;
-moz-box-shadow:#dadada 0 0 7px;
-webkit-box-shadow:#dadada 0 0 7px;
border-right: 1px solid #dedede;
border-left: 1px solid #dedede;
border-bottom: 1px solid #dedede;
-moz-border-radius-bottomright:8px;
-moz-border-radius-bottomleft:8px;
-webkit-border-bottom-right-radius:8px;
-webkit-border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
border-bottom-left-radius:8px;
       padding-bottom: 10px;
"><div class="author_avatar"><a href="{$post['profilelink_plain']}"><img src="{$useravatar['image']}" alt="" {$useravatar['width_height']} /></a></div></div>

Yine kullandığınız temanın postbit_author_user şablonunu boşaltın alttakileri yazın;

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

<div class="post_field">{$lang->postbit_posts} {$post['postnum']}<br /></div>
<div class="post_field">{$lang->postbit_threads} {$post['threadnum']}<br /></div>
<div class="post_field">{$lang->postbit_joined} {$post['userregdate']}</div></div>
<div class="post_field">{$post['replink']}{$post['profilefield']}{$post['warninglevel']}</div>

Temanızın Global.css şablonuna ekleyin;

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

.post_field {
padding: 10px;
padding: 10px 5px 5px 1px;
margin-top: 5px;
text-align: center;
margin-text-left: 10px
 -webkit-box-shadow: 0px 0px 20px 
 #D4D4D4 inset;
-moz-box-shadow: 0px 0px 20px #d4d4d4 inset;
box-shadow: 0px 0px 15px #D4D4D4 inset;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-right: 2px solid 
 #CECECE;
border-left: 2px solid 
 #CECECE;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
background-color: white;

}
.post_field:hover {
-webkit-transform:scale(1.1);-moz-transform:)scale(1.1);-ms-transform:)scale(1.1);-o-transform:scale(1.1); transform:scale(1.1);
 -webkit-box-shadow: 0px 15px 20px 
 #dedede inset;
-moz-box-shadow: 0px 15px 20px #dedede inset;
box-shadow: 0px 15px 20px #dedede inset;
color: #737373;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s  ease-in-out;
-o-transition: all 0.2s ease-in-out;
border-right: 2px solid #146995;
border-left: 2px solid #146995;
}

.post_field strong {
    color:#066a94;
text-shadow:1px 1px white;
}
.post_field dt {
    color:#066a94;
    font-weight:bold;
text-shadow:1px 1px white;
}

[Ripbyrustavi]

Teşekkürler.