Pon una imagen en tu blog para animar a comentar

Octubre 7th, 2007 | por Alaingonza | en Blog, Manual, Tips, WordPress |

Edito- He quitado la imagen ya que en resoluciones inferiores a 1280×1024 la imagen quedaba encima de las entradas por la anchura variable de mi theme.

Cuando lo solucione intentare colocar la imagen de nuevo.

Pues acabo de poner una imagen “mascota” en el blog para que os animéis a comentar un poco más :mrgreen: :

Comenta DaleTux

Si os interesa poner una, seguir estos pasos:

Añadir este código en el style.css:

div#mascota{
position: fixed;
left: 0;
bottom: 0;
display: block;
*display: none;
height: 184px;
width: 123px;
background: url('http://URL de la imagen .gif’) bottom left no-repeat;
text-indent: -999em;
text-decoration: none;
}

Cosas para comentar sobre este código;

URL de la imagen, poner la direccion de vuestra imagen (no tiene porque ser .gif, vale cualquier extensión aunque os recomiendo que la imagen pese poco).

height / width = altura /anchura de vuestra imagen.

Como veis hay un “left“, yo lo tengo a la izquierda…si queréis poner la imagen a la derecha poner right.

Y luego en el footer.php o header.php (si lo metemos en el index.php solo aparecerá cuando estemos en portada y no cuando estemos en el single.php -> una entrada. etc. Aunque si queréis jugar con eso, también lo podéis hacer para que aparezca una imagen diferente en casa sitio) añadiremos este código para llamar a la imagen:

<div id="mascota"></div>

Si queréis podéis cambiar lo de mascota, aunque recordar que también tendréis que hacer el cambio en el código añadido en el style.css.

Saludos y ya me diréis si habéis puesto una mascota de estas y recordar que Tux está ocupado, así que a comentar! ;)

Agradecimientos a RuFo y Chuano (que les he estado mirando el código para ver como lo habían puesto y al final he copiado el de RuFo :mrgreen: ), a Rubén porque soy tan cutre que no se hacer los bocatas esos y he tenido que sacarlo de su imagen. Y a Alberto por ayudarme con la imagen, que crack. Gracias.

Compártelo

- ¡Coméntalo!

10 Posts relacionados que te van a interesar:

  1. 15 Comentarios en “Pon una imagen en tu blog para animar a comentar”

  2. Por albertjh en Oct 7, 2007 | Responder

    :eek: que bonito oh!!!! :cry:

    Ejejej, muy bonito el aspecto del blog, y algo más importante, una mejora de carga en la pagina…

    Salud2!!

  3. Por Alaingonza en Oct 7, 2007 | Responder

    Si, antes me iba como una piedra. :mrgreen:

    Aún y todo me estoy pensando seriamente el irme de godaddy…su hosting va muy lento.

    Saludos y gracias de nuevo.

  4. Por NeoDaVe en Oct 7, 2007 | Responder

    Comento yo, que tu no puedes? hehe

    Esto va a ser de mucha ayuda para todos los que usáis wordpress ;)

  5. Por joshua en Oct 8, 2007 | Responder

    justamente estaba intentando poner eso en mi blog pero no puedo jajaja

    voy a ver que tal me va

  6. Por noi en Oct 8, 2007 | Responder

    Esta muy bien… aunque lo unico que recomendaria es borrar lo de alrededor de la imagen y guardarla en png o gif..

    asi deja un poco mas de visibilidad..

    saludos

  7. Por Roberto Briones en Oct 8, 2007 | Responder

    Pues empezemos a estrenar tu wordpress 2.3, te he pasado un meme ;), espero lo respondas!:
    http://robertbriones.wordpress.com/2007/10/07/meme-tres-consejos-para-ser-un-buen-blogguer/
    :grin:

  8. Por Koki en Oct 8, 2007 | Responder

    Jeje, es graciosa. cuando tenga un tiempo voy a ver si pongo alguna en el mío

  9. Por RuFo en Oct 8, 2007 | Responder

    Copión, copión, copión… :mrgreen:

  10. Por Alaingonza en Oct 8, 2007 | Responder

    Vaya me he dado cuenta que en resoluciones inferiores a 1280×1024 mi theme ocupa toda la pantalla….y entonces la imagen queda encima de las entradas.

    ¿Alguien sabe como darle anchura fija a un theme?

    Saludos y ya lo siento a los que os este molestando, si no encuentro solución lo quitare.

  11. Por chuano en Oct 8, 2007 | Responder

    Ponle un max-width: tamaño; a #main en el css, todo lo que no sea IE6 lo respetará como ancho máximo, y si quieres especificar un ancho fijo SIEMPRE pones width: ancho;

    Aunque lo mejor es poner la imagen a la derecha, así se superpone sobre el sidebar y no importa tanto.

    Saludos!

    PD: Tienes un div mal cerrado en la “navegacion” en single.php, se queda en “” al final.

  12. Por chuano en Oct 8, 2007 | Responder

    Vale, se ha tragado el html xD.

    Se queda “</div” y le falta al final “>”

  13. Por Alaingonza en Oct 8, 2007 | Responder

    Gracias Chuano, voy a probar lo que me has dicho y a cerrar el div. :wink:

  14. Por Jony en Oct 9, 2007 | Responder

    Muy buena la nota(y el blog en general) y ¿gracias por el Tux, que ahora voy a ver si lo puedo poner en mi blog ! :wink:

  15. Por Dlinx en Oct 10, 2007 | Responder

    Y por que no usas una imagen con transparencias, algo parecido a lo que dice noi, que solo se vea el globo de dialogo y tux, muy bueno el nuevo theme. :grin:
    Saludos.

  16. Por Alaingonza en Oct 10, 2007 | Responder

    @Jony gracias y ya vere si que tal te ha quedado la imagen. :mrgreen:

    @Noi y Dlinx pues si que voy a poner una imagen transparente (ya la tengo hecha) aunque no quiero que moleste a los lectores si queda encima de las entradas… :???:

Añade un comentario:


Haz click en los emoticonos para usarlos:

:smile: :grin: :razz: :lol: :wink: :mrgreen: :neutral: :roll: :shock: :???: :cool: :oops: :twisted: :evil: :eek: :mad: :sad: :cry: :!: :idea: :arrow: