21-09-2013, Saat:18:46
Merhaba Size Çok Kolay Soldan Açılan Ve Şık Bir Duyuru Vericeğim.
Kurulum:
1) İlk önce code tagtakı kodları kopyalayın
2)Sonra Sırasıyla Admin Kp
Temalar & Şablonlar Şablonlar Temanız Anasayfa İndex Sablonu İndex Girin.
3)Kodu <body> </body> içine ekleyin
4)Ve yazıyı değiştirin. Altta Demo Site Ve Resmi Var.
Resim:
Duyuru Kodu
Kurulum:
1) İlk önce code tagtakı kodları kopyalayın
2)Sonra Sırasıyla Admin Kp
Temalar & Şablonlar Şablonlar Temanız Anasayfa İndex Sablonu İndex Girin.3)Kodu <body> </body> içine ekleyin
4)Ve yazıyı değiştirin. Altta Demo Site Ve Resmi Var.
Resim:
Duyuru Kodu
Kod:
<style>/*Kod Dostu Cursor START*/ body, a:hover, h2, h1, table, td, div, p, img{cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1031.cur), progress !important;} /*Kod Dostu Cursor STOP*/</style>
<!--KODDOSTU Yuvarlanan Duyuru Panosu START-->
<!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı-->
<!--Telif sahibi: koddostu.com-->
<div class="koddostu-yuvarlanan cisimcik-koddostu"><div class="divix">
<div style="position:absolute;top:0px;left:0px;font-family:Helvetica, Arial, sans-serif;font-weight:normal;
font-size:13px;color:#fff;background-color:#e84343;" class="iyisenden">
<span style="display:block;margin-left:40px;">
Hoşgeldiniz.
<br/>
Sitemiz Yarına Kadar Tamamiyle Bakımdan Çıkıcaktır.
<br/>
Üye Olmanızı Şiddetle Öneririz.İyi Forumlar.
</span>
</div>
<style>.divix{height:95px;position:absolute;top:0px;left:0px;min-width:86px;}.naber{text-decoration:none !important;text-align:center;line-height:60px;font-family:Helvetica, Arial, sans-serif;font-weight:bold;font-size:17px;color:#fff;position:absolute;top:0px;left:-3px;display:inline-block;height:80px;width:80px;background:#e84343;border:2px solid #ff9c9c;}</style>
<div class="naber">Duyuru</div></div></div><koddostu></koddostu><style>.naber{text-decoration:none !important;text-align:center;line-height:60px;font-family:Helvetica, Arial, sans-serif;font-weight:bold;font-size:17px;color:#fff;position:absolute;top:0px;left:-3px;display:inline-block;height:80px;width:80px;background:#e84343;}.naber{-webkit-transition: all 1s cubic-bezier(0.6, -0.83, 0.805, 1.425);-moz-transition: all 1s cubic-bezier(0.7, -0.8, 0.805, 1.3);-o-transition: all 1s cubic-bezier(0.7, -0.83, 0.805, 1.3);transition: all 1s cubic-bezier(0.7, -0.83, 0.805, 1.3);cursor:pointer;}.iyisenden{padding-right:30px;height:80px;text-decoration:none !important;padding-top:4px;overflow:hidden;background:#fff;border:none;border-color:#ff9c9c;border-width:0px;width:0px;-webkit-transition: width 1s cubic-bezier(0.6, -0.83, 0.805, 1.425);-moz-transition: width 1s cubic-bezier(0.7, -0.8, 0.805, 1.3);-o-transition: width 1s cubic-bezier(0.7, -0.83, 0.805, 1.3);transition: all 1s cubic-bezier(0.7, -0.83, 0.805, 1.3);}.divix:hover .naber{height:80px;margin-left:300px;transform:rotate(360deg);-ms-transform:rotate(360deg); /* IE 9 */-moz-transform:rotate(360deg); /* Firefox */-webkit-transform:rotate(360deg); /* Safari and Chrome */-o-transform:rotate(360deg); /* Opera */-webkit-border-radius: 40px;border-radius: 40px;}.divix:hover .iyisenden{background-color:#e84343;border:1px solid #ff9c9c;width:298px;height:78px;}div.koddostu-yuvarlanan{position:fixed;z-index:999999;}div.cisimcik-koddostu{top:140px;left:0px;}</style><script src="http://kdostu.googlecode.com/svn/cquery.js" charset="windows-1254"></script><style type="text/css">div.koddostu-yuvarlanan{_position:absolute;}div.cisimcik-koddostu{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}
</style>
<!--Telif sahibi: koddostu.com-->
<!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı-->
<!--KODDOSTU Yuvarlanan Duyuru Panosu STOP-->