Duyuru Panosu - Uyarı Penceresi

<style> h1 {     font-size: 14px;     font-weight: bold;     margin: 0px;     font-family: Arial, Helvetica, sans-serif;     padding-top: 10px;     padding-right: 0px;     padding-bottom: 4px;     padding-left: 0px; } p {     margin: 0px;     font-size:12px;     font-family: Arial, Helvetica, sans-serif; } .dialog {     height: 60px;     border-radius: 5px;     -webkit-border-radius: 5px;     -moz-border-radius: 5px;     color:#ffffff; } .dialog .icon {     width: 34px;     height: 34px;     display: block;     margin: 12px 14px 0px 14px;     float:left; } .close {     display:block;     height:14px;     width:14px;     background:transparent url('http://i.imgur.com/0oSTWGs.png') no-repeat;     position:relative;     float:right;     margin:5px 5px 0px 0px;     cursor:pointer; } .warning {     background-color: #d61c0b;     background-image: -moz-linear-gradient(top, #dc220d 0%, #d01609 100%);     background-image: linear-gradient(top, #dc220d 0%, #d01609 100%);     background-image: -o-linear-gradient(top, #dc220d 0%, #d01609 100%);     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dc220d), color-stop(1, #d01609));     background-image: -webkit-linear-gradient(top, #dc220d 0%, #d01609 100%);     background-image: -ms-linear-gradient(top, #dc220d 0%, #d01609 100%);     border-top: 1px solid #ee3314; } .warning  a  {     color: #FFFF99;     font-family: Arial, Helvetica, sans-serif;     font-size: 12px;     font-weight: bold;     text-decoration: none; } .warning a:hover {     color: #FFFFCC; } .warning .icon {     background: transparent url('http://i.imgur.com/NEjp8Jw.png') no-repeat; } </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> <script type="text/javascript">
$(document).ready(function(){
   
    $('.close').click(function() {
        closeid = $(this).attr('id');
        $('.'+closeid).hide('slow', 0);
    });

});
</script> <div id="content"><div class="dialog warning"><span class="close" id="warning"></span><span class="icon"></span><h1>Uyelerimizin Dikkatine!</h1> <p>Süper Moderatör ve Moderatör alımları başlamıştır. <a href="http://www.birdamlabilgi.com/showthread.php?tid=331" _fcksavedurl="http://www.birdamlabilgi.com/showthread.php?tid=331">[Başvuru İçin Tıklayın]</a></p> </div></div>