https://instagram.com/alphazzers
   
Konuyu Oyla:
  • Toplam: 1 Oy - Ortalama: 5
  • 1
  • 2
  • 3
  • 4
  • 5
ufufuk Duyuru Panosu V3
#1
Aslında temama özel olacaktı rakam şeklinde kodlarını saklıyacaktım ama daha iyisini yaparım :);

Demo;

Kod:
onizle.koddostu.com
Demoya bakında ha iyi olur -__-
Resimler
Hoversiz; 
6ZB7A9.png



Hoverli;
yPW87N.png



Üstüne geldiğimiz zaman kendi açılıyor üstünden mause'yi çektiğimizde kendi kapanıyor akıllı duyuru panosu bu :)


Kodlarımız


Direk yapıştırın <style> css kodu </style> ile html'ye bağladım :)




PHP Kod:
<style

section 
max-height15px;
overflowhidden
background-color#f1c40f; 
border-left:9px #2ecc71 solid; 
width220pxpadding4pxcolor#ecf0f1; 
-webkit-transitionmax-height 1s ease
-
moz-transitionmax-height 1s ease;
-
o-transitionmax-height 2s ease;
transitionmax-height 2s ease
font:14px Arial


section:hover 
max-height220px;
background-color#3498db;
color: ; 
}
 
span
color:#2c3e50; 
display:block
margin-bottom:5px


span:hover 
coloryellow

</
style



<
section
<
span><center><b>DUYURU!</center></span
<
center><b>ufufuk Duyuru Panosu V3</b></center> </section>
</
style
Ara
Cevapla PGM
Teşekkür verenler:
#2
Teşekkürler :) Elit Theme Taslak bitti baksana nasıl olmuş
5bo0ov6.png
React.js  Next.js • Tailwind CSS

"Son Tema Ekibi Lideri"
Cevapla PGM
Teşekkür verenler:
#3
(19-03-2015 Saat: 16:52)mehmeteq Nickli Kullanıcıdan Alıntı: Teşekkürler :) Elit Theme Taslak bitti baksana nasıl olmuş

Önemli değil şuan bakamam sonra bakarım konuya :)
Ara
Cevapla PGM
Teşekkür verenler:
#4
v3 Daha iyi olmsını beklerdim :)
Ara
Cevapla PGM
Teşekkür verenler:
#5
(19-03-2015 Saat: 16:54)SunXDizayn Nickli Kullanıcıdan Alıntı: v3 Daha iyi olmsını beklerdim :)

Birkaç şey daha ekliyecektim sen söyleyince aklıma geldi V3.1 sürümünü çıkartırım :)

@SunXDizayn
Ara
Cevapla PGM
Teşekkür verenler:
#6
Güncel.
Ara
Cevapla PGM
Teşekkür verenler:
#7
Güncel.
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 5 Ziyaretçi



***

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