Domo-Kun come gatitos

Domo-Kun come gatitos

Como alguno se habrá dado cuenta e agregado a Domo-Kun para que se abstengan de colocar comentarios, y vaya que funciona porque entran a leer pero no a comentar. 😆

Para todos los que quieran agregar a Domo-Kun u otra imagen de ese tipo, agrego los pasos para que puedan disfrutar de ese grandioso efecto.

1- Primero necesitaremos una imagen, es recomendable tenerla en el servidor propio o en un servidor donde se puedan cargar imágenes.

2- Necesitamos agregar una clase para especificar que se podrá mover siempre la imagen en la parte inferior derecha, en este caso seria en un template de wordpress así que agregaremos en el style.css del template que usemos en estos momentos.

1
2
3
4
5
6
.truco {
    position: fixed;  /* La posición es diferente a toda la pagina, mantiene su posición
                         aunque la pagina varié */
    bottom: 0;  /* Se posiciona directamente abajo */
    right: 0;  /* Se posiciona directamente a la derecha */
}

3- Ahora solo falta agregar la imagen con las propiedades de la clase, cosa que en wordpress es sencillo ya que solo hay que editar el archivo header.php del mismo template y agregamos esto después de <body>.

1
2
<div class="truco">
<img src="<?php bloginfo('template_url'); ?>/images/gatito.png" border="0" alt="" /></div>

Con eso estará funcionando el Domo-Kun en todo el sitio sin problemas ni afectara las demás funcionalidades.

Como nota, la imagen gatito.png la pueden cambiar por cualquier otra sin que les afecte.

Para los que quieran usar la imagen del lado izquierdo o arriba, solo hace falta combinar en la clase las posiciones que desean (con eso me refiero a solo arriba o abajo y solo izquierda o derecha).

1
2
3
4
5
6
.truco {
    position: fixed;  /* La posición es diferente a toda la pagina, mantiene su posición
                         aunque la pagina varié */
    top: 0;  /* Se posiciona directamente arriba */
    left: 0;  /* Se posiciona directamente a la izquierda */
}