Jump to content


Photo

Pessoal Me Deem Sugestões.. Please!


  • Faça o login para participar
8 replies to this topic

#1 Augusto Saggese

Augusto Saggese

    12 Horas

  • Usuários
  • 218 posts
  • Sexo:Masculino
  • Localidade:Rio de Janeiro
  • Interesses:(X)HTML, CSS, PHP, MySQL, ASP, JAVASCRIPT entre outros!

Posted 15/02/2008, 03:43

bom.. www.augustosaggese.com

Ta vendo o menu?

eu keria fazer algo com a:link / a:hover

como n da por ser img..

sei lá, botar para cada link a imagem do menu com a cor do link diferente..

Exemplo: quando eu passar o mouse no home.. terá um hollover da mesma img(menu).. apenas com o home pintado de amarelo por exemplo!

mas acho q vai ficar mt pesado.. oq posso fazer pessoal?

n kero mudar o menu.. fazer outro é facil.. mas nesse estilo é complicado.. pq as bordas arredondadas perdem mt a qualidade..

me ajudem ae.. é possivel um "a:link e a:hover" nesta img do menu?

Edição feita por: Augusto Saggese, 15/02/2008, 03:45.

www.augustosaggese.com - "Na batalha da vida, só existem homens fortes, e um homem forte, sempre determina o seu destino".

#2 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 15/02/2008, 06:58

Com php você não fará nada.

Não tem como mudar uma imagem inteira. O melhor seria você criar os menus separados e colocar um efeito em cada um, com css.
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#3 AN Web Designer

AN Web Designer

    Super Veterano

  • Usuários
  • 1861 posts
  • Sexo:Masculino
  • Localidade:Rio de Janeiro

Posted 15/02/2008, 14:35

Fala aí Augusto Saggese !!! (y)

Opções para trabalhar o menu:

> CSS
> Flash
> Dreamweaver

Pode trabalhar com a troca de imagens que não fica tãooooo pesado não.

Vamos ver isso, como fica:

Faça seu menu (ícones) nas duas cores (1 e 2)

> No Dreamwever, vamos trabalhar com Imagens Rollover;

> No seu exemplo um menu com 6 ícones, insira uma tabela com 1 linha e 6 colunas;

> Coloque o cursor do mouse na primeira célula e vá em Insert > Image Object > Rollover Image.

> Ao abrir a paleta, configure da seguinte forma:

Image name: É um nome que podemos dar ao botão
Original image: é o caminho onde encontra-se o primeiro botão
Rollover image: é o caminho onde encontra-se o segundo botão
Alternet text: Texto que aparecerá ao passar o mouse sobre o botão
When clicked, Go to URL: É o link de destino do botão

> Tendo feito esta configuração, teste e haverá a troca de imagens.

Diga aí, se essa alternativa lhe ajuda.

Sobre a possibilidade de Flash, pode-se trabalhar com imagens e inserir um sound, e com CSS seria interessante um menu de texto.


AN :)

#4 Augusto Saggese

Augusto Saggese

    12 Horas

  • Usuários
  • 218 posts
  • Sexo:Masculino
  • Localidade:Rio de Janeiro
  • Interesses:(X)HTML, CSS, PHP, MySQL, ASP, JAVASCRIPT entre outros!

Posted 15/02/2008, 16:26

eu n falei nada de php alex..

e AN eu n kero usar tabelas.. podre d+

kero usar CSS

porem... mantendo a forma do menu!
www.augustosaggese.com - "Na batalha da vida, só existem homens fortes, e um homem forte, sempre determina o seu destino".

#5 Paulo André

Paulo André

    Why so serious?

  • Ex-Admins
  • 5114 posts
  • Sexo:Masculino
  • Localidade:Belo Horizonte - MG
  • Interesses:O.Q.F.J.?

Posted 15/02/2008, 16:30

eu n falei nada de php alex..

Você postou no fórum de PHP, logo, qualquer um iria imaginar que você queria a solução em PHP. (y)Até mais
Paulo André G Rodrigues,
ex-administrador Fórum WMO.


www.CanalDev.com.br

#6 AN Web Designer

AN Web Designer

    Super Veterano

  • Usuários
  • 1861 posts
  • Sexo:Masculino
  • Localidade:Rio de Janeiro

Posted 15/02/2008, 17:36

AN eu n kero usar tabelas.. podre d+
kero usar CSS
porem... mantendo a forma do menu!


Ok, tranquilo... (y)

Com tableless não vem a mente agora com fazer o menu exatamente neste formato...

Como mencionei:

Sobre a possibilidade de Flash,, pode-se trabalhar com imagens e inserir um sound, e com CSS seria interessante um menu de texto.


Mas, qualquer coisa, pode deixar que posto aí.


AN :)

#7 Kadu DG

Kadu DG

    I Love my Little Girl! http://www.kdsg.net

  • Usuários
  • 597 posts
  • Sexo:Masculino
  • Localidade:Carapicuiba, SP

Posted 15/02/2008, 23:03

http://www.maujor.co...liding-door.php
Posted Image

#8 Kuni Siri

Kuni Siri

    Novato no fórum

  • Usuários
  • 8 posts
  • Sexo:Não informado
  • Localidade:São Paulo - SP

Posted 19/02/2008, 15:55

Menus devem ser feitos utilizando listas

http://www.alistapar...es/taminglists/

Para fazer transição de imagens use :hover nos itens das listas.

Você pode ver vários estilos de menu feitos usando XTHML em http://www.cssplay.co.uk/menus/
Com certesa um vai fazer o que você quer.

As imagens posicionadas na lateral de cada item do menu podem ser feitas usando backgrounds. Sugiro usar sprites

#9 § Kenshin §

§ Kenshin §

    I'm coming back...!

  • Usuários
  • 574 posts
  • Sexo:Masculino
  • Localidade:BA
  • Interesses:Sou fã de linguagens direcionadas para a web, como php, (x)html, xml, wml.
    Também gosto de webdesign e ultimamente tenho me dedicado mais a aprender css, mysql, javascript, ajax e actionscript.
    Trabalho com os programas Dreamweaver, Illustrator e Flash.

Posted 21/02/2008, 22:56

crie uma imagem dos botoes sem o texto. depois crie uma div do tamanho da imagem e use-a como imagem de fundo da div.
entao aplique crie uma classe para aplicar nos links, ou aplique diretamente na tag <a> atraves de heranca (#menu a e #menu a:hover) setando como propriedades a largura dos botoes, texto centralizado, etc.
desse modo os links, embora tenham o mesmo tamanho, terao textos de tamanho diferentes.

qualquer duvida eh so falar.

vlw ^_^
Web Developer / Web Designer / Information Architect
"Living to learn... learning to live!"
Useful links: Rules | Search




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq