Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

FrozenGraveyard

avatar
Membro Honorário I
Membro Honorário I
.:IMAGENS:.
BY AKIMENERUS



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


.:A TAG IMG:.

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:

[Você precisa estar registrado e conectado para ver esta imagem.]

Colocando entre as tags:

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

Resultado:

[Você precisa estar registrado e conectado para ver 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

[Você precisa estar registrado e conectado para ver esta imagem.]

Spoiler:
O IMAGESHACK é superconhecido por muitos por sua facilidade em hospedar imagens.Apesar de limitar em questão de rapidez e segurança para suas imagens hospedadas.

1° passo: Acesse o link do IMAGESHACK

[Você precisa estar registrado e conectado para ver este link.]

[Você precisa estar registrado e conectado para ver esta imagem.]

2° passo: Clique no botão BROWSER

[Você precisa estar registrado e conectado para ver esta imagem.]

3° passo: Localize a imagem que queira hospedar e depois clique em ABRIR.

[Você precisa estar registrado e conectado para ver esta imagem.]

4° passo Se der tudo certo, na barra ao lado de Cancel estara o endereço da localização da imagem pelo seu computador. Em baixo da caixa tem START UPLOAD.Clique nesse botão.

[Você precisa estar registrado e conectado para ver esta imagem.]

5° passo Aguarde carregar e no nome da janela de seu browser aparecerá Imageshack - done e você será redirecionado para uma tela assim:


[Você precisa estar registrado e conectado para ver esta imagem.]

6° passo
Copie o endereço onde está mostrado e cole entre as tags de imagem dessa forma:

Código:
[img]http://img197.imageshack.us/img197/9330/shinigaminoballadposter.jpg[/img]

O Resultado final será esse.

[Você precisa estar registrado e conectado para ver esta imagem.]

[Você precisa estar registrado e conectado para ver esta imagem.]

Tutorial retirado de: [Você precisa estar registrado e conectado para ver este link.]

Spoiler:
Apesar do hospedeiro parecer complicado para upar imagens.Ele é mais simples do que se parece.Oferecendo segurança entre outras qualidades

1° passo:
Acesse o link do PHOTOBUCKET

[Você precisa estar registrado e conectado para ver este link.]

2° passo: É necessário que você esteja cadastrado no photbucket para upar imagens.Clique em JOIN NOW e siga todos os passos até você obter uma conta.

3° passo: Depois de criada a conta, clique em "Choose Files" para pegar no seu computador, a sua imagem (arquivo).

[Você precisa estar registrado e conectado para ver esta imagem.]

4° passo:- Agora clique na imagem (arquivo) desejado (seta azul) depois, clique em abrir (seta vermelha)

[Você precisa estar registrado e conectado para ver esta imagem.]

5° passo:- Quando abrir a nova página, clique em "skip this step now".

[Você precisa estar registrado e conectado para ver esta imagem.]

6° passo:- Depois em "Direct Link", e pegue o código da sua imagem.

[Você precisa estar registrado e conectado para ver esta imagem.]

Use o mesmo processo pro código de imagem, obs, o link do tuto acima não consegui encontrar.Então estou usando uma outra imagem,mas hospedado pelo photobucket sob o mesmo processo:

Código:
[img]http://i615.photobucket.com/albums/tt238/Akimenerus/PC.png[/img]

O Resultado final será como esse:

[Você precisa estar registrado e conectado para ver esta imagem.]
PRINTSCREENS

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.

.:IMAGENS COMBINADAS COM TAGS:.

IMAGEM COM HIPERLINK

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:

[Você precisa estar registrado e conectado para ver 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:

[Você precisa estar registrado e conectado para ver 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.

[Você precisa estar registrado e conectado para ver 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][Você precisa estar registrado e conectado para ver esta imagem.][/code]

RESULTADO:

[Você precisa estar registrado e conectado para ver esta imagem.]


AJUSTE DE POSIÇÕES

Como deixo a imagem centralizada?


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

[code][/code]

Ex:

[Você precisa estar registrado e conectado para ver esta imagem.]

Aplicando as tags center:

[code]
[Você precisa estar registrado e conectado para ver esta imagem.]
[/code]

Resultado:
[Você precisa estar registrado e conectado para ver esta imagem.]


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:

[Você precisa estar registrado e conectado para ver este link.]

Aplicando a Tag IMG:

[code][Você precisa estar registrado e conectado para ver esta imagem.][/code]

RESULTADO:

[Você precisa estar registrado e conectado para ver esta imagem.]

Aplicando o complemento Width e Height:

Quero redimensiona-la para 120 x 210

Aplicando o complemento

[code][Você precisa estar registrado e conectado para ver esta imagem.]][/code]

Resultado:

[Você precisa estar registrado e conectado para ver esta imagem.]


AVATARES

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


A TAG DE RODIZIO

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!

Ver perfil do usuário

BrunoFox

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



[Você precisa estar registrado e conectado para ver esta imagem.]
Ver perfil do usuário http://templorpgmakerbr.forumeiros.com

FrozenGraveyard

avatar
Membro Honorário I
Membro Honorário I
Sim postei com esse intuito tipo muitos perguntam como postar imagens ;)

Ver perfil do usuário

Dr.

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



Este usuário foi banido do fórum, não responderá mensagens privadas nem nada até 2038.
Ver perfil do usuário

Conteúdo patrocinado


Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum