3 Farklı Renk CSS Duyuru Kodları

[kutleloove]

Umarım işinize yarar :)

CSS Kod:

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

.duyuru {
    padding: 10px;
    background-color: #f44336;
    color: white;
    font-size: 18px;
    margin: 3px;
    border: 2px;
    border-radius: 15px;
    text-align: center;
}
.duyuru2 {
    padding: 10px;
    background-color: #00deff;
    color: white;
    font-size: 18px;
    margin: 3px;
    border: 2px;
    border-radius: 15px;
    text-align: center;
}
.duyuru3 {
    padding: 10px;
    background-color: #00c61b;
    color: white;
    font-size: 18px;
    margin: 3px;
    border: 2px;
    border-radius: 15px;
    text-align: center;
}

HTML Kod:

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

<!-- Kırmızı -->
<div class="duyuru">
 <strong>Dikkat!</strong> Sitemize giriş yaparak kuralları kabul etmiş bulunuyorsunuz. Kuralları okumak için <a href="#" style="color: white"> buraya tıklayınız</a>.
</div>

<!-- Mavi -->
<div class="duyuru2">
 <strong>Dikkat!</strong> Sitemize giriş yaparak kuralları kabul etmiş bulunuyorsunuz. Kuralları okumak için <a href="#" style="color: white"> buraya tıklayınız</a>.
</div>

<!-- Yeşil -->
<div class="duyuru3">
 <strong>Dikkat!</strong> Sitemize giriş yaparak kuralları kabul etmiş bulunuyorsunuz. Kuralları okumak için <a href="#" style="color: white"> buraya tıklayınız</a>.
</div>


[align=center]
[/align]

DEMO İÇİN TIKLAYIN!

[ScaeqX]

Demo link bozuk

[kutleloove]

Demo link bozuk

Düzelttim :)

[yusufkoc]

Bağlantı çalışıyor, artık bunlar kullanılmaz. Daha yeni şeyler yapmaya çalışın. Elinize sağlık.

[Muratbaykam]

Çok büyük ben beğenmedim yine de emek var ^_^

[kutleloove]

Bağlantı çalışıyor, artık bunlar kullanılmaz. Daha yeni şeyler yapmaya çalışın. Elinize sağlık.

HTML'e yeni giriş yaptığım için basit şeylerden başlayayım dedim :) Yakın zamanda tema gibi şeyler de yapacağım inşallah.

---

Çok büyük ben beğenmedim yine de emek var ^_^

Bunlar benim ilk kodlarım. Boyutu makul diye düşünmüştüm. Teşekkür ederim düzelttim :)

[haydardx]

farklı tasarım yapsaydınız güzel olurmuş teşekkürler

[Escobar]

Bence böyle daha iyi ;

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

https://codepen.io/anon/pen/prpQqQ