Comunidad de diseño web y desarrollo en internet online

Editor WP: Ajustar texto con imagen

Citar            
MensajeEscrito el 10 May 2007 10:09 am
Hola,
El otro dia se me planteó la duda de poder escribir texto en el editor de wordpress como un periódico. La imagen a la izquierda y al lado derecho de la misma el texto.
Esto no lo permite el editor, ya que te pone el texto debajo la imagen. Entonces he pensado en editar el html y poner un table y despues unos tr y td para maquetarlo, pero queda bastante mal la verdad.

Existe algun plugin o algo parecido para hacer esto? Estoy buscando y no encuentro ninguno.

Muchas gracias!

Por loisin

65 de clabLevel



Genero:Masculino  

Colonia-Castells

firefox
Citar            
MensajeEscrito el 11 May 2007 01:35 am
Debes definir los estilos CSS para que te funcione de esa manera, por ejemplo supón que el DIV que contiene tu POST tiene una clase de CSS que se llama "Entry", bueno entonces puedes hacer lo siguiente:

Código :

.entry .imgizq {
float: left;
}


Eso hará que la imagen se pegue a la izquierda y el texto la rodee, claro para esto debes tener algunos conociminetos de CSS, y XHTML.

Te recuerdo esto es para no liarse con tablas. Ojala mínimo te ilumine un poco el camino, de todas maneras revisa y te ayudamos

Por DaHouseCat

Claber

1011 de clabLevel

2 tutoriales

Genero:Masculino  

Smarphones Fan Boy

firefox
Citar            
MensajeEscrito el 11 May 2007 08:03 am
Gracias, pero precisamente queria evitar esto. Tengo algun que otro conocimiento en css,html, pero en todo caso no importa ya que es un blog de otra persona que me preguntó si se podi hacer.
Por eso me planteé primero de hacerlo en html y quizás montar alguna plantilla; pero como ya dije antes se descuadra siempre.
De plugin no encuentro ninguno.

Salut!

Por loisin

65 de clabLevel



Genero:Masculino  

Colonia-Castells

firefox
Citar            
MensajeEscrito el 11 May 2007 05:10 pm
Pues una manera sencilla sin liarte tanto es hacerlo así:

Código :

<img style="vertical-align: top; margin: 0 10px 5px 0; float:left" src="http://farm1.static.flickr.com/208/493303873_f5b6aa9230_o.jpg" width="149" height="212" alt="Onegai_Teacher" />


Como verás style="vertical-align: top; margin: 0 10px 5px 0; float:left" hace que se alinea a la izquierda, nada más moverías para que se ajuste a lo que quieres, otra solución es es sencillamente modificar el comportamiento del botón IMG del Panel para que te pida ademas hacia que lado flota y los margenes un especie de mini asistente, no creo que haga falta un plugin para hacer eso; aunque seria muy fácil hacerlo.

Saludos! Por cierto nosotros hemos modificado el panel de WP para insertar un botón parametrizado igual y te sirve el procedimiento para modificar el panel y hacer lo que necesitas, tienes demasiadas opciones.

Por DaHouseCat

Claber

1011 de clabLevel

2 tutoriales

Genero:Masculino  

Smarphones Fan Boy

firefox

   Página 1 de 1

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.