Sitene Hareketli Duyuru Alanı Ekle

Blogger dahil diğer platformlarınızda da kullanabileceğiniz harika Duyuru Alanı Html Kodu.



Bu harika ve minimalist Minik açılır pencere kodu ve Duyuru Alanı html kodu ile sitenize küçük ve şık bir duyuru paneli veya alanı ekleyebilirsiniz.


Duyuru alanı html kodunu test etmek için; TIKLAYINIZ...


Küçük ve şık sayfayla beraber hareket eden duyuru alanı yazının şeklini otomatik almaktadır.
Duyuru Paneli html kodu;

 <!--System Techno.net Minik Açılır Pencere START-->
<!doctype html><style type="text/css">div.fixed-position{position:fixed;z-index:4000;background: #333333 url("http://icons.iconarchive.com/icons/custom-icon-design/office/32/alert-icon.png") no-repeat scroll 10px center ;border: 1px solid #999999;border-radius: 4px 4px 4px 4px;color: #FFFFFF;cursor: pointer;font-family: Tahoma,sans-serif;font-size: 12px;padding: 8px 8px 8px 50px;width: 200px;}div.fixed-s-e{top:20px;right:20px;}</style><!--System Techno.net Minik Açılır Pencere Kodu--><style type="text/css">div.fixed-position{_position:absolute;}div.fixed-s-e{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><div class="fixed-position fixed-s-e" onclick="this.style.display='none';">

<!--System Techno.net Minik Açılır Pencere Kodu-->



Merhaba!<br/>
System Techno kod önizlemesi
Bunu gördünüz mü?
<a href="http://www.systemtechno.net/p/contact.html">TIKLAYIN</a>




<a target="_blank" href="" style="color:#EEDCE1;text-decoration:none;position:absolute;top:0px;right:4px;">+</a>
</div>
<!--System Techno.net Minik Açılır Pencere STOP--></!doctype> 

Duyuru Alanı HTML Kodu Önizlemesi Sitenin Sağında Mevcuttur....
Merhaba!
System Techno kod önizlemesi Bunu gördünüz mü? TIKLAYIN +
</!doctype>

Yorumlar