Hoşgeldin Misafir

Modifikasyon: CSS 3lü Duyuru Paneli

CyberHawk

CyberHawk

WebMaster
Adana
12 Ara 2018
16,070 Mesaj

Aktiflik

Seviye

Deneyim

TIM / GÖREV:
-Kod:-
-
Kod:
Demo adres: https://codepen.io/walesmd/pen/zysbv

Admin Paneli Sağ Ok Temalar&Şablonlar Sağ Ok Temalar Sağ Ok (Tema isminiz) Sağ Ok global.css Sağ Ok Gelişmiş Düzenleme Sağ Ok en alta aşağıdaki kodları kopyalayın Sağ Ok Değişiklikleri Kaydet ve Kapat deyip editörü kapatın.-
-Kod:--
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 Sağ Ok Şablonlar Sağ Ok (Tema isminiz) Sağ Ok Ana Sayfa - [index] Şablonlar Sağ Ok index şablonunu açın Sağ Ok {$header} kodunun hemen altına aşağıdaki kodları kopyalayın ve yapıştırın.-
-Kod:--
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.-