Büyüleyici Duyuru Panosu HTML Kodu

Bugün sizinle tekrar güzel bir kod paylaşmak için bir araya toplanmış bulunmaktayız.:) Artık yazılarım eskisi gibi kısa olmayacak malesef . Çünkü Adsense'nin onayından geçmek için yazılarımı biraz uzun tutmaya çalışıyorum. Biliyorsununz ki çoğu arkadaşımız güzel bir kod bulmak için uğraşıyor özellikle duyuru kodları hemen herkesin bir işine yarayacaktır. Tabii benimde işime yarayacaktır. Gerektiği yerde farklı kodlar kullanmaya özen gösteriyorum. Bugünde sizinle çok güzel bir  duyuru kodu paylaşacağım duyuru kodu koddostu.com'a aittir. Telif Hakkını almamak lazım. Yani kodu koddostu.com'dan aldım bu yazının altında kaynak olarak beliritecem şimdi. Haydi kodu kullanana herekse teşşekkürler. :) Yorum yapmayı unutma. ;)



Büyüleyici Duyuru Panosu HTML Kodu: Duyuruda yazacak yeri kendinize göre belirleyin.

<!--Koddostu Büyüleyici Duyuru Panosu Html Kodu START-->
<!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!--Telif sahibi:koddostu.com-->

<div id="menucon"><div id="koddostu-tex"><br/><b>DUYURU</b><br/><br/>

Sitemize Hoşgeldiniz!

<br/><br/>

Koddostu.com tarafından sitemiz için hazırlanan bu duyuru panosunda sitemize dair en güncel yenilikleri paylaşacağız!

</div></div>
<koddostu><style> #menucon{ position:fixed; bottom:10px; left:10px; width:130px;height:130px; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLvXcEoSYP24aUV9WTEJdre8Zxiwb5xqSmwdT85VzwlB-JDnuMHh-oIlsAWSDgobCxxasYw-Iw7fkR00-U5JUmfFKS7D4k5yZa_VgGdqCU7Cot2FW_C3ubEe7vZUsA-9ekKs_PLW7561vl/s1600/see.png) no-repeat center center; transition: all 0.8s ease-in-out; background-size:cover; -webkit-transition: all 0.8s ease-in-out; transition-timing-function:ease-in-out; -webkit-transition-timing-function:ease-in-out; } #menucon:hover{ bottom:35px;left:35px; width:80px;height:80px; transform: rotate(720deg); -ms-transform: rotate(720deg); -webkit-transform: rotate(720deg); }#koddostu-tex{position:absolute;bottom:37px;left:38px; box-shadow: -1px 1px 5px 0px #888888; transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; transition-timing-function:ease-in-out; line-height:22px; -webkit-transition-timing-function:ease-in-out; opacity:0; width:0px;height:0px; padding:6px;color:#fff; font-family:Helvetica, Arial, sans-serif; font-weight:normal; text-decoration:none; font-size:14px; text-align:center; -webkit-border-radius: 8px; -webkit-border-bottom-left-radius: 0; border-radius: 8px; border-bottom-left-radius: 0; }</style><script src="http://kdostu.googlecode.com/svn/cquery.js"></script><style> #menucon:hover #koddostu-tex{ width:200px;height:250px; background:#444; opacity:0.6;} </style></koddostu>

<!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!--Telif sahibi:koddostu.com-->
<!--Koddostu Büyüleyici Duyuru Panosu Html Kodu STOP-->

Kod koddostu.com'a aittir