cancelar
Showing results for 
Search instead for 
Do you mean 

✅ [GUIA] Assinaturas! TUTORIAL COMPLETO (Agora sim xD)

Dragão

✅ [GUIA] Assinaturas! TUTORIAL COMPLETO (Agora sim xD)


Eu já vi vários post's ensinando a adicionar Assinaturas, mas alguns ficam

confusos, outros não deixam muito bem claro o que é pra fazer, dúvidas surgem e

nenhuma é respondida feijoada.

 

Calma amiguinho, não é o fim do mundo! Estou aqui pra te ajudar, então vamos lá!

 


  • O que é uma assinatura? 

                A Assinatura, como o nome diz, é uma assinatura.. dãã
                
É um elemento que pode vir em imagem, texto, GIF, etc.
                que fica no final de cada post, ou seja, SUA ASSINATURA.
                
É isso que vai te tornar único no fórum, sua individualidade.

 

  • Legal.. Mas como eu coloco uma?

                É muito simples meu jovem, vou explicar pra você com imagens:


 

1 - Você deve clicar no seu nome. 

2 - Vai abrir uma caixa de opções, você vai selecionar "Minhas Configurações".

 

 

3 - Na aba "Pessoal", você escolhe a opção "Informações Pessoais".

4 - Aqui é onde toda a mágica acontece!

 

  • Aqui é onde eu dou Ctrl+C e Ctrl+V na imagem, certo?

                Não! Quem dera fosse fácil assim.. Você na verdade vai precisar do link 

                da sua imagem, tal link você vai conseguir em sites de upload de imagem,

                recomendo o Imgur, por ser bem fácil e intuitivo. 

                Entre no site e faça login, pode fazer pelo seu

                Facebook mesmo, no topo da página terá um botão escrito "New Post",

                clicando em cima vai aparecer uma janela, e é só arrastar sua imagem 

                pra dentro dessa tela que ela será upada! Viu? Simples demais!

                Terminado o upload de sua imagem, você vai fazer o seguinte:

 

5 - Você vai passar o mouse na imagem e aparecerá a tela em destaque, 

        passando o mouse na seta pra baixo (destacada com círculo verde),

        aparecerá algumas opções, clique na opção "Get share links".

 

 

6 - Irá abrir uma nova janela, aqui você terá seu grandioso link, 
        existem 4 opções, mas você escolherá "BBCode (Forums)".

               Se você for no seu perfil de imagens no Imgur, vai abrir todas suas

               imagens e clicando em uma delas vai abrir uma janela,

               onde você pode pegar o Direct Link, então basta copiar e colar no código.

                Você agora tem seu link da imagem, só falta adiciona-la!

                É DE EXTREMA IMPORTÂNCIA VOCÊ PEGAR APENAS O LINK

                OU SEJA, EXCLUIR [IMG] E [/IMG], Se não a imagem nem aparece.

                Para adicionar a imagem como sua Assinatura, você não vai colar

                o link somente, você vai precisar de um código..
                Como sou muito gente boa, entregarei o código, que é o seguinte:

Spoiler
<img src="AQUI VOCÊ COLA O LINK DE SUA IMAGEM">

                Pronto! Agora sua Assinatura está concluída! Meus parabéns!!

 

  • Muito obrigado, ana! Agora posso adicionar minha imagem 4K pikorosa,sentirão inveja de minha soberania!

                Bom... não.

                Imagens com dimensões muito extensas não serão aceitas como

                sua Assinatura. Atualmente o tamanho de sua Assinatura deverá ter 

                no máximo 1000 de Largura e entre 80 a 90 de Altura, é pequeno,

                porém breve (quem sabe), o tamanho seja aumentado, então

                aproveite o máximo esse pouco espaço e seja criativo!

 


FAQ

 

    A minha assinatura é pequena, então ela fica muito nos

   cantos, tem como deixar ela no centro?

            Sim! No código da sua Assinatura, basta acrescentar <center> e </center>

                  ficando assim:

 

Spoiler
<center><img src="SUA IMAGEM"></center>

     Minha Assinatura se mistura com meu post, não teria como

   separar minha Assinatura do corpo das minhas mensagens?

            Então... Ter tem, porém é chato. Usamos o código <hr> para separar fragmentos,

                  porém esse comando buga sua Assinatura, cortando a imagem, então fica feio 

                  demais, e ninguém quer isso certo?

                  Eu uso a forma manual, ou seja, eu utilizo o código HTML pra criar minhas mensagens 

                  e post's, porém pra quem não utiliza, é um porre ter que ficar mudando o tempo

                  todo.

                  Então por enquanto nada de usar <hr> pra quem é leigo no assunto

                  os deuses desse fórum estão trabalhando para melhorar isso!

 

     Eu queria tanto uma Assinatura legal, porém não sei fazer uma..

           Isso não é uma pergunta, mas relaxa que eu posso te ajudar! Eu fiz um tópico

                 explicando passo a passo como você pode criar sua própria Assinatura!

                 É bem simples, apenas Clique aqui e veja o vídeo ^^

 

 

Espero que tenha ajudado a todos, e quero ver todo mundo com umas Assinaturas muito lokas! 😉

Enfim..

 



Tags (1)
257 RESPOSTAS
Arauto

Re: Assinaturas! TUTORIAL quase COMPLETO :p

Alinhar a direita, você sabe o comando?! right não funciona..=/

Re: Assinaturas! TUTORIAL quase COMPLETO :p

Parabéns ótimo post.

Dragão

Re: Assinaturas! TUTORIAL quase COMPLETO :p


@Magi Uragh escreveu:

Alinhar a direita, você sabe o comando?! right não funciona..=/


Você usou <img src="ENDEREÇO_DA_IMAGEM" align="right"> ?

Geralmente o comando é esse kk

 

Percebi que a pequena Nami alí não é a única que você tentou colocar kkk 
Se você quer alinhar a Nami de um lado e a Lulu do outro, acho que não 

é possível (ainda).



Arauto

Re: Assinaturas! TUTORIAL quase COMPLETO :p


@ana Iuiza escreveu:

@Magi Uragh escreveu:

Alinhar a direita, você sabe o comando?! right não funciona..=/


Você usou <img src="ENDEREÇO_DA_IMAGEM" align="right"> ?

Geralmente o comando é esse kk

 

Percebi que a pequena Nami alí não é a única que você tentou colocar kkk 
Se você quer alinhar a Nami de um lado e a Lulu do outro, acho que não 

é possível (ainda).



Não. Usei <Right. Deduzindo o alinhamento a partir do <center. Vou testar esse outro.

Sabe pq uma imagem não fica logo na frente da outra?!

P.s. Parece que o Align right não funcionou...'-'

P.s2 Funcionou, mas só com a imagem!

Aronguejo

Re: Assinaturas! TUTORIAL quase COMPLETO :p

TESTANTO

Dragão

Re: Assinaturas! TUTORIAL quase COMPLETO :p




Não. Usei <Right. Deduzindo o alinhamento a partir do <center. Vou testar esse outro.

Sabe pq uma imagem não fica logo na frente da outra?!

P.s. Parece que o Align right não funcionou...'-'

P.s2 Funcionou, mas só com a imagem!


inline-block..
Deixa eu ver se eu entendi.. você quer por a imagem da Nami e a frase num canto só?

Se sim eu posso tentar fazer isso pra você..?
Mas colocar as duas imagens uma do lado da outra infelizmente não tem como, 

pelo menos não em meus conhecimentos kkk

 


Arauto

Re: Assinaturas! TUTORIAL quase COMPLETO :p

É pq é uma imagem da Lulu e uma da Nami, são gifs, eu queria uma no inicio da frase e a outra após a frase. Não consegui nem nas respostas fazer isso.
Mas se você conseguir da Nami já agradeço! :3

Re: Assinaturas! TUTORIAL quase COMPLETO :p


@Magi Uragh escreveu:
É pq é uma imagem da Lulu e uma da Nami, são gifs, eu queria uma no inicio da frase e a outra após a frase. Não consegui nem nas respostas fazer isso.
Mas se você conseguir da Nami já agradeço! :3

Por enquanto não tem como colocar uma imagem ao lado da outra. Por que a <img> nesse fórum tem a propriedade display: block; sendo assim ela ocupa todo espaço horizontal do elemento pai. Mas espero que eles mudem isso.

Aronguejo

Re: Assinaturas! TUTORIAL quase COMPLETO :p

AGR FOI !! TINHA ESQUECIDO DE DELETAR [IMG] e [/IMG]
Dragão

Re: Assinaturas! TUTORIAL quase COMPLETO :p


@Magi Uragh escreveu:
É pq é uma imagem da Lulu e uma da Nami, são gifs, eu queria uma no inicio da frase e a outra após a frase. Não consegui nem nas respostas fazer isso.
Mas se você conseguir da Nami já agradeço! :3

Eu consegui mais ou menos kkkk

Ficou bem simples porém é o máximo que posso fazer..
Se quiser mudar a fonte ou a cor da frase é bem fácil, na internet está cheio

de tutoriais, mas se precisar de ajuda estou sempre aqui 😘😘

 

Segue o código:

Spoiler
<img src="https://imgur.com/F9O9RiO.gif" align="right"><br><p align="right">Me compra uma pink!! :3</p>

Ah, e o divisor entre o post e a assinatura está meio bugado, se você quiser

o divisor você vai ter que por ele manualmente quando for postar ou responder

algo..
Se você bota <hr> lá nas configurações, a imagem é cortada, infelizmente..



Arauto

Re: Assinaturas! TUTORIAL quase COMPLETO :p

Parece que era o divisor que tava atrapalhando tudo mesmo.

 

Obrigado pessoa linda!! 

 

Colocaria um beijo da Katarina aqui, mas não sei onde os emotes foram parar...Smiley Sad

 

 

Re: Assinaturas! TUTORIAL quase COMPLETO :p


Eu consegui mais ou menos kkkk

Ficou bem simples porém é o máximo que posso fazer..
Se quiser mudar a fonte ou a cor da frase é bem fácil, na internet está cheio

de tutoriais, mas se precisar de ajuda estou sempre aqui 😘😘

 

Segue o código:

Spoiler
<img src="https://imgur.com/F9O9RiO.gif" align="right"><br><p align="right">Me compra uma pink!! :3</p>

Ah, e o divisor entre o post e a assinatura está meio bugado, se você quiser

o divisor você vai ter que por ele manualmente quando for postar ou responder

algo..
Se você bota <hr> lá nas configurações, a imagem é cortada, infelizmente..



 

GOD!

Dragão

Re: Assinaturas! TUTORIAL quase COMPLETO :p


@Pintin escreveu:
AGR FOI !! TINHA ESQUECIDO DE DELETAR [IMG] e [/IMG]

Acontece nas melhores famílias kkkk

Aliás, adorei a sua Assinatura 😂😂
Tem aquele charme que quase nenhum tem..



Highlighted
Aronguejo

Re: Assinaturas! TUTORIAL quase COMPLETO :p

Muito bom

Re: Assinaturas! TUTORIAL quase COMPLETO :p


Acontece nas melhores famílias kkkk

Aliás, adorei a sua Assinatura 😂😂
Tem aquele charme que quase nenhum tem..




Valeu <3. Se quiser uma clica nela e me envia uma msg no twitter.

Aronguejo

Re: Assinaturas! TUTORIAL quase COMPLETO :p

Excelente postagem ajudou bastante =)

Re: Assinaturas! TUTORIAL quase COMPLETO :p

Muito obrigado, me ajudou muito! GG

Re: Assinaturas! TUTORIAL quase COMPLETO :p

Valeu, ajudou muito! GG

Re: Assinaturas! TUTORIAL quase COMPLETO :p

Test