mesajkutusu
Merhaba, Genelde cok işimize yarayan bir kod... Duyuru vs. Yayınlama kutusu. Cok site yayınlamıyor bunu. Genelde kendileri kullanıyorlar... Güzel ve işe yarar bir ''Kapanır duyuru,bildirim,yenilik'' kutusu.. Üstündeki sey sayesinde otomatik kapanıyor.. İsterseniz sitenizde rahat güzel sekilde kullanın.. Reklamsız. Ki zaten buna reklam konmaz. Size veriyorum. Kodu css ayarlarından düzeltebilirsiniz... Büyütebilir ve ya uzatabilirsiniz. Kolay gelsin...
Kodu :
<link href="http://img41.xooimage.com/files/4/c/f/288cc5f.css" media="screen" rel="stylesheet" type="text/css" /> <script src="http://www.psdup.com/demo/bilgilendirme/js/jquery-1.4.4.min.js" type="text/javascript"></script> <script type="text/javascript">
$(document).ready(function(){
$('.ku').click(function() {
$('#uyari').fadeTo('slow', 0);
$(this).slideUp(0);
});
$('.kh').click(function() {
$('#hata').fadeTo('slow', 0);
$(this).slideUp(0);
});
$('.kb').click(function() {
$('#basarili').fadeTo('slow', 0);
$(this).slideUp(0);
});
});
</script>
<div id="uyari"><span class="kapat ku">X</span>
<h4>Uyarı Mesaj Başlığı</h4>
<p>Merhaba. Ben bir uyarı mesajıyım.</p>
</div>
<div id="hata"><span class="kapat kh">X</span>
<h4>Hata Mesaj Başlığı</h4>
<p>Hata. bu mesajı görüyorsanız birşeyler ters gidiyor.</p>
</div>
<div id="basarili"><span class="kapat kb">X</span>
<h4>Başarılı Mesaj Başlığı</h4>
<p>Merhaba. Ben bir uyarı mesajıyım.</p>
</div>Bu yazı KinqCasTLe tarafından yazılmıştır.
