Crea tu propio estilo de comentarios jimdo.

jimdo.css .Comentarios .estilos .styles

Hola amigos, debido al numero masivo de correos solicitando que publique el codigo para crear su propio estilo de comentarios jimdo, les publico el codigo css para que lo modifiquen.

Les explico como trabaja, este es el codigo por defecto de jimdo, el que descubrio el codigo fue Jose Telmo Rojas conocido en la web como Telmox y como saben es mi esposo y moderador de esta web, y el credito es de el.

Telmox, a modificado el codigo haciendo transparente algunas secciones del comentario.

Este es el codigo y lo debes colocar en

1. Ir a Panel de admistracion y buscas donde dice plantillas., das un clic y buscas donde dice  plantilla propia y de ahi en css guardar.

2.Recarca, refresca,o actualiza la pagina presionando f5. y listo miralo en vista previa como te quedo.


 

 

Para los que ya saben de css  lo pueden colocar en css de plantilla propia.

Copiamos el codigo a un editor de textos de su preferencia (word,notepad,wordpad,etc).

 

Si no tiene plantilla propia solo colocalo en

head de tu web jimdo

1. inicias seccion

2. ajustes

3. head

 

Codigos css estilos de comentarios jimdo

<style type="text/css">
/*<![CDATA[*/
@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;}

/*]]>*/
</style>

El tamaño de la imagen para el fondo del estilo de comentarios es de

600 de ancho

450 de alto

La del fondo donde va el numero de comentarios es de

50 de ancho por

50 de alto

Una vez listo cuando ya tengas listo tu codigo con url o direcciones de la imagen estos son los pasos

1. Ir a Panel de admistracion y buscas donde dice plantillas., das un clic y buscas donde dice  plantilla propia y de ahi en css guardar.

2.Recarca, refresca,o actualiza la pagina presionando f5. 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

Importante:Los que tienen plantillas de jimdo por defecto es otro metodo sigan los mismos pasos pero deben alojar el css en un servidor.

Comentarios: 89
  • #89

    online (martes, 17 enero 2017 05:30)

    Hello!

  • #88

    Anselmo (jueves, 29 diciembre 2016 22:07)

    Comentario

  • #87

    cialis_order (miércoles, 26 octubre 2016 06:43)

    Hello!

  • #86

    cialis_online (jueves, 20 octubre 2016 14:53)

    Hello!

  • #85

    cialis_india (jueves, 29 septiembre 2016 23:44)

    Hello!

  • #84

    cialis (jueves, 29 septiembre 2016 04:35)

    Hello!

  • #83

    generic_viagra (lunes, 26 septiembre 2016 17:37)

    Hello!

  • #82

    generic_cialis (lunes, 26 septiembre 2016 17:34)

    Hello!

  • #81

    cialis_pills (sábado, 24 septiembre 2016 01:42)

    Hello!

  • #80

    without (miércoles, 21 septiembre 2016 04:26)

    Hello!

  • #79

    cialis (lunes, 19 septiembre 2016 10:14)

    Hello!

  • #78

    fast (jueves, 26 noviembre 2015 08:29)

    Hello!

  • #77

    fast (jueves, 26 noviembre 2015 08:27)

    Hello!

  • #76

    super (jueves, 26 noviembre 2015)

    Hello!

  • #75

    canadian_viagra (jueves, 26 noviembre 2015 08:25)

    Hello!

  • #74

    cialis (jueves, 26 noviembre 2015 08:25)

    Hello!

  • #73

    for (jueves, 26 noviembre 2015 03:43)


  • #72

    for (jueves, 26 noviembre 2015 03:41)


  • #71

    online (martes, 03 noviembre 2015 02:27)

    Hello!

  • #70

    online (martes, 03 noviembre 2015 02:27)

    Hello!

  • #69

    fast (martes, 03 noviembre 2015 02:26)

    Hello!

  • #68

    fast (martes, 03 noviembre 2015 02:25)

    Hello!

  • #67

    viagra_sale (viernes, 30 octubre 2015 23:11)

    Hello!

  • #66

    cialis_sale (viernes, 30 octubre 2015 23:10)

    Hello!

  • #65

    fast (viernes, 30 octubre 2015 23:09)

    Hello!

  • #64

    fast (viernes, 30 octubre 2015 23:07)

    Hello!

  • #63

    discount_viagra (lunes, 26 octubre 2015 20:24)

    Hello!

  • #62

    discount_cialis (lunes, 26 octubre 2015 20:22)

    Hello!

  • #61

    fast (lunes, 26 octubre 2015 20:21)

    Hello!

  • #60

    fast (lunes, 26 octubre 2015 20:20)

    Hello!

  • #59

    Esthela Duche (lunes, 04 agosto 2014 20:39)

    Hola DETODOUNPOQUITIN007.JIMDO.COM usted si tiene una plantilla propia solo agregue el codigo

  • #58

    DETODOUNPOQUITIN007.JIMDO.COM (lunes, 04 agosto 2014 20:35)

    UNA PREGUNTA YO NO TENGO PLANTILLA PROPIA TENGO UNA Q ME DIO JIMDO Y HAY COMO LE AGO?

  • #57

    corazonlatino76 (sábado, 17 mayo 2014 15:41)

    Muchas gracias por compartir yo estoy muy agradecida
    por toda la ayuda recibida y además estoy aprendiendo
    mucho de ustedes Dios les bendiga.

  • #56

    Marcelo (lunes, 03 febrero 2014 22:12)

    Como hago para quitar el recuadro de "Página web"
    Gracias

  • #55

    Jose Bernardo Cardenas Alaniz (viernes, 10 enero 2014 14:08)

    :v

  • #54

    karenlamejor (jueves, 24 octubre 2013 16:34)

    <style type="text/css">
    /*<![CDATA[*/
    @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;}
    /*]]>*/
    </style>

  • #53

    javiss (viernes, 02 agosto 2013 07:04)

    hola y para ponerle fondo a la caja de contacto como le ago., ya ven que ahora se usa las imagenes de fondo en movimiento o videos y estas quedan inutilizables por que no se ve lo que dicen

  • #52

    adonis118 (lunes, 22 julio 2013 10:11)

    me gusta mucho

  • #51

    vzlacstrike (sábado, 13 julio 2013 15:56)

    good

  • #50

    clan-omds (sábado, 11 mayo 2013 17:08)

    Muy bueno lo probaré

  • #49

    antesdechabeloxd (jueves, 21 febrero 2013 18:38)

    Cabesa de ano

  • #48

    fans-skrillex (martes, 19 febrero 2013 09:14)

    esta genial entra a mis paginas http://fans-skrillex.jimdo.com/
    http://albertt97.jimdo.com/

  • #47

    djmouche (lunes, 07 enero 2013 15:34)

    Visiten www.djmouche.jimdo.com

  • #46

    xX(MasterDeath)Xx (viernes, 07 diciembre 2012 21:20)

    Hey amigos todo esto esta muy bueno, les paso mi correo para que me informen de todo Gracias !!!

  • #45

    construyendoeticaymoral (lunes, 12 noviembre 2012 20:49)

    Ola

  • #44

    derlis arias uchiha (sábado, 10 noviembre 2012 10:51)

    OLA COMO ES QUE ESTAN

  • #43

    pacookltda (jueves, 18 octubre 2012 23:18)

    super

  • #42

    ASD (sábado, 14 julio 2012 02:42)

    http://stiloparavoz2012.jimdo.com

  • #41

    Siverlong (lunes, 09 abril 2012 10:28)

    Aprovecha la oportunidad!!!!!!
    Solo queda un mes para que el concurso siverlong de la mejor pagina jimdo termine y empiezen las votaciones, si aun no estas incluido en el concurso, ¿a que estas esperando?
    CONCURSA YA TOTALMENTE GRATIS tan solo pon los pocos datos que te piden en nuestra web y ala a concursar, y si ya estas dentro del concurso, queda poco para las votaciones, empieza a preparar a ua amigos para que te voten.


    CONCURSO MEJOR PAGINA JIMDO

    De : siverlongAprovecha la oportunidad!!!!!!

  • #40

    trucosparatuweb (lunes, 02 abril 2012 09:09)

    Hola, muy buena tu Página, te quería consultar si sabés como poner mi página en google u otros buscadores gracias. Si lo sabes comenta como en mi página: http://xzonex.jimdo.com/ Te lo agradezco mucho.