https://instagram.com/alphazzers
   
Konuyu Oyla:
  • Toplam: 1 Oy - Ortalama: 4
  • 1
  • 2
  • 3
  • 4
  • 5
#Pøwér™ Flat Duyuru Panosu Renk Renk
#1
PELdqv.png

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


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

DkN13O.png

Yeşil için

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

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

Od1b7Q.png

Kırmızı için

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

Kod:
#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:
<div id="powerduyurukrmz"><div id="poweryazikrmz">Duyuru:</div><a style="text-shadow: 0px 0px 5px ; #34495e ;">Power Design Flat Duyuru Panosu !</a></div>
Ara
Cevapla PGM
Teşekkür verenler:
#2
Sade olmuş ama geliştirmelisin :)
Ara
Cevapla PGM
Teşekkür verenler:
#3
Eline Sağlık; Duyurunun çerçevesini biraz inceltmelisin.
Ara
Cevapla PGM
Teşekkür verenler:
#4
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.
Ara
Cevapla PGM
Teşekkür verenler:
#5
Buton çevresi dişinda her şey guzel.
Flat design <3
Ara
Cevapla PGM
Teşekkür verenler:
#6
Ben renkli bişeyler seviyorum o yüzden dedim :D
Ara
Cevapla PGM
Teşekkür verenler:
#7
Beğendim
Ara
Cevapla PGM
Teşekkür verenler:
#8
(19-11-2014 Saat: 23:02)point1234 Nickli Kullanıcıdan Alıntı: Buton çevresi dişinda her şey guzel.
Flat design <3

Flat her zaman iyidir.
Ara
Cevapla PGM
Teşekkür verenler:
#9
1can1can1: Çok renkli şeyler göz yorar :)
tugrul: Teşekkürler.
Ara
Cevapla PGM
Teşekkür verenler:
#10
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...
Ara
Cevapla PGM
Teşekkür verenler:
#11
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.
“Mazlumun zalimden öcünü alacağı gün,
şüphesiz zalimin zulmettiği günden daha çetin olacaktır !"
Hz. Ali (r.a)

Kuş ölür, sen uçuşu hatırla...
Ara
Cevapla PGM
Teşekkür verenler:
#12
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 ?
Ara
Cevapla PGM
Teşekkür verenler:
#13
Kaldırdım.
“Mazlumun zalimden öcünü alacağı gün,
şüphesiz zalimin zulmettiği günden daha çetin olacaktır !"
Hz. Ali (r.a)

Kuş ölür, sen uçuşu hatırla...
Ara
Cevapla PGM
Teşekkür verenler:
#14
TaaRRuz'dan emeği ezip geçene +1 puan + hak.
Ara
Cevapla PGM
Teşekkür verenler:
#15
(19-11-2014 Saat: 23:53)EmreKRMN Nickli Kullanıcıdan Alıntı: 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?
“Mazlumun zalimden öcünü alacağı gün,
şüphesiz zalimin zulmettiği günden daha çetin olacaktır !"
Hz. Ali (r.a)

Kuş ölür, sen uçuşu hatırla...
Ara
Cevapla PGM
Teşekkür verenler:
#16
Eline sağlık süper olmuş.
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi



Reklam yaziniz bostur. ayarlardan duzenleyiniz:dest -

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