Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
3 Farklı Renk CSS Duyuru Kodları
#1
Umarım işinize yarar :)

CSS Kod:

Kod:
.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:
<!-- 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]
Ara
Cevapla PGM
Teşekkür verenler:
#2
Demo link bozuk
Ara
Cevapla PGM
Teşekkür verenler:
#3
(17-08-2017 Saat: 14:46)aLoNe12 Nickli Kullanıcıdan Alıntı: Demo link bozuk

Düzelttim :)
Ara
Cevapla PGM
Teşekkür verenler:
#4
Bağlantı çalışıyor, artık bunlar kullanılmaz. Daha yeni şeyler yapmaya çalışın. Elinize sağlık.
Cevapla PGM
Teşekkür verenler:
#5
Çok büyük ben beğenmedim yine de emek var ^_^
Bana ulaşmak için / http://english.10tl.net

MybbPHPVB.NETHTMLCSS MySQL                                    

Eğer eleştiriden korkuyorsanız, dünyadan hiçbir şey yapmadan geçip gideceksiniz demektir. 
Cevapla PGM
Teşekkür verenler:
#6
(17-08-2017 Saat: 14:48)yusufkoc Nickli Kullanıcıdan Alıntı: 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.

(17-08-2017 Saat: 14:52)LogiTeCh Nickli Kullanıcıdan Alıntı: Ç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 :)
Ara
Cevapla PGM
Teşekkür verenler:
#7
farklı tasarım yapsaydınız güzel olurmuş teşekkürler
Ara
Cevapla PGM
Teşekkür verenler:
#8
Bence böyle daha iyi ;
Kod:
https://codepen.io/anon/pen/prpQqQ
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi



***

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping