Büyüleyici Duyuru Panosu Html Kodu!

Sadece burada bulabileceğiniz bu duyuru panosu hazır kodu ziyaretçilerinizin çok hoşuna gidecek! Hiçbir şekilde javascript veya flash kullanmayan, sadece html ve css3 kullanarak hazırlanmış, her siteye uygun bu harika hazır kodu sitenizde mümkünse </body> kodunun hemen öncesine, değilse dilediğiniz bir yere ekleyin. Ziyaretçilerinize sayfanın sol altında, üzerine gelince dönerek açılan flat duyuru panosu ile harika bir sürpriz yapın!

Önizlemeyi Görmek İçin Tıklayın

<!--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/AVvXsEgk26h6IFSnJd6J7ZHzwCQZyGrsrNyKw4k1rfiWa8b4_weQd3K64hBJtOk8QcOS3ixQ1NdEZXK3omSZsK_CZJJVDyhSEi8oNdrzvSyeBCno42EzS3L1qn1RTZV5c9FwJBEhpB5jE7LCstEy/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-->

<!--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/AVvXsEgk26h6IFSnJd6J7ZHzwCQZyGrsrNyKw4k1rfiWa8b4_weQd3K64hBJtOk8QcOS3ixQ1NdEZXK3omSZsK_CZJJVDyhSEi8oNdrzvSyeBCno42EzS3L1qn1RTZV5c9FwJBEhpB5jE7LCstEy/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-->

Nasıl ekleyeceğinizi öğrenmek için,sitenizi oluştururken kullandığınız platformu seçin: