sari bilgi kutusu...

<link href="http://www.psdup.com/demo/bilgilendirme/css/style.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>Bilgi Kutusu</h4>
   <p>Merhaba. Buraya yazaklarınız vs.vs.vsv.s</p>
</div>

<style type="text/css"> .bildirim {     padding: 0.5em;     margin: 0.5em;     padding: 0.5em 1.5em 0.5em 4em;     border: 2px solid #fff;     margin: 2px solid #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px;      color:#000;     background: #fff6bf url(http://img.webme.com/pic/o/ozgursakarya54/bildirim.png) 2.2em center no-repeat; border-color: #ffd324; } .kapat{    position:relative;    float:right;    top:-5px;    right:-5px;    padding-top: 9px; } .kapat img{border:none; background:none;} .bildirim a  {color: #817134;} </style> <div class="bildirim"><a class="kapat" onClick_fckprotectedatt="%20onClick%3D%22javascript%3Athis.parentNode.style.display%3D'none'%3B%22" href="javascript:void(null)" _fcksavedurl="javascript:void(null)"> <img alt="close" title="Bu bilgilendirmeyi kapat" src="http://img.webme.com/pic/o/ozgursakarya54/bildirimkapat.png" _fcksavedurl="http://img.webme.com/pic/o/ozgursakarya54/bildirimkapat.png" /></a><em><span style="font-family: Arial;"><span style="font-size: small;"><strong>YAZI</strong></span></span></em></div>