Poner un texto en medio de dos imágenes

Lo más fácil para hacerlo es que hagas una tabla con 3 columnas. En la parte de la izquierda y derecha pones tus imágenes y en la parte del centro pones el texto que quieras colocar.

Para hacerlo solo tienes que usar este código, para que te sea más fácil:

<table style="text-align: left; width: (medida que le quieras dar al ancho de tu tabla)px; height: (medida de lo alto)px;" border="0"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="vertical-align: top;"><img
style="width: (medida que le quieras dar al ancho de tu imagen)px; height: (medida de lo alto)px;" alt="e"
src="(ruta de acceso de tu foto).jpg"><br>
</td>
<td style="vertical-align: top;">(Aquí va el texto que
quieras poner)<br>
</td>
<td style="vertical-align: top;"><img
style="width: (medida que le quieras dar al ancho de tu imagen)px; height: (medida de lo alto)px;" alt="r"
src="(ruta de acceso de tu otra foto).jpg"><br>
</td>
</tr>
</tbody>
</table> 

Configuración:

En el mismo código te pongo lo que va en cada sitio por ejemplo en:
width: (medida que le quieras dar al ancho de tu tabla) como puedes leer va el nacho de la tabla que tienes que calcularla tu mismo de esta manera la harás a tu gusto.
En height: va el Alto de la Tabla.
En style="width: (medida que le quieras dar al ancho de tu imagen)px; el ancho de la Imagen.
En  height: (medida de lo alto)px; el alto de la Imagen.
Fijate que hay dos uno en el renglón superior y otro en la parte inferior.
Y aquí <td style="vertical-align: top;">(Aquí va el texto que quieras poner)<br>



Fecha:14/05/2018

Publicado por:                                      

  Menú vertical uno

Cada vez se pueden hacer mas maravillas con el CSS3, es cuestión de experimentar e ir probando, sobre todo al que les guste el diseño web como a mi. En esta ocasión, he diseñado este menú vertical en el que solo se ve una pestaña, pero que al posar el cursor sobre ella, se despliega como si fuera de papel. Esta confeccionado integramente con CSS3, quitando de los pequeños iconos que son imágenes en formato png transparente. El resultado es un menú original y visualmente atractivo, como podéis ver.

Imagen o Texto que te redireccione a una pagina Web 

Vamos a trabajar un poco los links para redireccionar a tus lectores ya sea a un post o a otra Página o a una Web determinada, tanto con texto como con Imágenes

 Colocar una Imágen con Texto alrededor

Las Imágenes son la portada de una publicación donde el Lector se fija en la primera mirada y a continuación va a por el texto que tiene que ser de calidad pero primero va a la imágen por esto el texto tiene que estar muy bien colocado alrededor de la Imágen.

ahora os explicare el caso más clásico es el de envolver con texto una foto que se ubicará contra el margen izquierdo.

Aqui lo que debemos hacer es “flotar” hacia la izquierda el elemento, en este caso, la imagen.

Carrusel de Imágenes con titulo y Redirección

Aquí traigo un carrusel para colocar imágenes en movimiento tanto para arriba ,hacia abajo, derecha y hacia la izquierda además las podéis redirigir y colocar un titulo a cada imagen.

Ampliar una imagen al  clickar sobre ella,

Es un truco muy sencillo sin tener que meter mano a la plantilla que siempre es un peligro por si cometes algún herror además ahorramos tiempo que el tiempo va muy caro en estos días no es así sin mas vamos al lío.

Sólo debes cambiar la URL de la imagen (en su tamaño normal)

Ampliar una Imágenen con sólo pasar el mouse por encima

Un truco para no tener que poner imágenes tan grandes que ocupen mucho espacio en tu blog y no vaya tan pesado solo vasta añadir este efecto para que se amplíe al pasar el cursor por encima de esta para que se amplíe a nuestro gusto.