Recent Topics

1 Jan 21, 2006 11:38    

Hola.
He visto un post por ahí pero mi inglés no llega a tanto.
Me gustaría saber como incluir imágenes y/o fotos sin que se parta el texto en dos. O sea que quede texto al lado de la foto, izquierda o derecha.
Gracias a todos, un saludo,

2 Jan 21, 2006 14:51

si me dices donde está el enlace en inglés tal vez pueda ayudarte

(vamos... que hay que animar este foro!)

4 Jan 21, 2006 20:20

Lo que dice ahí es que pongas
align="left" <<<< si quieres que la imagen vaya a la izquierda y el texto a la derecha
align="right" <<<< si quieres que vaya al revés

La cosa debe quedar así

<IMG SRC="imagen.jpg" align="left">texto....

y debes ponerlo cada vez que pongas la imagen, ya que así defines donde va la imagen y donde el texto

5 Jan 22, 2006 00:22

Gracias, lo probaré, algo así me imaginaba, hacerlo una a una es algo engorroso pero ... bueno.
Venga, un saludo, ya te diré como me ha ido, gracias de nuevo.

6 Jan 22, 2006 00:30

Probado ......... perfecto !

Gracias.

7 Feb 06, 2006 18:59

¿Alguien sabe como se podría incluir <aligh="right"> automáticamente al hacer el upload de la imagen?

De ese modo no hay que ponerlo siempre a mano....

8 Feb 07, 2006 19:09

mmm... supongo que si la imagen la subes directamente desde tu disco duro usando b2e... será cuestión de ver en qué parte del código especifica como la sube y añadirle ahí esa etiqueta.

9 Feb 10, 2006 17:07

El problema es que no logro encontrar donde compone la cadena de texto para insertar la imagen, y que luego muestra en el diálogo de upload.

¿Alguien sabe dónde se puede tocar ese código?
¿Está en un fichero php o está codificado en la BBDD?

10 Feb 11, 2006 13:19

si aun no lo has encontrado... cuando salga de los examenes intento ayudarte.

11 Feb 11, 2006 19:57

Gracias por tu oferta Futuro, pero ya no es necesaria. Acabo de dar con la solución.

El fichero a editar es "admin/b2upload.php".

Al final del fichero hay unas linea de código que dicen:


if( ereg('image/', $img1_type) )
{ // uploaded file is an image
	$piece_of_code = '&lt;img src=&quot;'.$fileupload_url.'/'.$img1_name.'&quot;';
	if( $img_dimensions = getimagesize( $pathtofile ) )
	{ // add 'width="xx" height="xx"
		$piece_of_code .= ' width=&quot;'.$img_dimensions[0].'&quot; height=&quot;'.$img_dimensions[1].'&quot;';
	}
	$piece_of_code .= ' alt=&quot;'.$imgdesc.'&quot; /&gt;';
}
else
{
	$piece_of_code = '&lt;a href=&quot;'.$fileupload_url.'/'.$img1_name.'&quot; title=&quot;'.$imgdesc.'&quot;&gt;'.$imgdesc.'&lt;/a&gt;';
}

Hay que modificar la primera aparición de $piece_of_code de la siguiente forma:


$piece_of_code = '&lt;img align=&quot;right&quot; src=&quot;'.$fileupload_url.'/'.$img1_name.'&quot;';

(en mi caso he usado el alineamiento a la derecha, pero cada uno puede poner lo que prefiera)

Otra forma de lograr el mismo efecto pero sin tocar el código fuente es añadiendo en el fichero "skins/<el que uses>/custom.css" de la siguiente manera:

img {
  float: right;
  margin: 1ex;
}

Sin embargo, de esta forma se actúa sobre TODAS las imágenes, incluidas las banderas de idioma y las "cadenas" de los enlaces permanentes.

Una mejora sería usar un cualificador en el img para personalizar el estilo a una clase de imágenes únicamente, como por ejemplo:

img.rgt {
  float: right;
  margin: 1ex;
}

En este caso, tendríamos que modificar la primera aparición de $piece_of_code de la siguiente forma:


$piece_of_code = '&lt;img class=&quot;rgt&quot; src=&quot;'.$fileupload_url.'/'.$img1_name.'&quot;';

Y ya está.

Como regla general siempre se mejor y más fácil de mantener elegir la opción del .css pues es mucho más fácil cambiar la apariencia de todo el blog con solo modificar dicho fichero de estilos.


Form is loading...