Mini - Tuto: ¿Cómo centrar imagen?

¡Hola! Les dejo un mini - tuto, que arreglando un blog para la escuela vi que aunque fuera algo sencillo no lo sabían hacer así que aquí está como centrar una imagen con HTML y CSS.

1. Cómo centrar una imagen usando sólo HTML.

<center>
     <img src="image.png" alt="Image">
</center>

2. Cómo centrar una imagen usando CSS.

Aquí tendremos código HTML y código CSS. Empezamos viendo el HTML.

<img class="centrado" src="Image.png" alt="Image">

Hemos puesto una clase a la imagen, llamada centrado, y que nos servirá para luego darle estilo en el CSS. A continuación está el código para centrar la imagen.

  .centrado{
margin:10px auto;
display:block;
    }

Por último, hacemos que el elemento se muestre en bloque, y le damos un margen automático (es suficiente con que el margen sea automático a los lados, arriba y abajo o puedes poner el que quieras). Ten en cuenta que si la imagen ocupa todo el ancho no se verá centrada.

Códex Blogger: Ser original

¡Hola, queridos míos!

En esta calurosa tarde del animoso mes de febrero he querido traer al blog una nueva sección. La cual tendremos el gusto de llamar: Códex Blogger.

Hace unos días, repasando viejas entrevistas de premios, me encontré con la típica pregunta que se le hace a todo blogger que lleva un tiempo en esto: ¿Qué consejo das a quienes están iniciando en el mundo blogger?

Antes no solía hacer ni caso a ese tipo de preguntas, pero ahora me ha nacido de todo corazón compartir mi experiencia y opinión sobre este mundillo, por eso le he propuesto a Clau, quien encantada también dará su aporte, que compartamos con ustedes algunos "tips" (si es que así se le pueden llamar) para ir ganando terreno en el mundo virtual...

Tutorial: Ocultar la NavBar de blogger (efectos)

Foto tomada: Deliriología

Good morning, travelers!

He amanecido bilingüe el día de hoy, así que toda esta entrada será en inglés... Nah, no es cierto, solamente he amanecido de muy buen ánimo. Espero que este nuevo mes los esté tratando de maravilla. Por mi parte debo decir que ya regreso a la uni, y antes de desaparecer entre lecturas, teorías, referentes y arte, he decidido traer este tutorial y aprovechar a dejar programados otros cuantos posts.

Les explico brevemente, la barra de navegación (también conocida como NavBar) no es aconsejable quitarla. En una entrada posterior ya les contaré la razón, por hoy les enseñaré cómo ocultarla sin quitarla, sino añadiendo dos efectos muy chulos. Espero que este tuto les sea útil y les guste.

Mini - Tuto: ¿Cómo quitar margen a las imágenes?

¡Hola, viajeros! ¿Qué tal? 

Bueno, hoy les dejamos un mini-tutorial de como quitar ese borde blanco y la sombra, que por defecto traen las imágenes dentro de blogger para ser resaltadas, o podemos cambiarle el color. Y aquí les decimos como.

Mini - Tuto: ¿Cómo centrar la cabecera?

¡Hola, viajeros! ¿Qué tal la están pasando?

Hoy les traigo un mini-tutorial super sencillo para poner más bello el blog, y es que hace poco me estuvieron preguntando, ¿cómo centrar la cabecera?, ya que esta por defecto aparece de lado izquierdo. Y sin más, les dejo una solución.