Sitene Açılır Duyuru Panosu (Sadece Bu Sitede!)

Yeni Duyuru!

<SCRIPT type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></SCRIPT>
<style type="text/css">
body, input{font-family: Calibri, Arial;}
#contentt {text-align:left;position:relative;background-color:#73152C;width:160px;height:30px;padding:3px;margin-top:5px;overflow:hidden;padding:8px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;} 
#resett{display:none;}
</style>
<div id="contentt"><a style="text-align:left;margin:0px;padding:0px;background-color:transparent;border:none;text-decoration:none;font-family:Calibri, Arial;font-size:17px;font-weight:bold;color:#e5e5e5;float:left;">Yeni Duyuru!</a><input style="float:right;" id="animate" type="button" value="Oku">
<input style="float:right;" id="resett" type="button" value="Kapat"><br/><br/><div style="display:none;"id="duyurun"><a style="text-align:left;font-family:Calibri, Arial;font-size:16px;font-weight:bold;color:#e5e5e5;float:left;margin:0px;padding:0px;background-color:transparent;border:none;text-decoration:none;">

Merhaba!

Bu kısma kendi duyuru yazınızı yazabilirsiniz! Ziyaret�ileriniz bu duyuru panosuna bayılacak!

Evet, ger�ekten �ok g�zel!

</a></div>



<div id="eklesseyi" style="display:none;position:absolute;bottom:1px;right:3px;">

<a title="sitene a�ılır duyuru panosu kodu ekle" href="http://siteneeklekodlari.blogspot.com/2012/01/sitene-aclr-duyuru-panosu-koddostu.html" target="_blank" style="float:right;margin:0px;padding:0px;background-color:transparent;border:none;text-decoration:none;"><img alt="kod dostu duyuru panosu" src="http://4.bp.blogspot.com/-xtuPxjTyUKY/TwQmZLDs3LI/AAAAAAAAD-Y/YosLOoCQY70/s1600/225h2.png" style="opacity:0.4;filter:alpha(opacity=40);margin:0px;padding:0px;background-color:transparent;border:none;"/></a></div></div>
<script type="text/javascript">
$("#animate").click(function() {
$("#contentt")
.animate({"width": "500px"}, 500)
.animate({"height": "200px"}, 500);
document.getElementById('resett').style.display='block';
document.getElementById('animate').style.display='none';
document.getElementById('duyurun').style.display='block';
document.getElementById('eklesseyi').style.display='block';
});
$("#resett").click(function() {
$("#contentt")
.animate({"height": "30px"}, 500)
.animate({"width": "160px"}, 500);
document.getElementById('duyurun').style.display='none';
document.getElementById('animate').style.display='block';
document.getElementById('resett').style.display='none';
document.getElementById('eklesseyi').style.display='none';
});
</script>