29/08/2015

Como colocar o widget sob um background?

yoooo || wtfhi on tumblr

Oii♥

An?? Como assim? Widget é tipo: fan box do facebook ou twitter, player de youtube, gadget de seguidores e por ai vai... O widget do exemplo abaixo é o código da caixinha de mensagem C-box do blog Cherry Bomb.

Confira:



Vamos aprender?

Layout > adicionar gadget > Html/JavaScript > e cole o seguinte código a seguir:






Código:

<div style="background:url(endereço da imagem) left no-repeat; height: 100px; width: 256px;"><div style='float:left; padding-top:68px; padding-left:155px;'>código do contador de visitas</div></div>


Vermelho endereço da imagem a ficar como fundo 
Roxo código do widget (fan box do facebook ou twitter, player de youtube, gadget de seguidores...)
Azul altura da imagem que você vai usar
Laranja largura da imagem que você vai usar
Verde direção que ele irá ficar
Exemplo: left (esquerda)  right (direita)

Azul turquesa distância em que o objeto que vai ficar sobre a imagem em relação ao topo. Lembrando que existem números positivos 0 1 2 3 4... e negativos -1 -2  -3 -4...
Lilás é a distância que o objeto vai ficar sobre a imagem em relação ao lado esquerdo. O mesmo será feito com o exemplo citado anteriormente.


Crédito do tutorial Trashy Girl
Beijos!



Nenhum comentário:

Postar um comentário

Olá! Obrigada pela sua visita e comentário. Só peço que não venha com palavras de baixo calão!

Agradeço, desde já!♥