#Pøwér™ Flat Duyuru Panosu Renk Renk

[#Power]

Mavi için
Admin KP - Temalar & Şablonlar - Temalar - Temanız - global.css - Düzenle - En Alta Ekle

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

#powerduyurumavi {
background: #3498db ;
border: 2px #2980b9 dashed ;
padding: 5px ;
padding-bottom: 1px ;
color: #fff ;
text-align: center ;
height: 30px ;
font-size: 20px ;
}

#powerduyurumavi:hover {
transition: 1s ;
background: #2ecc71 ;

}

#poweryazimavi {
background: #ecf0f1 ;
border: 2px #95a5a6 dashed ;
padding: 2px ;
width: 80px ;
color: #000 ;
border-radius: 4px ;
position: absolute ;
height: 19px ;
font-size: 15px ;
}

Admin KP - Temalar & Şablonlar - Şablonlar - Temanız - Header [Üst Kısım] Şablonlar - header - {$header} kodunun altına ekleyin.

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

<div id="powerduyurumavi"><div id="poweryazimavi">Duyuru:</div><a style="text-shadow: 0px 0px 5px ; #34495e ;">Power Design Flat Duyuru Panosu !</a></div>

Yeşil için

Admin KP - Temalar & Şablonlar - Temalar - Temanız - global.css - Düzenle - En Alta Ekle

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

#powerduyuruyesil {
background: #2ecc71 ;
border: 2px #27ae60 dashed ;
padding: 5px ;
padding-bottom: 1px ;
color: #fff ;
text-align: center ;
height: 30px ;
font-size: 20px ;
}

#powerduyuruyesil:hover {
transition: 1s ;
background: #3498db ;

}

#poweryaziyesil {
background: #ecf0f1 ;
border: 2px #95a5a6 dashed ;
padding: 2px ;
width: 80px ;
color: #000 ;
border-radius: 4px ;
position: absolute ;
height: 19px ;
font-size: 15px ;
}

body {
font-family: Tahoma,Verdana,Arial,sans-serif;
}

Admin KP - Temalar & Şablonlar - Şablonlar - Temanız - Header [Üst Kısım] Şablonlar - header - {$header} kodunun altına ekleyin.

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

<div id="powerduyuruyesil"><div id="poweryaziyesil">Duyuru:</div><a style="text-shadow: 0px 0px 5px ; #34495e ;">Power Design Flat Duyuru Panosu !</a></div>

Kırmızı için

Admin KP - Temalar & Şablonlar - Temalar - Temanız - global.css - Düzenle - En Alta Ekle

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

#powerduyurukrmz {
background: #e74c3c ;
border: 2px #c0392b dashed ;
padding: 5px ;
padding-bottom: 1px ;
color: #fff ;
text-align: center ;
height: 30px ;
font-size: 20px ;
}

#powerduyurukrmz:hover {
transition: 1s ;
background: #2ecc71 ;

}

#poweryazikrmz {
background: #ecf0f1 ;
border: 2px #95a5a6 dashed ;
padding: 2px ;
width: 80px ;
color: #000 ;
border-radius: 4px ;
position: absolute ;
height: 19px ;
font-size: 15px ;
}

Admin KP - Temalar & Şablonlar - Şablonlar - Temanız - Header [Üst Kısım] Şablonlar - header - {$header} kodunun altına ekleyin.

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

<div id="powerduyurukrmz"><div id="poweryazikrmz">Duyuru:</div><a style="text-shadow: 0px 0px 5px ; #34495e ;">Power Design Flat Duyuru Panosu !</a></div>

[1can1can1]

Sade olmuş ama geliştirmelisin :)

[Ciri]

Eline Sağlık; Duyurunun çerçevesini biraz inceltmelisin.

[#Power]

Zaten sadeliği bunu güzel kılıyor. Bu flat duyurunun daha fazla geliştirilebileceğini sanmıyorum.
Ayrıca hoverli üzerine gelince yavaş yavaş renk değiştiriyor.

[Point1234]

Buton çevresi dişinda her şey guzel.
Flat design <3

[1can1can1]

Ben renkli bişeyler seviyorum o yüzden dedim :D

[Mystic0]

Beğendim

[#Power]

Buton çevresi dişinda her şey guzel.
Flat design <3

Flat her zaman iyidir.

[#Power]

1can1can1: Çok renkli şeyler göz yorar :)
tugrul: Teşekkürler.

[EmreKRMN]

Bu tasarım sizlere ait değil benim kodladığım bir duyuru panosudur bu haberiniz olsun arkadaşlar, kod isimlerini değiştirmiş ondan sonra border eklemiş yuh be emeğe saygıyı unutan bir kişi daha yuh diyorum arkadaş eğer böyle devam edecekse ben bir daha bu foruma gelmem istifa etmek zorunda kalırım. Konu kilit çünkü bu TASARIM VE KODLAMA BENİMDİR...

[TaaRRuz]

Konuyu açıyorum.İnceledim konudaki kod blokları farklı.Herkes kendisine özgün tasarımlar, kodlar yapabilir.Kodlar aynı olacak çünkü html her yerde aynı yani.Sana göre ona göresi yok.

[#Power]

Oh be sonunda biri anladı. Kodların arasında dünya fark vardı. Teşekkürler Taarruz adminim.

Uyarımı da kaldıracaksınız bu durumda ?

[TaaRRuz]

Kaldırdım.

[EmreKRMN]

TaaRRuz'dan emeği ezip geçene +1 puan + hak.

[TaaRRuz]

TaaRRuz'dan emeği ezip geçene +1 puan + hak.

Cahille girme münakaşaya.Ya sinirini zıplatır tavana, ya da yazık olur adabına... demiş MEVLANA bilir misin?

[abdullahozturk]

Eline sağlık süper olmuş.