Sitemizden Haberler: Buraya Ekle

Erkan Şeker

Css Mesaj Kutusu Kodu

 
Not:Bilgiliwebnet'ten Alıntıdır.

 

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...

 
Bugün 104 ziyaretçi (123 klik) kişi burdaydı!
 
 
 
Copyright 2020 by Erkan Şeker | Erkanseker | Esinti Tunning | Yakında | Yakında | Yakında
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol