Tutorial: posicionando gadgets!

| |

Oi vocês! O tutorial de hoje é muuuuito fácil de se fazer e dá um efeito bem legal nos seus gadgets que tem html/java, porque você pode posicionar o conteúdo onde quiser (até mesmo fora do gadget), então tem como colocar seu menu e etc em qualquer lugar, sem precisar mapear imagens e tal.
Exemplos a seguir:

(desculpem a marca d'água, but plágio existe)

Vamos lá?
Pra começar, você já precisa ter algum código que queira mudar a posição, claro.

1-Vá em Layout
2-No gadget com o seu código
3-Mova ele para o lugar mais perto que quer que fique (se quer que fique no mesmo gadget, mas mais pro lado ou pra cima/baixo, que nem no segundo exemplo, pule essa parte)
4-Clique em editar
5-Cole o seguinte código antes do seu código:
<div style="right: 20px; margin-top: 10px; position: absolute;">
6-Cole o seguinte código depois do seu código:
</div>
7-Altere os valores coloridos conforme a descrição abaixo, até ficar no lugar que você quer:
Roxo: serve pra alinhar o código á direita. Quanto maior for o valor, mais pra esquerda ele vai, quanto menor, mais pra direita.
Azul: 10px; serve pra colocar o código mais pra cima ou mais pra baixo. Quanto maior o valor for, mais pra baixo; quanto menor, mais pra cima.
8-Visualize se está certo e salve.

Foi issoooooo, conseguiram fazer? A única coisa ruim é que dependendo do dispositivo e do navegador no qual é acessado, pode estar um tanto diferente. Se tiverem alguma dúvida, podem perguntar que eu ajudo <3
E se for republicar o tutorial, nos avise nos comentários e deixe os créditos para o nosso blog em sua postagem ^^.

xoxo

3 comentários:

  1. Ótimo post, dica super legal. Tenho certa dificuldade com códigos mas seu post esta bem detalhado e de
    fácil entendimento, parabéns. >.<
    www.blogsemneura.blogspot.com.br

    ResponderExcluir
  2. Ótimo post, dica super legal. Tenho certa dificuldade com códigos mas seu post esta bem detalhado e de
    fácil entendimento, parabéns. >.<
    www.blogsemneura.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Obrigada <3 fiquei preocupada porque achei que tinha ficado confuso, mas que bom que gostou ^^

      Excluir