Perşembe, Nisan 12, 2012

Kullandığım Duyuru Kutucukları

Arkadaşlar,kullandığım duyuru kutucuklarını sizinle paylaşıyorum..Dikkatinizi çekerim kullandığım,bana ait değil.Yazı sonunda kaynak belirttim.Ama yazı benim.İsteyen bakabilir.Neyse biz gelelim konumuza..

Bu kutucuklar genellikle bir hata,olunca uyarı,kaynak belirtme gibi işlemlerde işimize yarıyor..Aşağıda demosuda var.Demonun altında da kodlar var.

Demo:



Bu standart bildirim kutusudur
Bu bildirim onaylama kutusudur
Bu hata bildirim kutusudur
Bu info bildirim kutusudur
Bu uyarı bildirim kutusudur


                                                 Kod:




<link rel="stylesheet" href="http://bilgilisite.abcz8.com/bannner/csskit/csskit/csskit.css" type="text/css" media="screen" /> 
<script type='text/javascript' src='http://bilgilisite.abcz8.com/bannner/csskit/csskit/jquery.js'></script> 
<script type='text/javascript' src='http://bilgilisite.abcz8.com/bannner/csskit/csskit/elemetler.js'></script> 
 
 
 
<p><div class="syv-bildirim bildirim-standard"><span class="icon"></span><span class="kapali"></span> Bu standart bildirim kutusudur </div>  
<div class="syv-bildirim bildirim-onay"><span class="icon"></span><span class="kapali"></span> Bu bildirim onaylama kutusudur </div>  
<div class="syv-bildirim bildirim-hata"><span class="icon"></span><span class="kapali"></span> Bu hata bildirim kutusudur </div>  
<div class="syv-bildirim bildirim-info"><span class="icon"></span><span class="kapali"></span> Bu info bildirim kutusudur </div>  
<div class="syv-bildirim bildirim-uyari"><span class="icon"></span><span class="kapali"></span> Bu uyarı bildirim kutusudur </div> 


Bu yazı tamamen bu siteye aiittir.Kodlar ise bu siteye aiittir.

Hiç yorum yok:

Yorum Gönder

Köşe Yazıları