MrEFo.Tr.Gg™ | KAPANDI

Css Mesaj Kutuları




Css Kodu

<style type="text/css">
.uyari {
background: #fff6bf url(http://xyberneticos.com/demos/Mensajes_css/images/error.gif) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
color:#000000;
}
</style>



Nerde Gözüksün istiyorsan


<p class="uyari">Yazınız...</p>

_______________________


Css Kodu

<style type="text/css">
.info {
background: #fff6bf url(http://xyberneticos.com/demos/Mensajes_css/images/info.gif) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
color:#000000;
}
</style>


Nerde Gözüksün İstyorsan
<p class="info">Yazı</p>
_______________________________


Css Kodu

<style type="text/css">
.dikkat {
background: #fff6bf url(http://xyberneticos.com/demos/Mensajes_css/images/importante.gif) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
color:#000000;
}
</style>


Nerde gözüzksün istiyorsan

<p class="dikkat">Yazınız.</p>
Css kodunu direk bölece sayfalara koyabilirsiniz...ama tasarım ayarları > gelişmiş ayarlar > Css kodu kısmına yapıştırcaksınız eğer <style type="text/css">  </style>   kodunu kaldırıp koyunuz...

Hyperend'ten Alıntıdır.
 
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol