Kodlar:
Resim:
Not 1: Renkleri Kendinize Göre Düzenleye Bilirsiniz.
Not 2: Hover Olduğu İçin Buradan Ön İzleye Bilirsiniz.
*****Not 3: Eğer MyBB De Kullanacaksanız Bu Kodla Kullanın:
Kod:
<style>
.v11 {
background: #434343;
border-top: 2px solid #e67e22;
height: 45px;
line-height: 45px;
color: #bdc3c7;
transition: 0.4s;
}
.v11:hover {border-radius: 20px; transition: 0.4s;}
.v11 strong {padding: 13px 15px; transition: 0.4s;}
.v11 strong:hover {
background: #e67e22;
padding: 13px 15px;
transition: 0.4s;
color: #FFF;
}
.v11 a {color: #FFF; text-decoration: none;}
.v11 a:visited {color: #FFF; text-decoration: none;}
</style>
<div class="v11">
<center><strong>Forum Kuralları Okumak İçin <a href="#">Tıkla!</a></center></strong>
</div>
Resim:
Not 1: Renkleri Kendinize Göre Düzenleye Bilirsiniz.
Not 2: Hover Olduğu İçin Buradan Ön İzleye Bilirsiniz.
*****Not 3: Eğer MyBB De Kullanacaksanız Bu Kodla Kullanın:
Kod:
<style>
.v11 {
background: #434343;
border-top: 2px solid #e67e22;
height: 45px;
line-height: 45px;
color: #bdc3c7;
transition: 0.4s;
}
.v11:hover {border-radius: 20px; transition: 0.4s;}
.v11 strong {padding: 15px 15px; transition: 0.4s;}
.v11 strong:hover {
background: #e67e22;
padding: 15px 15px;
transition: 0.4s;
color: #FFF;
}
.v11 a {color: #FFF; text-decoration: none;}
.v11 a:visited {color: #FFF; text-decoration: none;}
</style>
<div class="v11">
<center><strong>Forum Kuralları Okumak İçin <a href="#">Tıkla!</a></center></strong>
</div>