Como criar botões com CSS
Dicas Blogger -
Dicas Blogger -
12/06/2011 -
Nenhum comentário(s)
Com o advento e avanço do CSS 3, muitos designers estão optando por reduzir o uso de imagens em sites, a fim de aumentar a velocidade das páginas da web. Eu já ensinei algumas técnicas legais pra deixar seu blog do Blogger mais bonito e profissional e hoje vou explicar como criar botões (buttons) usando apenas CSS.
Entre no site Button Maker e utilize o painel da direita para personalizar o botão:
Use os 3 controles deslizantes para escolher o tamanho e profundidade do botão.
Embaixo, escolha as cores da seguinte maneira: Top Gradient Color: cor do topo em gradiente Bottom gradiente color: cor de baixo em gradiente Top Border Color: cor da borda do topo Hover background color: cor do fundo ao passar o mouse Text Color: cor do texto Hover Text Color: cor do texto ao passar o mouse Active background color: cor de fundo ao clicar no botão
Depois que o botão estiver pronto, clique sobre ele e copie o código.
Entre no painel do Blogger, clique em design>editar HTML. Faça um backup do template e cole o código antes da tag ]]></b:skin> (use o Crtl+F do teclado para encontrá-la). Substitua o ponto (.) que está antes de cada palavra “button” por jogo da velha (#). Ficará assim: #button. Visualize e salve.
Em “elementos de página”, clique em adicionar gadget HTML/javascript.
Cole este código:
<div id="button>ESCREVA AQUI O TEXTO</div>
Escreva, no local indicado, o texto que deverá aparecer no botão. Se quiser colocar um link, use este outro código:
<div id="button"><a href=”LINK”>TEXTO</a></div>
Pronto! Agora seu blog já tem um botão fei
... veja o post completo
Veja estes outros posts:
- MEUS BOTÕES
SÃO PAULO (o relógio marca…) – Não espere nada muito original. Acho que todo mundo que já foi criança e se mete a escrever de vez em quando já escreveu sobre seus botões. Sobre grandes clássicos solitários, ou campeonatos com os amigos, primos e irmãos, golaços, partidas épicas, aquele botão...- OOMouse tem 18 botões
Épico
Desenvolvido pela WarMouse em parceria com a equipe responsável pelo pacote de escritório gratuito OpenOffice.org, o OOMouse é "o primeiro mouse multibotões desenhado para uma ampla variedade de softwares, incluindo Adobe Photoshop, Autodesk AutoCAD, Microsoft Office e OpenOffice.org".
O...- Botões de RSS para o seu blog
RSS é hype, e isso você já sabe, não é? O único problema, enfrentado por muitos blogueiros, é como “instalar isso” em seu blog. Primeiro de tudo, você tem que saber se o seu sistema de postagem oferece esse serviço. Atualmente, é difícil achar algum que não tenha essa ferramenta. Então, mão às...- Formatando texto com CSS
Outra coisa importante para melhorar um site, é a personalização dos textos. O CSS permite que façamos muitas coisas interessantes, como escolher o tipo de fonte, tamanho, cor, se maiúscula, normal ou minúscula e etc
As fontes
Uma fonte é um conjunto de grifos. A grosso modo, é a letra que...- Novo iPod Shuffle: os botões estão de volta!
Steve Jobs subiu no palco Yerba Buena Center of Arts para apresentar uma linha de iPods completamente renovada (com exceção do iPod Classic, que não foi citado no evento). Confira as novidades do iPod Shuffle, o menor dos iPods. A primeira coisa que salta aos olhos no novo iPod Shuffle é que ele...
AVISO: O blogolhada não se responsabiliza pelos posts constantes no site, sendo estes de responsabilidade única e exclusiva de cada autor. VISITE o site de origem e consulte informações com o autor para evitar possíveis transtornos.