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.