Botão CSS

[ThyagoSic 0]

Galera, acabei criando o seguinte botão no photoshop e gostaria de exportar para o CSS.

 

 

De modo que ao posicionar o mouse sobre qualquer parte do botão, o link fosse ativado.

 

Alguém tem alguma sugestão de como devo fatiar e programar o código?

[William Bruno 1501]

Como pretende fazer a marcacao HTML disso?

pode definir height e width em pixels??

 

Sabe trabalhar com display: block?

O texto vai ser um texto mesmo? ou vai ficar na imagem ?

 

E qnto a altura da fonte, e o padding?..

 

existem varias alternativas.. se você for reutilizar essa imagem em varios botoes, criar um filete horizontal, e manipular o boxmodel, eh a melhor delas.

Nao entendi qual eh a duvida, mas acredito que a solucao deste menu, te ajude:

http://forum.imasters.com.br/index.php?/topic/354140-repente-css-menus/page__view__findpost__p__1341165

[Aprendiz CSS 3]

eu tenho suas

 

1º Crie somente o fundo do botão (sem o texto escrito)

Digite o texto através da tag "a" e posicione o texto no meio da imagem

A imagem deve estar como background (mais elegante né)

no a:hover voce faz o text-decoration: underline

 

2º Crie duas imagens e faça no :hover a troca dos backgrounds

 

abraço

[ThyagoSic 0]

Como pretende fazer a marcacao HTML disso?

pode definir height e width em pixels??

 

Sabe trabalhar com display: block?

O texto vai ser um texto mesmo? ou vai ficar na imagem ?

 

E qnto a altura da fonte, e o padding?..

 

existem varias alternativas.. se você for reutilizar essa imagem em varios botoes, criar um filete horizontal, e manipular o boxmodel, eh a melhor delas.

Nao entendi qual eh a duvida, mas acredito que a solucao deste menu, te ajude:

http://forum.imasters.com.br/index.php?/topic/354140-repente-css-menus/page__view__findpost__p__1341165

 

Não sei como irei fazer a marcação HTML, mas como o amigo acima citou, o que eu tinha em mente era colocar a imagem como background de uma div, colocar o texto dentro e utilizar tudo como link, div e texto, saca?

 

Só queria saber se existe uma forma melhor de fazer isso...

 

O tópico do link que você postou já ajudou bastante também... vlw

[Thiago Retondar 18]

Eu não consegui identificar muito bem, mas ali no botão, há curvas nos cantos?

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif