SerginWeb-Yardım Platformu

css mesaj

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ğe<style type="text/css">  </style>   kodunu kaldırıp koyunuz...

https://img.webme.com/pic/o/osmantalay/bltbtn.png Sitemizde Genel Bir Düzenleme Yapıldı!

Kodu
:

<span style="font-size: small;"><span style="font-family: Tahoma;"> </span></span>
<div style="border: 2px dashed rgb(40, 120, 110); padding: 5px; margin: 5px; width: 808px; background-color: rgb(176, 224, 230); text-align: left;"><img alt="https://img.webme.com/pic/o/osmantalay/bltbtn.png" src="https://img.webme.com/pic/o/osmantalay/bltbtn.png" /><span style="font-family: Tahoma;"><span style="font-size: small;"><strong> Sitemizde Genel Bir D&uuml;zenleme Yapıldı!<br />
</strong></span></span></div>


Not Boyutları Değiştirilebilir  [width: 808px]  <-- Bu Kısım
 
 
 
 
 
 
 
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol