The wikis are now using the new authentication system.
If you did not migrate your account yet, visit https://idp-portal-info.suse.com/

Ayuda:Cómo añadir imágenes

Saltar a: navegación, buscar
Ayuda para la creación y edición de contenidos en la wiki

Sintaxis

La sintaxis para las imágenes es

[[Imagen:nombre-del-archivo.extensión|opciones|leyenda]]

La barra vertical se usa para separar el nombre de la imagen, las opciones y la leyenda, y también separa las distintas opciones que se quiera usar. Tanto las opciones como la leyenda son opcionales.

Opciones

Las opciones posibles son muchas, pero entre las más corrientes están las que siguen en las siguientes secciones.

Formato

Indica la forma en la que se presenta la imagen. Puede ser border (con un borde gris de 1 pixel de grosor), frameless (sin borde), frame (con un marco), thumb o thumbnail (miniatura).

Geeko logo.png Geeko logo.png
Geeko logo.png
[[Imagen:Geeko logo.png | border]] [[Imagen:Geeko logo.png | frameless]] [[Imagen:Geeko logo.png | thumb]]

Geeko logo.png
[[Imagen:Geeko logo.png | frame]]

Tamaño

Se puede dar solo el ancho (anchopx), solo el alto (xaltopx) o ambos (anchoxaltopx). Si se usa el formato frame esta opción no tiene efecto.

Geeko logo.png Geeko logo.png Geeko logo.png
[[Imagen:Geeko logo.png | 50px]] [[Imagen:Geeko logo.png | 100px]] [[Imagen:Geeko logo.png | 150px]]

Alineación respecto al texto

Puede ser left (izquierda), right (derecha), center (centro) o none (ninguna).

Texto de prueba
Geeko logo.png
Texto de prueba
Geeko logo.png
 
Texto de prueba [[Imagen:Geeko logo.png | left]] Texto de prueba [[Imagen:Geeko logo.png | right]]
 
Texto de prueba
Geeko logo.png
Texto de prueba
Geeko logo.png
 
Texto de prueba [[Imagen:Geeko logo.png | center]] Texto de prueba [[Imagen:Geeko logo.png | none]]

Enlace

Se usa link=destino para indicar la página a la que ir al hacer clic sobre una imagen. Puede ser una página de la wiki o externa. Si el enlace es a una página de la wiki solo es necesario escribir el nombre de dicha página, no hace falta añadir https://es.opensuse.org. Al hacer clic sobre una imagen para la que no se haya especificado un enlace se va a la página para la imagen en la wiki. Si no se quiere que la imagen sirva de enlace, es decir, que no suceda nada al hacer clic sobre ella, entonces se usa link= sin añadir nada tras el signo =.

Enlace interno
[[Imagen:Geeko logo.png | link=Portal:wiki]]
 
Enlace externo
[[Imagen:Geeko logo.png | link=http://software.opensuse.org/search]]
 
Imagen sin enlace
[[Imagen:Geeko logo.png | link=]]

Leyenda

Es un texto que se muestra bajo la imagen si el formato es thumb o frame.

Texto de la leyenda
[[Imagen:Geeko logo.png | thumb | Texto de la leyenda]]

Texto de la leyenda
[[Imagen:Geeko logo.png | frame | Texto de la leyenda]]

Galerías de imágenes

Una galería de imágenes es un grupo miniaturas de imágenes que previamente se han debido subir a la wiki. Se crean colocando una secuencia de imágenes entre la etiqueta de inicio <gallery> y la de fin </gallery> de la forma siguiente:

<gallery>
Imagen:nombre_de_archivo | título
Imagen:nombre_de_archivo | título
...
Imagen:nombre_de_archivo | título
</gallery>

título, opcional, es el texto que se quiere mostrar bajo la imagen y va tras el nombre de ésta separada por una barra vertical "|". Por ejemplo, el siguiente código:

<gallery>
Imagen:Geeko_logo.png | Logo verde
Imagen:Geeko_logo_gris.png | Logo gris
Imagen:Geeko_logo.png | Logo verde
</gallery>

produce el resultado:

Cada miniatura es un enlace a la página de descripción de la imagen en la wiki. La etiqueta gallery acepta varios parámetros:

  • caption=leyenda, donde leyenda es un título que aparece centrado sobre la galería de imágenes. Si leyenda contiene espacios hay que encerrarla entre comillas.
  • widths=anchopx, donde ancho es el ancho de cada miniatura (120px por defecto).
  • heights=altopx, donde alto es el alto máximo de cada miniatura.
  • perrow=númeropx, donde número es el número de imágenes por fila. Un cero indica ajuste automático en función del ancho de la pantalla.

Además de los parámetros anteriores, la etiqueta gallery también acepta código CSS. Las leyendas también aceptan formato wiki y CSS. El siguiente ejemplo, más completo, usa CSS para centrar tanto la galería en la página como el texto de la leyenda de cada miniatura.

<gallery style="margin: 0 auto; text-align: center" caption="Ejemplo de uso de galería y CSS">
Imagen:Geeko_logo.png | '''Logo verde'''
Imagen:Geeko_logo_gris.png | ''Logo gris''
Imagen:Geeko_logo.png | <span style="color:#669900">Logo verde</span>
</gallery>

produce el resultado:

Enlaces externos