css mesaj kutuları v3
CSS KODU
<style type="text/css">
.anasayfakutu {
background: #F7F9E5 url(http://xyberneticos.com/demos/Mensajes_css/images/via.gif) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #DBDCCD;
border-bottom: 2px solid #DBDCCD;
color:#000000;
}
.anasayfakutu a{
color:#4B4B4B;
text-decoration:none;
border-bottom:1px dotted #444;
}
</style>
Nerde Gözüksün İstiyorsan
<p class="anasayfakutu">Fuente <a href="#">Mi fuente</a></p>
CSS KODU
<style type="text/css">
.indirkutu {
background: #FBC895 url(http://xyberneticos.com/demos/Mensajes_css/images/descargared.gif) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #F7AB75;
border-bottom: 2px solid #F7AB75;
color:#000000;
}
.indirkutu a {
color:#E15F13;
text-decoration:none;
border-bottom:1px dotted #E15F13;
}
</style>
Nerde Gözüksün İstiyorsan;
<p class="indirkutu"> Enlace <a href="#">Descargar</a> </p>
CSS KODU
<style type="text/css">
.yenikutu {
background: #fff6bf url(http://xyberneticos.com/demos/Mensajes_css/images/new.gif) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #FBC383;
border-bottom: 2px solid #FBC383;
color:#000000;
}
.yenikutu a {
color:#E15F13;
text-decoration:none;
border-bottom:1px dotted #E15F13;
}
</style>
Nerde Gözüksün İstyorsan
<p class="yenikutu">Actualizacion: En el siguiente <a href="#">post</a>vsvsvsvs</p>
CSS KODU
<style type="text/css">
.not {
background: #FAF9F7 url(http://xyberneticos.com/demos/Mensajes_css/images/nota.gif) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #F2EFEA;
border-bottom: 2px solid #F2EFEA;
color:#000000;
}
</style>
Nerde Gözüksün İstiyorsan;
<p class="not">Mi texto.</p>
resimleri kendinize göre değiştirin.
Kaynak: http://xyberneticos.com/