ufufuk Duyuru Panosu V3

[Ufufuk]

Aslında temama özel olacaktı rakam şeklinde kodlarını saklıyacaktım ama daha iyisini yaparım :);

Demo;

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

onizle.koddostu.com

Demoya bakında ha iyi olur -__-
Resimler
Hoversiz; 




Hoverli;




Ü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: Tümünü Seç Tümünü Kopyala

<style> 

section { 
max-height: 15px;
overflow: hidden; 
background-color: #f1c40f; 
border-left:9px #2ecc71 solid; 
width: 220px; padding: 4px; color: #ecf0f1; 
-webkit-transition: max-height 1s ease; 
-moz-transition: max-height 1s ease;
-o-transition: max-height 2s ease;
transition: max-height 2s ease; 
font:14px Arial; 
} 

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

span:hover { 
color: yellow; 

</style> 



<section> 
<span><center><b>DUYURU!</center></span> 
<center><b>ufufuk Duyuru Panosu V3</b></center> </section>
</style> 


[mehmetext]

Teşekkürler :) Elit Theme Taslak bitti baksana nasıl olmuş

[Ufufuk]

Teşekkürler :) Elit Theme Taslak bitti baksana nasıl olmuş

Önemli değil şuan bakamam sonra bakarım konuya :)

[SunXDizayn]

v3 Daha iyi olmsını beklerdim :)

[Ufufuk]

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

[Ufufuk]

Güncel.

[Ufufuk]

Güncel.