As tu propio estilo de Comentario :D y yo lo pongo en la web Hoting Gratis

Crea

Quisieras crear tu Propio Estilo de Comentario???

jeje pero no tienes un Hosting cuestan??

Bueno Misterangelalonso te da gratis el hosting solo tienes que editar el codigo que porpocionare 

Pon tu Codigo editado AQUI

@charset "utf-8";
/* CSS Document creadores originales http://telmox.jimdo.com / http://disemucho.jimdo.com*/

ul.com-list,ul.com-list-noava{margin:0 0 15px 0;padding:0}

ul.com-list li, ul.com-list-noava li{
    display:block;
    margin-top:10px;
/*    border-top:1px solid #CCC;*/
    padding:20px 5px 20px 5px;
    position:relative;
    list-style:none;
    list-style-image:none;
    
    background:rgba(0,0,0,0.7);
    
    

 background:center bottom no-repeat,  url(AQUI URL de la imagen PARA EL FONDO DEL COMENTARIO) -1px top no-repeat;
    
}

ul.com-list div.com-avatar
    {
    float:left;
    margin-top:80px;
    text-align:center;
    border:1px solid #131313 ;
    background:rgba(0,0,0,0.8);
    }

ul.com-list-noava div.com-avatar
    {
        float:left;
        margin-left:10px;
        text-align:center;
        }
ul.com-list img.formloading,
ul.com-list-noava img.formloading
    {
        margin:0 auto;
        background:white;
        padding:2px;
        }
ul.com-list
input.single{font-size:15px}

ul.com-list .number
    {            /* num */
    position:absolute;
    top:18px;
    left:5px;
    margin-top:5px;
    padding:15px 2px 10px 10px;
    font-size:15px;
    font-family:Arial;
    color: #F00;
    background:rgba(0,0,0,0.6);
    background:url(AQUI URL DE LA IMAGEN DEL NUMERO DEL COMENTARIO) no-repeat;
    height: 69px;
    width:74px;
    }
ul.com-list-noava
.number{position:absolute;top:10px;right:10px}




ul.com-list .com-meta
    {
        width:60%;
        float:right;
        margin-left:0px; /* encab */
        background:rgba(0,0,0,0.8);
        padding:10px 20px 10px 20px;

    }
ul.com-list .com-meta span{color: #FFF;}
ul.com-list .com-meta a{
    color: #f00;    
}




ul.com-list .com-locked{margin-left:90px}

ul.com-list .commententry   /* com */
    {
    padding:10px 20px 10px 20px;
    float:right;
    width:60%;
    background:rgba(0,0,0,0.5);
    color: #FFF ;
    }

ul.com-list .com-locked,
ul.com-list-noava .com-locked{color:#c66}
ul.com-list dl.zend_form,
ul.com-list-noava
dl.zend_form{margin:0px;}


y listo miralo en vista previa como te quedo.

¿Que es la url de una imagen?

Url de la imagen es la direccion web de la imagen la obtienes dando clic derecho encima de la imagen u copiar la ruta de la imagen,copias y pegas el url en donde te indicamos.

 

Nota: las imagenes la puedes alojar en tu propia web jimdo solo la subes y copias la url

 

Cualquier duda o pregunta estamos para ayudarte, deja tu duda aqui en un coemntarios

 

Escribir comentario

Comentarios: 0