Tugrul Duyuru Alanı V10

[Mystic0]

Kodlar

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

<style>
    .duyuru {
        background: #c0392b;
        height: 40px;
        border: 1px solid #434343;
        transition: 0.3s;
    }
    
    .duyuru:hover {
        border: 4px solid #434343;
        transition: 0.3s;
    }

    .duyuru strong {
        margin-left: 25px;
        line-height: 40px;
        color: #FFF;
    }
    
    .duyuru strong a {
        color: #EEE;
        text-decoration: none;
        transition: 0.5s;
    }
    
    .duyuru strong a:hover {
        color: #434343;
        transition: 0.5s;
    }
</style>


<div class="duyuru"><strong>Forum kuralları. Okumuyan Kalmasın. Okumak İçin <a href="#">Link</a></strong></div>

Hover Oldugu İçin Resim Eklemiyorum Burdan Önizleye Bilirsiniz.

[Wenchernz]

Güzel bir çalışma.

[Mystic0]

Güzel bir çalışma.

Güzel Yorumun İçin Teşekkürler :)

[Mixt59]

Hocam kodları çok beyendim ancak renk uyumu hoşuma  gitmedi bende renkleri değiştirdim. renkleri koyulaştırdım ve mavi ile grimsi bir renk koydum 
@Tugrul

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

<style>
   .duyuru {
       background: #2D5688;
       height: 40px;
       border: 1px solid #434343;
       transition: 0.3s;
   }
   
   .duyuru:hover {
       border: 4px solid #434343;
       transition: 0.3s;
   }

   .duyuru strong {
       margin-left: 25px;
       line-height: 40px;
       color: #1F263E;
   }
   
   .duyuru strong a {
       color: #1F263E;
       text-decoration: none;
       transition: 0.5s;
   }
   
   .duyuru strong a:hover {
       color: #434343;
       transition: 0.5s;
   }
</style>


<div class="duyuru"><strong>Forum kuralları. Okumuyan Kalmasın. Okumak İçin <a href="#">Link</a></strong></div>