Menu em evidência com CSS e PHP | André Buzzo
contato@andrebuzzo.com.br | (11) 9-8551-3500 | facebook | skype:andrebuzzowebdesign

Menu em evidência com CSS e PHP

Publicado na categoria Vídeo Aulas, Vídeo Aulas - PHP & MySql, Vídeo Aulas - Tableless com 10.320 visualizações e 30 comentários

Fala pessoas!

No Fórum do MX Master, nosso amigo José Carlos Crotti postou uma dúvida, sobre como fazer um Menu em CSS que ficasse de cor diferente dependendo da página que estava sendo acessada. No caso, Home teria uma cor diferente das demais, Fale Conosco seguiria a mesma dinâmica, sendo aplicado à todo o site!

Utilizando CSS e PHP, com URL Amigável, podemos fazer esse efeito de forma simples!

Espero que seja útil a todos!

Abraços!

P.S. – Inspiração para a criação: sohtanaka.com/​web-design/​active-state-in-css-navigations/

P.S. 2 – Arquivos para download: mxmasters.com.br/​comunidade/​viewtopic.php?f=51&t=4551

Voltar à página anterior!

  • Rafael

    uhmm!! eu meu aqui nao abra, e parece na pagina assim
    “Parse error: syntax error, unexpected T_STRING in /home/mxmasters/www/comunidade/includes/template.php on line 181 “,
    IE e Firefox e até outros computador tbm aparece assim…
    abçs!

  • Rafael

    Olá, é o seguinte o video faltou o codigo de .htaccess, acho que fiquei perdido aqui…. so pra avisar que o link “Arquivos para download” deu erro ou fora do ar, é so por corrigir o link para eu poder visualizar no .htaccess… obrigado!

    • Fala Rafael!

      Cara…os comentários aparecem na página, mas precisam de moderação. Sendo assim, eles realmente “aparentam” estar publicado, mas na realidade não estão.

      Em relação à seu questionamento, não entendi … a página banco de scripts está funcionando bonitinho e o arquivo .htaccess tá lá!

      Abraços!

  • Rafael

    Pois é! quando eu entrei pela segunda vez, o meu comentario tinha te mandado sumiu, achei que tinha apagado.. heheh!! perdão cara!
    bom! se nao for possivel fazer sem pastas de “arquivos”, sem problema eu utilizo como esta a aula…. parabens!! continua assim!! obrigado!!! abçs

  • Rafael

    olá Andre, nao quis me ajudar, porque apagou meu comentario e nem deu uma resposta?
    :(

    • Olá Rafael!

      Não, eu não apaguei seus comentários. Eu simplesmente não os havia visto. Afinal, você os postou ontem de madrugada, e hoje (07/04/2013) é domingo. Me dá um desconto!

      Na realidade, se faz necessária a utilização de pastas.

      Abraços!

  • Jhonatas Faria

    Olá André, sou iniciante em desenvolvimento web, gosto muito de php, comecei a mexer com wordpress e parece ser muito boa a plataforma, gostei muito do seu site e vi que e feito em wordpress e estou pensando em desenvolver o meu também, só pra divulgar meus trabalhos, pois não tenho tempo pra desenvolver do zero, quero saber se você tem apostilas, tutoriais ou vídeo-aulas sobre wordpress, o trem ta meio confuso aqui, desde já agradeço.

    • Fala Jhonatas !

      Cara…infelizmente eu não tenho muito material disponível sobre WordPress meu velho…

      Abraços!

  • Leandro Xavier

    Muito boa a vídeo aula. Se alguns tinham medo de Menu estilizados com css, não terão mais. Conseguisse facilitar muito a criação e mostrar como pode ser simples.

    • Opa! Valeu Leandro!

      Obrigado compadre.

      Abraços!

  • Jeferson

    queria saber se vcs tem as imagens dos links?

    • Fala Jeferson!

      Infelizmente, eu não as tenho mais meu amigo!

      Abraços!

  • Pedro

    Parabéns meu velho!

    ;)

  • leo

    Perfeita video aula, acabo de aumentar em grande nivel a minha experiencia!

    • Fala Leo!

      Fico grato em saber disso! Porém, creio eu que todo o mérito é seu, por querer aprender meu caro!

      Abraços!

  • Cesar Borges

    Mano vc salvou minha vida era tudo que eu estava procurando sobre as urls Amigáveis D+++++++++++++

  • Simone

    Olá. André!!
    Me ajudou sim…Muito Obrigada!!!!

    Simone.

    • Olá Simone!!

      Legal!!! Qualquer coisa, estamos por aí ok?

      Abraços!

  • Simone

    Olás..

    Pessoal, criei uma nova pagina em um site (wordpress) e preciso deixar esse menu em evidencia, com algum sinalizador que faça com que as pessoas vejam que é uma pagina nova.
    Alguem pode me ajudar?

    Obrigada!
    Simone.

    • Simone, boa tarde!!

      Eu acho que seria interessante verificar se existe algum plugin que faça essa marcação diretamente no WordPress!!

      Eu costumo criar meus templates para a plataforma, mas confesso que nunca pensei em marcá-lo!

      Creio eu que até haveria a possibilidade, se você jogar uma comparação para a url completa da página que está sendo acessada….. é só um palpite ok?

      Obrigado pela visita e pelo comentário, e me desculpe se não lhe ajudei de alguma forma!

      Abraços!

  • Gustavo (Radiofannymix)

    Amigo andre queria saber como cria Templates para wordpress

    • Fala Gustavo!

      Cara…vc não é o primeiro a me pedir tal tutorial…vou ver se eu providencio ok?

      Abraços!

  • Urbano

    Aew tuco, pelo que vi vc desenvolveu o site pelo WordPress!!!
    ficou bacana!!! to aprendendo wordpress!!! me tira uma dúvida, o registro fica assim: “seunome.wordpress.com”, ele já funciona como uma hospedagem normal? pode-se tah usando como um site hospedado em um servidor!!!

    vlw!!!

    • Fala Urbano!

      Eu sei que o WordPress deixa vc hospedar o blog (site) em um domínio dele…mas é meio furada, se não me engano. Ele tem pouco espaço, e pelo o que eu li (ouvi falar) é meio engessado.

      Vou te mandar mais informações por e-mail!

      Abraços meu velho, e obrigado pelos elogios…rsrs

      Até!

  • Urbano

    Aew tuco, suas aulas são umas das melhores!!! estão inspirando na criação de meu site!!!
    vlw

  • Eduardo Valente

    Show, show, show… muito boa esta VA. Os assuntos que você aborda são muito úteis no dia a dia. Obrigadão!!!

    • Valeu Eduardo! Se te ajudou, então cheguei no meu propósito…rs…

      Abraços!