css mesaj kutuları V1
Css Kodu
<style type="text/css"> .alerta { 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="alerta">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"> .importante { 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="importante">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...