Bom,estive observando que com a atualização do fórum para o SMF 2.0 RC2, surgiu a nova tag de rodizio de imagens e vi que haveria de explicar mais coisas detalhadamente.Atualizei sobre o uso de avatares e sobre a tag[/box]



1 - Tag IMG
2 - Imagens combinadas com tags
3 - Avatares
4 - A tag de rodizio



Muitos iniciantes que não tem muito convivio com a internet e querem pedir uma explicação ou dispor um tutorial tem sérios problemas com a tagzinha de imagem.

Mas como é essa tag?

Código:

[img][/img]

Quando um link de uma imagem hospedada é colocada entre essas tags.Permite a visualização direta dela do hospedeiro para o fórum.

Como as tags funcionam?

é simples, basta colocar o link de uma imagem hospedada entre as tags.

EX:

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Colocando entre as tags:

Código:

[img]http://i202.photobucket.com/albums/aa162/inoue_04/angel.jpg[/img]

Resultado:

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Bonita essa imagem não é?^^ [off-topic]Me lembra a Armina[/off-topic]

Enfim,da onde surgiu esse link?

Do hospedeiro Photobucket.

Como faço pra conseguir essa URL?

Basta upar sua imagem pra internet por um hospedeiro como esse.

E como faço isso?

Agora veremos como conseguir o link desse hospedeiro.

O que muitos fazem quando não sabem como hospedar a imagem em um site desses?

Eles simplesmente pegam o endereço do próprio computador dessa maneira:

Código:

[img]C:\Documents and Settings\Acer\Meus documentos\250px-MiaPromo.JPEG[/img]

E o resultado?

Não aparece nada.Por que o fórum não reconheceu o endereço.

Agora, sigam os passos abaixo para quem não sabe como obter um endereço.Nesse tuto ensinarei [desc=com gravuras]passo a passo [/desc] como hospedar imagens pelo IMAGESHACK e pelo PHOTOBUCKET

Spoiler:

Tutorial retirado de: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Spoiler:

Tem sempre a pergunta em um tutorial ou duvida se dá para tirar um print de seu problema ou do tutorial e alguns perguntam: mas como faz isso?

É simples. Visualize o que você quer tirar exatamente e aperte a tecla PrintScreen de seu teclado (geralmente ela tá ao lado do F12) e cole em um editor de imagem.Fazendo em seguida um dos processos acima.


Outra coisa que iniciantes boiam, confesso que eu tmb boiei no inicio foi em relação a criar imagens com hiperlink.

Sim, são aquelas imagens que quando clicamos, somos redirecionados para outra pagina.Geralmente aqui no fórum para o tópico de um projeto.

1° passo: Use o código de imagem como nos outros casos:

Ex:

LINK DA IMAGEM:

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Inserindo no código:

Código:

[img]http://ps2media.gamespy.com/ps2/image/article/681/681824/wild-arms-4-20060118113058252-000.jpg[/img]

Resultado:

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

2° passo: Coloque o código de imagem entre as seguintes tags

Código:

[url="link da pagina"][/url]

onde em "link da pagina" você deve colocar a URL da pagina redirecionada.

EX:

Vou adicionar o seguinte link aonde a imagem acima ao ser clicada redicionará o usuario a um video do youtube sobre o sistema de batalha de Wild Arms 4.

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

[code][code][/code]

3° passo: E por fim coloque o link da imagem entre as tags IMG dentro da tag URL

EX:

[code][Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem][/code]

RESULTADO:

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]



Como deixo a imagem centralizada?

Insira o link da imagem com as tags IMG entre as tags:

[code][/code]

Ex:

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Aplicando as tags center:

[code][/code]

Resultado:

Como redimensiono a imagem dentro do fórum?

Para isso você deve usar na tag IMG o complemento Width e Height

Como são essas tags?

[code][img width="x" height="y"][/img][/code]

Onde "x" é a largura e "y" é a altura.

EX:

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Aplicando a Tag IMG:

[code][Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem][/code]

RESULTADO:

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Aplicando o complemento Width e Height:

Quero redimensiona-la para 120 x 210

Aplicando o complemento

[code][Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]][/code]

Resultado:

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]



Pode não ser perceptivel,mas acredito que alguns membros tenham problemas em colocar avatares personalizados em seu perfil.

De acordo com o Atoa, o tamanho máximo para um avatar é de 150 x 200 (se não é, algo parecido).

A questão é que um membro faz aquele super avatar com 27 photoshopadas e tenta upar pro perfil mas logo em seguida recebe a mensagem.

Ocorreu o seguinte erro.
O avatar que escolheu é grande demais.

Evitando alguns palavrões e palavras de baixo escalão que alguns da Staff ou membro veterano podem receber em um tópico dito por esses membros.É necessário entender que não é só o tamanho que varia na postagem do avatar. Mas também o PESO que é de no máximo 100 kb.

Enfim, uma imagem que respeite essas larguras mas que tambem não ultrapasse o peso maximo permitido será usada com sucesso para a exibição do avatar.

Como faço isso?

Segue algumas dicas para a atualização do avatar seja concluida.




Peso: no máximo de 60 à 78 kbytes
Formato: JPEG
Medidas200 de altura no máximo por 150 de largura no máximo



Com a nova atualização do forum, quem leu o quadro de noticias vai perceber um dos comentarios do atoa sobre uma nova tag em questão na assinatura:

- Rodízio de imagens na assinatura:
Agora é póssivel definir imagens que se alteram na assinatura, elas mudam cada vez que a página é atualizada. Assim você pode adicionar várias imagens diferentes sem pesar a pagina.

Sim, para executar essa tarefa, primeiro vá no seu perfil.

Logo depois vá em modificar perfil > Perfil no fórum

Logo em seguida, percebera uma nova linha de comando de hospedagem acima da caixa de edição de assinatura.

É por ali que eu faço esse rodizio?

Sim. Primeiramente clique em Arquivo

Logo depois localize sua primeira imagem e clique em OK

Em seguida clique em upload para upar a imagem.

Agora depois de alguns segundos, vai aparecer um bbc code acima da imagem da assinatura, copie e cole esse bbc code no campo da sua assinatura.

Logo depois,se quiser acrescentar mais imagens para que o rodizio funcione,repita os passos acima.

Tutorial feito por Areksu!

É... Vai ser útil para quem não sabe utilizar o fórum direito...

o da escrito so o admistardores pode vem os links arruma isso bruno !