Desciclopédia:Tutorial/imagens

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 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:

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:

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:

Ao clicar nesta imagem, você irá ser levado a esta página, que é a "Mesa de Truco" da Desciclopédia.

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

• 

  Dercy Gonçalves

• 

  Lado rosa da força

• 

  Chuck Norris

• 

  Hitler, o emo psicopata

• 

  Diabo

• 

  Outro diabo

Adicionar vídeos do youtube

<YouTube> title=Meus pontos de vida movie_url=http://www.swfupload.com/files/21596hpbar.swf embed_source_url=http://www.swfupload.com/files/21596hpbar.swf wrap=no width=370 height=100 </YouTube>

title=Qualquer título

movie_url=http://www.youtube.com/watch?v=wZ7YedEopp4 (O endereço)

embed_source_url=http://www.youtube.com/v/wZ7YedEopp4

wrap=no

width=400

height=200

</YouTube>

Fica assim:

Maisa dança créu