09-01-2018 Saat: 22:26
(Son Düzenleme: 10-01-2018 Saat: 22:32, Düzenleyen: Muratbaykam.)
Kod:
https://codepen.io/muratbaykam/pen/opqpoZ/
Temalar & Şablonlar > Tema İsmi > CSS Oluştur ;
Stil Adı : HoverRank.css
Kendi İçeriğimi Yazmak istiyorum ve bu kodları yapıştırın :
Kod:
.hover-ranks{
width:170px;
height:45px;
font-family: "Roboto";
border-radius:5px;
overflow: hidden;
}
.icyazi{
margin-left:15px;
padding-top:5px;
}
.hover-yazi{
color:green;
padding-left:80px;
-webkit-transition: all .55s ease;
-moz-transition: all .55s ease;
-ms-transition: all .55s ease;
-o-transition: all .55s ease;
transition: all .55s ease;
}
.hover-yazi:hover{
color:#fff;
background-color:Darkgreen;
outline: none;
opacity: 1;
margin-left: -67px;
height:20px;
}
Admin KP - Temalar & Şablonlar - Şablonlar - Kullandığınız Tema - Postbit Şablonlar - Postbit_groupimage şablonuna giriyoruz, aşağıdaki kodu buluyoruz.
Kod:
Kod:
<img src="{$usergroup['image']}" alt="{$usergroup['title']}" title="{$usergroup['title']}" />
Bu kodu aşağıdaki verdiğim kod ile değiştirin.
Kod:
Kod:
{$usergroup['image']}
Admin KP - Üyeler & Gruplar - Gruplar - Hangi grup rankını değiştirmek istiyorsanız o gruba girin. Kullanıcı grup resmi yazan yere aşağıdaki kodu ekliyoruz.
Kod:
<div class="hover-ranks" style="background-color:#F44336;"><div class="icyazi">Admin 1.Seviye</div>
<div class="hover-yazi">Site Admini</div>
→ Bana ulaşmak için / http://english.10tl.net
Mybb • PHP • VB.NET • HTML • CSS • MySQL
Eğer eleştiriden korkuyorsanız, dünyadan hiçbir şey yapmadan geçip gideceksiniz demektir.