Para adicionar um gadget de compartilhamento horizontal fixo na página, igual ao do Dicas Gadgets. Basta ir em design, adicionar um gadget Html/Java Script e copiar e colar o seguinte código.
Salve e veja o resultado.
Para trocar de lado procure essa parte no código float:left;width:453px; e basta substituir left por right no código.
Caso o gadget não se alinhe adequadamente com a lateral esquerda procure essa parte no código margin-left:-165px; e mude o valor do numero nessa parte sempre ficando negativo. Quanto maior o valor negativo mais perto fica da lateral esquerda e quanto menor o valor negativo mais longe da barra lateral vai ficar.
E caso você alterar o lado para a direita, terá que mudar o valor na mesma parte do código margin-left:-165px; alterando o numero, deixando o numero positivo e quanto maior o numero positivo mais perto da lateral direita ficara.
Para alterar o comprimento e ficar igual ao meu altere esta parte do código float:left;width:453px;, mudando o numero conforme o valor desejado.
E para mudar a cor do fundo altere essa parte do código background-color:#ffffff; trocando a parte em vermelho pela desejada.
Se quisser mudar a cor da borda altere esta parte border:1px solid #999;border-right:solid 1px #999">
alterando a parte em vermelho pelo cor que escolher.
Postagem Atualizada 29/11/2013, Com Novo Código do Gadget. Se gostou comente, compartilhe.
Assinar:
Postar comentários (Atom)
Segui a dica mas o gadget ficou um "quadrado" no canto. Como faço para ficar na horizontal, em uma linha, como no seu site?
ResponderExcluirObrigado!
Ja tentou mudar as medidas do gadget nessa parte para ajustar a seu site.
Excluirbottom:-9px; left:0px;padding:2px"><div
Segui a dica mas o gadget ficou um quadrado no canto. Como faço para ficar na horizontal, em uma linha, como no seu site?
ResponderExcluiragradeço desde ja
Ja tentou mudar as medidas do gadget nessa parte para ajustar a seu site.
Excluirbottom:-9px; left:0px;padding:2px"><div
O meu funcionou perfeitamente ;D
ResponderExcluirObrigada!