Plus Duyuru V1

[Mystic0]

HTML Kodu:

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

<div class="duyuru">
<center><strong><i class="fa fa-bullhorn" aria-hidden="true"></i> Yetkili Alımları Basladı <a href="frmplus.10tl.net/showthread.php?tid=3">Tıklayın</a></strong></center>
</div>

CSS Kodu (Global.css En Altına Ekle):

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

.duyuru {
background: #1abc9c;
color: #ecf0f1;
border-bottom-right-radius: 35px;
border-top-right-radius: 35px;
height: 35px;
border: 2px solid #16a085;
line-height: 35px;
font-size: 14px;
transition: 0.6s;
}

.duyuru:hover {
border-bottom-right-radius: 1px;
border-top-right-radius: 1px;
border-bottom-left-radius: 35px;
border-top-left-radius: 35px;
transition: 0.6s;
}

.duyuru a {
color: #FFF;
}

.duyuru a:visited {
color: #FFF;
}

Resim:

Demo(Hover Vardır Demodan Yada Kod Önizlemeden Bakmanızı Tavsiye Ederim):

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

frmplus.10tl.net

[Klaus]

Teşekkürler forumuma renk degişikliği yaparak koydum :)
http://i.hizliresim.com/QQvoYG.png umarım düzenlediğim için sorun olmamıştır

[Mystic0]

Teşekkürler forumuma renk degişikliği yaparak koydum :)
http://i.hizliresim.com/QQvoYG.png umarım düzenlediğim için sorun olmamıştır

Tabiiki Düzenleyebilirsiniz Sıkıntı Olmaz :)

[DieseL]

Emeğinize Sağlık Güzel Bir Çalışma.