Diferencia entre revisiones de «Manual de Referencia para Subir Archivos»
| (No se muestran 20 ediciones intermedias del mismo usuario) | |||
| Línea 35: | Línea 35: | ||
:'png', 'gif', 'jpg'/'jpeg', 'ogg'. | :'png', 'gif', 'jpg'/'jpeg', 'ogg'. | ||
== | ==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). | ||
[[Help:Piped link|Piped link]]s work as usual. | |||
[[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. | |||
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 60: | Línea 66: | ||
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) | ||
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: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. | ===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. | [[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}} | ||
{{ | |||
[[imagen:tst. | 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. | ||
[[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'' | |||
===Imagen a la derecha=== | |||
[[imagen:tst. | '''<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. | ||
[[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}} | |||
===Usando la anchura completa=== | |||
= | [[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í. | ||
===Imagenes en linea=== | |||
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. | |||
El tamaño de las imágenes puede reducirse pero no puede ampliarse. | |||
''''' | 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". | ||
'''''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">[[ | <pre><div style="position: relative">[[Image:Map South Holland.png]] | ||
<div style="position: absolute; left: 244px; top: 67px">[[ | <div style="position: absolute; left: 244px; top: 67px">[[Image:Tst.png]]</div> | ||
<div style="position: absolute; left: 249px; top: 72px">[[ | <div style="position: absolute; left: 249px; top: 72px">[[Image:Tst.png]]</div> | ||
<div style="position: absolute; left: 264px; top: 112px">[[ | <div style="position: absolute; left: 264px; top: 112px">[[Image:Tst.png]]</div> | ||
<div style="position: absolute; left: 10px; top: 10px">[[ | <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">[[ | <div style="position: relative">[[Image:Map South Holland.png]] | ||
<div style="position: absolute; left: 244px; top: 67px">[[ | <div style="position: absolute; left: 244px; top: 67px">[[Image:Tst.png]]</div> | ||
<div style="position: absolute; left: 249px; top: 72px">[[ | <div style="position: absolute; left: 249px; top: 72px">[[Image:Tst.png]]</div> | ||
<div style="position: absolute; left: 264px; top: 112px">[[ | <div style="position: absolute; left: 264px; top: 112px">[[Image:Tst.png]]</div> | ||
<div style="position: absolute; left: 10px; top: 10px">[[ | <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">[[ | <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">[[ | <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 " | 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 | ||
Image:Drenthe-Position.png|[[w:Drenthe|Drenthe]], the least crowded province | |||
Image:Flevoland-Position.png | |||
Image:Friesland-Position.png | Image:Friesland-Position.png | ||
[[Friesland]] is beautiful | [[Friesland]] is beautiful | ||