Sabit Alanlı Duyuru Çubuğu

Duyuru alanı için güzel bir kod düzenledim. Sayfanın üstünde veya altında sabit durarak istediğiniz mesajı yayınlayabilirsiniz.







<!--http://webseyyahi.blogspot.com/ basla-->
<style type="text/css">
.sabitduyuru {
background-image:url(http://4.bp.blogspot.com/-D8gg09cndIM/UYgBW45fJaI/AAAAAAAAAYc/2RNV74T-3M0/s1600/duyuru_arka30px.png);
height:30px;
width: 100%;
position: fixed;
top: 10px;
right: 0px;
}
.bilgiyazi {
height: 28px;
padding-top: 5px;
font-family: Arial;
}
.bilgiyazi a {
text-decoration: none;
color: #eeeeee;
}
.icon {
background-image:url(http://4.bp.blogspot.com/-wGsWu106pec/UYgSC2t_WRI/AAAAAAAAAYw/XZpIcADfZL4/s1600/dikkat_icon30.png);
position: fixed;
top: 0px;
left: 0px;
width: 34px;
height: 30px;
}
</style>
<div class="sabitduyuru">
<div class="icon">
</div><div class="bilgiyazi">
<marquee scrolldelay="100" onmouseover="this.stop()" onmouseout="this.start()" >
<a href="#">DUYURU... DUYURU... DUYURU...</a></marquee></div></div>
<!--http://webseyyahi.blogspot.com/ bitir-->

top: 0px; Duyuru çubuğu konumu. En yukarıda sabit şekilde durur. bottom: 0px; yaparsanız en aşağıda sabit şekilde durur.
color: #eeeeee; Duyuru çubuğundaki yazının rengi. Varsayılan şablonlar , metin rengini otomatik atar.
"#" : # yerine URL yazarsanız tıklantığında gitmesini istediğiniz adresi belirtir.
DUYURU... DUYURU... DUYURU... : Gözükmesini istediğiniz metin

*Blogunuzda göstermek istediğiniz yere Blogger Kullanıcı paneli > Yerleşim > Gadget ekle > HTML/JavaScript ekle yolunu izleyerek ekleyebilirsiniz.
* Paylaşımlarınızı yazdığınız panelde HTML kısmından ekleyerek tek bir sayfa içinde de kullanabilirsiniz.


0 yorum: