Sophia de Mattos
-
Posts
2 -
Cadastrado em
-
Última visita
-
CSS Código simples para botões
Sophia de Mattos respondeu ao tópico de Sophia de Mattos em Web e banco de dados
Olá, @DiF Muito obrigada pelo retorno! <3 Então, quando eu salvo e abro o index também parece normal. No entanto, eu precisava colocar esse menu em uma site da intranet da minha empresa, já fiz coisas apenas com div e deu certo. Mas esse código em específico aparece assim: (ao clicar fica azul certinho e o movimento do botão também, mas o fundo inicial está branco, borda arredondada e a letra cinza) Lá, colocamos o código através desse quadro (clico no Código-Fonte e coloco o código lá). Aparece certinho. Mas quando salvo a página, fica como na imagem acima. Tem algum outro jeito de fazer esse código ou um outro menu legal mais simples. Atualmente os botões de lá são apenas imagens estáticas com hiperlink, gostaria muito de mudar! Assisti vídeos no youtube para fazer isso. Agradeço mais uma vez a ajuda!
-
Fiz com código simples, mas não está aparecendo na minha página os botões que eu fiz. Tudo o que está no .btn{ no style não aparece! <html> <head> <style> .btn{ font-family: arial black; font-size: 13px; text-transform: uppercase; font-weight: 700; border: none; padding: 20px; display: inline-block; text-decoration:none; } .btn-yellow{ background:#ffcc00; color: #002db3; box-shadow: 10px 10px 0px #e6b800; } .btn-yellow:hover{ background: #002db3; color:#ffcc00; box-shadow: 10px 10px 0px #002699; } .btn-yellow:active{ position:relative; top: 5px; box-shadow: none; } </style> </head> <body> <a href="#" class= "btn btn-yellow"> Office</a> <a href="#" class= "btn btn-yellow"> Suporte</a> <a href="#" class= "btn btn-yellow"> Buscar Lojas</a> <a href="#" class= "btn btn-yellow">Lista de Ramal</a> </body> </html>
Sobre o Clube do Hardware
No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais
Direitos autorais
Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais