Diferencia entre revisiones de «Manual de Referencia para Subir Archivos»

Sin resumen de edición
 
(No se muestran 22 ediciones intermedias del mismo usuario)
Línea 35: Línea 35:
:'png', 'gif', 'jpg'/'jpeg', 'ogg'.
:'png', 'gif', 'jpg'/'jpeg', 'ogg'.


==Enlaces==
==Enlace==


Para enlazar un archivo subido, por ejemplo Karmawiki logo.gif usa <nowiki>[[Media:Karmawiki logo.gif]]</nowiki> en lugar de <nowiki>[[Imagen:Karmawiki logo.gif]]</nowiki>, resultando [[Media:Karmawiki logo.gif]]; para crear un enlace hacia la pagina de descripción de la imagen, usa <nowiki>[[:Imagen:Karmawiki logo.gif]]</nowiki> para [[:Imagen:Karmawiki logo.gif]] (los primeros dos puntos no se muestran).
Para enlazar un archivo subido, por ejemplo Karmawiki logo.gif usa <nowiki>[[Media:Karmawiki logo.gif]]</nowiki> en lugar de <nowiki>[[Imagen:Karmawiki logo.gif]]</nowiki>, resultando [[Media:Karmawiki logo.gif]]; para crear un enlace hacia la pagina de descripción de la imagen, usa <nowiki>[[:Imagen:Karmawiki logo.gif]]</nowiki> para [[:Imagen:Karmawiki logo.gif]] (los primeros dos puntos no se muestran).


El [[Media:Karmawiki logo.gif|Texto alternativo]] funciona como siempre.  
[[Help:Piped link|Piped link]]s work as usual.


La sintaxis para un enlace externo es la misma. Sin embargo, si quieres un enlace a una imagen en un proyecto que permite imágenes externas “incrustadas”, usa la sintaxis de un enlace de corchetes y no solo el URL, para prevenir el incrustamiento.
[[Help:Interwiki linking|Interwiki linking]] style gives a link to the image description page. For embedding (if possible, see below) and linking to the file itself, use external link style.


Para usar una imagen como un enlace a otro documento, ver [[Ayuda:Imagen de Navegación]].
If [[Help:Interwiki linking#Interlanguage_link_.28software_feature.29|interlanguage links]] would be applicable, use a colon in front of the language code, e,g. <nowiki>[[:de:Bild:Europa-Pos.png]]</nowiki>, to avoid the link being put in the margin.
 
External link syntax is as usual. However, if you want a link to an image proper on a page of a project that allows embedded external images, use a bracketed link syntax and not just the URL, to prevent embedding.
 
For using an image as a link to another document, see [[Help:Navigational image]].
 
For users who allow '''non-image uploads''', e.g. office files, the keyword 'media' is misleading because office documents are not typically classed as media, in the context of audio/video etc. But it is the correct syntax to use when linking to a non-image file.  


===Incrustando imágenes internas===
===Incrustando imágenes internas===
Línea 52: Línea 58:
Una imagen incrustada interna automáticamente enlaza a la [[Ayuda:Pagina de imagen|Pagina de imagen]], la cual muestra la imagen completa, o, dependiendo de las preferencias, una versión reducida con un enlace a la versión completa. La pagina también muestra información acerca de la imagen.
Una imagen incrustada interna automáticamente enlaza a la [[Ayuda:Pagina de imagen|Pagina de imagen]], la cual muestra la imagen completa, o, dependiendo de las preferencias, una versión reducida con un enlace a la versión completa. La pagina también muestra información acerca de la imagen.


[[Imagen:tst.jpg|thumb|50px|[[Media:tst.jpg|Tamaño real]]]]
Para agregar la imagen subida a un articulo como un thumbnail, puedes usar  <nowiki>[[Imagen:</nowiki> ''nombre de la imagen incluyendo extensión'' |thumb|''texto descriptivo''<nowiki>]]</nowiki> o  
Para agregar la imagen subida a un articulo como un thumbnail, puedes usar  <nowiki>[[Imagen:</nowiki> ''nombre de la imagen incluyendo extensión'' |thumb|''texto descriptivo''<nowiki>]]</nowiki> o  
<nowiki>[[Imagen:</nowiki> ''''nombre de la imagen incluyendo extensión'' |thumb|''anchura en píxeles'' px|''texto descriptivo''<nowiki>]]</nowiki>.
<nowiki>[[Imagen:</nowiki> ''''nombre de la imagen incluyendo extensión'' |thumb|''anchura en píxeles'' px|''texto descriptivo''<nowiki>]]</nowiki>.


[[Imagen:tst.jpg|thumb|50px|[[Media:tst.jpg|Tamaño real]]]]
El tamaño por defecto del ancho del thumbnail puede ser especificado en las preferencias, así que regularmente en mejor “no” especificar “px”, para respetar las preferencias de los usuarios (a menos que por alguna razón especial, un tamaño especifico sea requerido sin tener en cuenta las preferencias, o si el tamaño especificado esta fuera del rango de los 120-300 que pueden especificarse en las preferencias).
El tamaño por defecto del ancho del thumbnail puede ser especificado en las preferencias, así que regularmente en mejor “no” especificar “px”, para respetar las preferencias de los usuarios (a menos que por alguna razón especial, un tamaño especifico sea requerido sin tener en cuenta las preferencias, o si el tamaño especificado esta fuera del rango de los 120-300 que pueden especificarse en las preferencias).


El texto descriptivo puede contener enlaces. Este formato permite reducción y ampliación. Ambos, la imagen misma y el icono enlazan a la página de imagen. El icono tiene el texto “Ampliar” en su mouseover, aún en casos donde la imagen en la página de imagen sea menor. Dependiendo en las preferencias, la imagen en la pagina de imagen puede ser más pequeña que el thumbnail, por lo que un enlace podría ser conveniente desde el thumbnail directo de la imagen en su tamaño real. Por ejemplo: <nowiki>[[imagen:tst.png|thumb|50px|[[Media:tst.png|Tamaño real]]]]</nowiki> (ver a la derecha; ve también Imagen Doble)
El texto descriptivo puede contener enlaces. Este formato permite reducción y ampliación. Ambos, la imagen misma y el icono enlazan a la página de imagen. El icono tiene el texto “Ampliar” en su mouseover, aún en casos donde la imagen en la página de imagen sea menor. Dependiendo en las preferencias, la imagen en la pagina de imagen puede ser más pequeña que el thumbnail, por lo que un enlace podría ser conveniente desde el thumbnail directo de la imagen en su tamaño real. Por ejemplo: <nowiki>[[imagen:tst.png|thumb|50px|[[Media:tst.png|Tamaño real]]]]</nowiki> (ver a la derecha; ve también Imagen Doble)


{|align=right border="1"
Es posible colocar enlaces externos en el texto descriptivo, pero solo en la forma sin corchetes, es por ello que mostrara el URL completo; si el URL no entra en el espacio disponible, el resto caerá fuera, sin embargo el enlace funcionara normalmente. Estos enlaces son especialmente útiles para enlazar las versiones completas de un archivo, si estos no pueden ser visualizados en la página de descripción, debido a que sean de un formato no soportado.  
|[[Imagen:Netherlands pol87.jpg|100px|]]<BR />[http://upload.wikimedia.org/wikipedia/commons/1/1b/Netherlands_pol87.jpg full size]
|}
[[imagen:Middle_east.jpg|thumb|left|Middle East; for more detailed pdf-version see http://www.cia.gov/cia/publications/factbook/reference_maps/pdf/middle_east.pdf]]
{|align=right bgcolor=#dddddd
|[[imagen:Middle_east.jpg|thumb|Middle East]]
|-
|([http://www.cia.gov/cia/publications/factbook/reference_maps/pdf/middle_east.pdf pdf])
|}
External links in the caption are possible, but only in the form without brackets, hence showing the full URL; if the full URL does not fit in the available width, the rest falls off, but the link works anyway. These links are especially useful to link to the full version of an image, if that can not be displayed on the image description page, because it is in pdf-format (left). Alternatively, an extra caption can be put outside the image syntax (right).{{clr}}
 
For more possibilities, see [[en:Wikipedia:Extended image syntax]]. Also, the source of existing pages with images are useful as examples.


===Image at the left===
[[imagen:KT00106.jpg|thumb|left|Asura; para mayor información ver: http://ka-boom.com.mx/ka-boom.htm]]
Para más posibilidades, ve [[en:Wikipedia:Extended image syntax]]. Tambien, el código fuente de paginas existentes es muy útil como ejemplo. {{Clr}}


'''<nowiki>[[imagen:tst.png|left|thumb|50px|[[help:contents|demo]]]]</nowiki>''' puts the image at the left; text that follows floats to the right of it; if a second image immediately comes after the first, the second abuts to the right side of the first; if there is text in between then the second image is at the lower right of the first, under this text:
===Imagen a la izquierda===
'''<nowiki>[[imagen:tst.jpg|left|thumb|50px|[[help:contents|demo]]]]</nowiki>''' coloca la imagen a la izquierda; el texto que sigue flota a la derecha; si una segunda imagen es colocada inmediatamente después de la primera, la segunda se coloca adyacente a la primera; si existe texto entre ellas la segunda imagen se coloca en abajo a la derecha de la primera, bajo este texto:


[[imagen:tst.png|left|thumb|50px|[[help:contents|demo]]]][[imagen:tst.png|left|thumb|50px|[[help:contents|demo]]]] [[imagen:tst.png|left|thumb|50px|[[help:contents|demo]]]] ''Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.''  between the 3rd and 4th images. [[imagen:tst.png|left|thumb|50px|[[help:contents|demo]]]] ''Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.'' after the 4th image.
[[imagen:tst.gif|left|thumb|50px|[[help:contents|demo]]]][[imagen:tst.gif|left|thumb|50px|[[ayuda:contenido|demo]]]] [[imagen:tst.gif|left|thumb|50px|[[ayuda:contenido|demo]]]] ''Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.''  between the 3rd and 4th images. [[imagen:tst.gif|left|thumb|50px|[[Ayuda:contenido|demo]]]] ''Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.'' después de la cuarta imagen.{{Clr}}
{{clr}}
With '''<nowiki>[[imagen:tst.png|none|thumb|50px|[[help:contents|demo]]]]</nowiki>''' the image is put at the left, and text that follows starts below it.


[[imagen:tst.png|none|thumb|50px|[[help:contents|demo]]]]''Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent lupta''
Con '''<nowiki>[[imagen:tst.gif|none|thumb|50px|[[Ayuda:contenido|demo]]]]</nowiki>''' la imagen se coloca a la izquierda, y el texto que sigue comienza debajo de ella.


===Image at the right===
[[imagen:tst.gif|none|thumb|50px|[[ayuda:contenido|demo]]]]''Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent lupta''


'''<nowiki>[[imagen:tst.png|right|thumb|50px|[[help:contents|demo]]]]</nowiki>''' puts the image at the right; text that follows floats to the left of it. The situation is not symmetric with the case above: a second image is put at the extreme right again, under the first.
===Imagen a la derecha===


[[imagen:tst.png|right|thumb|50px|[[help:contents|demo]]]] ''zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.''  after the 1st image.[[imagen:tst.png|right|thumb|50px|[[help:contents|demo]]]] ''after the 2nd image.{{clr}}
'''<nowiki>[[imagen:tst.gif|right|thumb|50px|[[help:contents|demo]]]]</nowiki>'''  coloca la imagen a la derecha; el texto que sigue flota a la izquierda de ella. La situación no es simétrica al caso anterior: una segunda imagen es colocada al extremo derecho de nueva cuenta, debajo de la primera.


===Using full width again===
[[imagen:tst.gif|right|thumb|50px|[[ayuda:contenido|demo]]]] ''zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.'' [[imagen:tst.gif|right|thumb|50px|[[ayuda:contenido|demo]]]] '' {{clr}}


[[imagen:tst.png|left|thumb|50px|[[help:contents|demo]]]]Use '''<nowiki><br clear="all" /></nowiki>''', or on projects that have [[Template:Clr]] (Meta and en:): <nowiki>{{clr}}</nowiki>. Text floats around the image until it gets to <nowiki>{{clr}}</nowiki> (in Meta) like this.{{clr}}After <nowiki>{{clr}}</nowiki>, however, text can float no longer, and restarts from under the image, using the full width again like this,...... like this, like this, like this, like this, like this, like this, like this.
===Usando la anchura completa===


===Inline images===
[[imagen:tst.gif|left|thumb|50px|[[ayuda:contenido|demo]]]]  Usa '''<nowiki><br clear="all" /></nowiki>''', o en este caso <nowiki>{{clr}}</nowiki>. El texto flota alrededor de la imagen hasta que llega a <nowiki>{{clr}}</nowiki> así. {{Clr}} Después de <nowiki>{{clr}}</nowiki>,  sin embargo, el texto no puede flotar y reinicia debajo la imagen, usando la anchura completa de nuevo así,… así, así, así, así, así, así, así, así, así, así, así, así, así, así, así, así, así, así, así, así, así, así, así, así, así, así.


Inline images cannot have a caption, but they can have a [[w:Wikipedia:Alternative text for images|"title"-attribute]] (often misidentified as the "alt" attribute, which has a different purpose), which is shown in the hoverbox (in the cases above, for the image it is the same as the caption, and for the enlarge icon it is "Enlarge"). It is the last item of the image code, hence, if there is only the image name with prefix "imagen:" it gives that; if there is an empty item by ending with a pipe character ("|") it gives none; otherwise, it gives the image code item that happens to be last, unless a proper text is specified.
===Imagenes en linea===


The size of the images can be reduced but they can not be enlarged.
Las imagenes en linea no pueden tener descripción, pero pueden tener un [[w:Wikipedia:Alternative text for images|"titulo"-attribute]] (frecuentemente confundido con el atributo “alt”, el cual tiene un propósito diferente), el cual se muestra en el mouseover (en los casos de abajo, para la imagen es la misma que la descripción, y para el icono de ampliar es “Ampliar”).
Es el ultimo elemento del código de imagen, consecuentemente, si solo hay el nombre de la imagen con el prefijo “imagen:” le asigna eso; si existe un elemento vació terminando con el símbolo pipe (“|”) no le asigna nada; de otra manera, le asigna el código de imagen que se encuentre al final, a menos que un texto apropiado sea especificado.


Example (note the hoverbox too): "<nowiki>text [[imagen:tst.png]] text [[imagen:tst.png|</nowiki>'''5px'''<nowiki>|]] text [[imagen:tst.png|</nowiki>'''500px'''<nowiki>|demo]] text</nowiki>" gives "text [[imagen:tst.png]] text [[imagen:tst.png|5px|]] text [[imagen:tst.png|500px|demo]] text".
El tamaño de las imágenes puede reducirse pero no puede ampliarse.


'''''In the last example, in 1.5 the width is as specified, but the height is the original one.'''''
Ejemplo (nota el mousehover de la caja tambien): "<nowiki>texto [[imagen:tst.gif]] texto [[imagen:tst.gif|</nowiki>'''5px'''<nowiki>|]] texto [[imagen:tst.gif|</nowiki>'''200px'''<nowiki>|demo]] texto</nowiki>" asigna "texto" {{Clr}} [[imagen:tst.gif]] texto [[imagen:tst.gif|5px|]] texto [[imagen:tst.gif|200px|demo]] texto".


See also below.
'''''En el ejemplo anterior, en 1.5 la anchura fue especificada, pero la altura es la original.


==Redirection==
==Redirection==
Línea 112: Línea 108:
Texts (also with links) and images can be positioned such that they partly cover an image with code like:
Texts (also with links) and images can be positioned such that they partly cover an image with code like:
   
   
<pre><div style="position: relative">[[Imagen:Map South Holland.png]]
<pre><div style="position: relative">[[Image:Map South Holland.png]]
<div style="position: absolute; left: 244px; top: 67px">[[Imagen:Tst.png]]</div>
<div style="position: absolute; left: 244px; top: 67px">[[Image:Tst.png]]</div>
<div style="position: absolute; left: 249px; top: 72px">[[Imagen:Tst.png]]</div>
<div style="position: absolute; left: 249px; top: 72px">[[Image:Tst.png]]</div>
<div style="position: absolute; left: 264px; top: 112px">[[Imagen:Tst.png]]</div>
<div style="position: absolute; left: 264px; top: 112px">[[Image:Tst.png]]</div>
<div style="position: absolute; left: 10px; top: 10px">[[Imagen:Text North Sea transparent.gif]]</div>
<div style="position: absolute; left: 10px; top: 10px">[[Image:Text North Sea transparent.gif]]</div>
<div style="position: absolute; left: 10px; top: 50px">
<div style="position: absolute; left: 10px; top: 50px">
{| style="background:transparent"
{| style="background:transparent"
Línea 128: Línea 124:
giving:
giving:


<div style="position: relative">[[Imagen:Map South Holland.png]]
<div style="position: relative">[[Image:Map South Holland.png]]
<div style="position: absolute; left: 244px; top: 67px">[[Imagen:Tst.png]]</div>
<div style="position: absolute; left: 244px; top: 67px">[[Image:Tst.png]]</div>
<div style="position: absolute; left: 249px; top: 72px">[[Imagen:Tst.png]]</div>
<div style="position: absolute; left: 249px; top: 72px">[[Image:Tst.png]]</div>
<div style="position: absolute; left: 264px; top: 112px">[[Imagen:Tst.png]]</div>
<div style="position: absolute; left: 264px; top: 112px">[[Image:Tst.png]]</div>
<div style="position: absolute; left: 10px; top: 10px">[[Imagen:Text North Sea transparent.gif]]</div>
<div style="position: absolute; left: 10px; top: 10px">[[Image:Text North Sea transparent.gif]]</div>
<div style="position: absolute; left: 10px; top: 50px">
<div style="position: absolute; left: 10px; top: 50px">
{| style="background:transparent"
{| style="background:transparent"
Línea 148: Línea 144:


<pre>
<pre>
<div style="position: relative">[[Imagen:Zeeuws Vlaanderen.png]]
<div style="position: relative">[[Image:Zeeuws Vlaanderen.png]]
<div style="position: absolute; left: 5px; top: 25px">
<div style="position: absolute; left: 5px; top: 25px">
{| style="background:transparent"
{| style="background:transparent"
Línea 171: Línea 167:
gives
gives


<div style="position: relative">[[Imagen:Zeeuws Vlaanderen.png]]
<div style="position: relative">[[Image:Zeeuws Vlaanderen.png]]
<div style="position: absolute; left: 5px; top: 25px">
<div style="position: absolute; left: 5px; top: 25px">
{| style="background:transparent"
{| style="background:transparent"
Línea 205: Línea 201:


==Gallery tag, category, table of images==
==Gallery tag, category, table of images==
The gallery-tag is a quick way to show thumbnails in four columns. Each entry is of the form "Imagen:''image name'' or "Imagen:''image name''|''caption, possibly with links''". It also allows text taking the position of an image, but not with links: if a text entry contains a link, the whole entry is ignored; an image tag with square brackets is also ignored.
The gallery-tag is a quick way to show thumbnails in four columns. Each entry is of the form "Image:''image name'' or "Image:''image name''|''caption, possibly with links''". It also allows text taking the position of an image, but not with links: if a text entry contains a link, the whole entry is ignored; an image tag with square brackets is also ignored.


<pre><gallery>
<pre><gallery>
A-L
A-L
Imagen:Drenthe-Position.png|[[w:Drenthe|Drenthe]], the least crowded province
Image:Drenthe-Position.png|[[w:Drenthe|Drenthe]], the least crowded province
Imagen:Flevoland-Position.png
Image:Flevoland-Position.png
Image:Friesland-Position.png
Image:Friesland-Position.png
[[Friesland]] is beautiful
[[Friesland]] is beautiful