15-11-2018, 04:27
CSS 3lü Duyuru Paneli
![[Resim: lqYE3l.png]](https://i.hizliresim.com/lqYE3l.png)
Admin Paneli
Temalar&Şablonlar Temalar (Tema isminiz) global.css Gelişmiş Düzenleme en alta aşağıdaki kodları kopyalayın Değişiklikleri Kaydet ve Kapat deyip editörü kapatın.
Admin Paneli Şablonlar (Tema isminiz) Ana Sayfa - [index] Şablonlar index şablonunu açın {$header} kodunun hemen altına aşağıdaki kodları kopyalayın ve yapıştırın.
Sonrasında duyurularınızı düzenleyebilirsiniz. İyi çalışmalar.
Kod:
Demo adres: https://codepen.io/walesmd/pen/zysbvAdmin Paneli
Temalar&Şablonlar Temalar (Tema isminiz) global.css Gelişmiş Düzenleme en alta aşağıdaki kodları kopyalayın Değişiklikleri Kaydet ve Kapat deyip editörü kapatın.Kod:
.dpaneli{position:relative;margin:1em;background:#F2F1EF;padding:1em 1em 1em 2em;border-left:4px solid #DDD;box-shadow:0 1px 1px rgba(0,0,0,0.125)}
.dpaneli:before{position:absolute;top:50%;margin-top:-17px;left:-17px;background-color:#DDD;color:#FFF;width:30px;height:30px;border-radius:100%;text-align:center;line-height:30px;font-weight:700;font-family:Georgia;text-shadow:1px 1px rgba(0,0,0,0.5)}
.bilgi{border-color:#0074D9;border-right:4px solid #0074D9}
.bilgi:before{content:"i";background-color:#0074D9}
.basarili{border-color:#2ECC40;border-right:4px solid #2ECC40}
.basarili:before{content:"√";background-color:#2ECC40}
.uyari{border-color:#f06c64;border-right:4px solid #f06c64}
.uyari:before{content:"!";background-color:#f06c64}Admin Paneli
Şablonlar (Tema isminiz) Ana Sayfa - [index] Şablonlar index şablonunu açın {$header} kodunun hemen altına aşağıdaki kodları kopyalayın ve yapıştırın.Kod:
<div class="dpaneli bilgi"><p>BlackCat - Duyuru Yazısı 1</p></div>
<div class="dpaneli basarili"><p>BlackCat - Duyuru Yazısı 2</p></div>
<div class="dpaneli uyari"><p>BlackCat - Duyuru Yazısı 3</p></div>Sonrasında duyurularınızı düzenleyebilirsiniz. İyi çalışmalar.