Desciclopédia:Tutorial/imagens

Origem: Desciclopédia, a enciclopédia livre de conteúdo.
Ir para: navegação, pesquisa
Este artigo pertence ao

Tutorial Básico de html e wiki

Secções...

Introdução
Sobre o site
Criar um artigo
Adicionar links internos e externos
Negrito, itálico, parágrafos e etc.
Separar artigos em seções
Adicionar/criar categorias
Adicionar imagens e vídeos
Adicionar sons
Mover páginas
Escrever citações
Adicionar/criar predefinições
Páginas de discussão
Arquivamento de discussão
Como criar uma página de usuário
Personalizar assinatura
Criando o seu status
Utilizar HTML
Solução de problemas
Página de testes

Para os formandos do curso básico:

Tutorial intermediário de HTML e Wiki

Para adicionar imagens, autentique-se e clique em "carregar arquivo" do lado esquerdo da página. Após upá-lo na Desciclopédia você pode adicioná-lo em artigos usando a tag [[imagem:NOMEDAIMAGEM]]. Lembre-se de colocar a extensão do arquivo (.jpg, .gif...) no final do nome, diferenciando maiúsculas de minúsculas. ex:

[[imagem:NOMEDAIMAGEM.jpg]]

[[imagem:NOMEDAIMAGEM.gif]]

e assim por diante.

Como ajeitar uma imagem num artigo

[[imagem:NOMEDAIMAGEM|left]] - Deixa a imagem à esquerda do texto.
[[imagem:NOMEDAIMAGEM|right]] - Deixa a imagem à direita do texto.
[[imagem:NOMEDAIMAGEM|thumb|DESCRIÇÃO]] - Adiciona uma descrição embaixo da imagem
[[imagem:NOMEDAIMAGEM|thumb|200px]] - Altera o tamanho da imagem (dependendo o número pode deixá-la maior ou menor)
  • Você pode colocar vários parâmetros na imagem, por exemplo:

:[[imagem:NOMEDAIMAGEM|left|thumb|200px|Essa é a minha imagem]]

Links nas imagens

Quando você coloca uma imagem, ao se clicar nela, você é direcionado à página da imagem. Exemplo:

Ao clicar nesta imagem, você irá ser levado a esta página, que é a página do arquivo da imagem.

Entretanto, você pode mudar o link para que ao se clicar na imagem, ela redirecione a uma página:

[[imagem:NOMEDAIMAGEM|link=LINKDAIMAGEM]] - Substitua "LINKDAIMAGEM" pelo nome da página a qual você quer que a imagem redirecione. Exemplo:
Ao clicar nesta imagem, você irá ser levado a esta página, que é a "Mesa de Truco" da Desciclopédia.

OBS: Você também pode colocar a imagem desta maneira:

[[imagem:NOMEDAIMAGEM|link=]]

Deste jeito, a imagem não irá ser um link, e ao se clicar nela, não vai acontecer nada.

ATENÇÃO: Nenhum destes parâmetros funciona com o parâmetro thumb. Caso você deseje colocar link numa imagem com thumb, o procedimento é diferente:


<imagemap>
Imagem:NOMEDAIMAGEM|thumb
default [[NOMEDAPAGINA]]
</imagemap>

Que irá resultar no seguinte:

OBS: A tag imagemap também pode ser usada pra criar imagens sem o parâmetro thumb. Basta você remover este parâmetro da tag. Entretanto, é mais simples fazer da maneira explicada acima.

Galeria

  • Para criar uma galeria, utilize o comando gallery, exemplo:

<gallery>
imagem:NOMEDAIMAGEM1|descrição
imagem:NOMEDAIMAGEM2|descrição
imagem:NOMEDAIMAGEM3
</gallery>

Repare que as primeiras duas imagens da galeria terão uma descrição e a terceira não. E você não pode alterar o tamanho das imagens da galeria, que já são predeterminados.

Exemplo de galeria

Adicionar vídeos do YouTube

<YouTube>

title=Qualquer título

movie_url=http://www.youtube.com/watch?v=4PMOgF3oULc (o endereço comum)

embed_source_url=http://www.youtube.com/v/4PMOgF3oULc (o endereço para embed)

wrap=no

width=400 (largura em pixels)

height=200 (altura em pixels)

</YouTube>


Ou, de uma maneira mais simples:

<youtube>4PMOgF3oULc</youtube>

...produz o mesmo resultado, onde a parte destacada são os caracteres do final.


Fica assim: