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

[KaroIina]

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

---

[Níobe]

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

[P h i l l l]

Parabéns ótimo post.

[KaroIina]

---

@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íobe]

---

@KaroIina 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!

[Pedreiro Sagaz]

TESTANTO

[KaroIina]

---

---

---

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

[Níobe]

É 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

[P h i l l l]

---

@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.

[Pedreiro Sagaz]

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

[KaroIina]

---

@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..

---

[Níobe]

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

[P h i l l l]

---

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!

[KaroIina]

---

@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..

---

[Youkai XXI]

Muito bom

[P h i l l l]

---

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.

[Remakke]

Excelente postagem ajudou bastante 😃

[Rei Dos Junglers]

Muito obrigado, me ajudou muito! GG

[Cadê você Timão]

Valeu, ajudou muito! GG

[Deusa lsis]

Test