Search the Community
Showing results for tags 'hover'.
Found 11 results
-
Bom dia, peço humildemente a ajuda de vocês, Enfim, estou fazendo um exemplo de site, só para teste mesmo, onde terá uma janela principal perguntando em qual site a pessoa quer ir(1 só empresa, porém dois negócios) ai se a pessoa clicar em alguma das melecas, quero que ela abra mostrando o site, ou só uma imagem mesmo
-
Eu tive uma ideia muito boa, mas não consegui fazer ainda. A ideia é simples, eu tenho um botão escrito 'Contato', quando passar o mouse gostaria que ele "abrisse" uma div logo abaixo (dropdown), como por exemplo aparecer o telefone somente se passar o mouse. Não achei nenhum tópico com essa ideia... é que gostaria de fazer sem utilizar nav, pois nav é o menu, e a ideia inicial é de fato ser um botão que aparece as informações quando se passa o mouse. Grato :)
-
Olá pessoal Estou com problema ao utilizar o hover, criei um botão que tem uma imagem como background, queria que toda vez que eu passar o mouse, o botão ficaria escuro, ou seja, diminuiria a transparência do mesmo. Já tentei colocar um segundo background com opacidade de 0, e quando passasse o mouse, opacidade ficaria 1, mas não deu certo. Poderiam me ajudar? HTML <!DOCTYPE html> <html lang="pt-br" dir="ltr"> <head> <meta charset="utf-8"> <title>--.--</title> <link rel="stylesheet" type="text/css" href="--..--.css"> <!--<link href="css/hover.css" rel="stylesheet" media="all">--> </head> <body> <h1 id="pcp"> 選べ </h1> <button class="first"> </button> </body> </html> CSS .first { background-image: url(001-T.png); } Tudo que eu tentei não deu certo, já criei até um subclass com :before, mas em vão, então só restou isso do css, pois é o background.
-
Oi, estou com uma duvida. Estava criando um meno de categorias para um site e-commerce na tray. Porém estou lutando para editar na plataforma da tray. Tenho um menu horizontal com os subníveis vertical porém queria editar para alterar o estilo e conteúdo mas a tray ta sendo bem estranha para mim alguma ajuda ? Queria mudar desse menu hover normal de lista do site "JP" pra esse mais dinâmico com um caixa maior e com foto de produtos como exemplo do site "casas bahia".
-
Olá pessoal tudo bem ? Gostaria de adicionar uma borda a um objeto passando o mouse em cima do mesmo usando o parâmetro hover sem que alterasse a posição dos outros ao lado ( sem ficar tremendo o layout) abaixo está o código. Alguém consegue me dar uma ajuda ? <html> <head> <title></title> <style type="text/css"> .quadrado{ width: 100px; height: 100px; background-color: grey; display: inline-block; margin:2px; } #container{ width: 320px; } .quadrado:hover{ border: 4px solid black; box-sizing: border-box; } </style> </head> <body> <div id="container"> <div class="quadrado">Primeiro</div> <div class="quadrado">Segundo </div> <div class="quadrado">Terceiro </div> <div class="quadrado">Quarto</div> <div class="quadrado">Quinto</div> <div class="quadrado">Sexto</div> <div class="quadrado">Sétimo</div> <div class="quadrado">Oitavo</div> <div class="quadrado">Nono</div> </div> </body> </html>
-
Hover com tamanhos diferentes no menu principal e submenus
Clovis Alberto Block posted a topic in HTML e CSS
Olá amigos, Baixei o código de um "mega menu" e passei a adapta-lo às minhas necessidades. O problema que não consigo resolver é acertar os tamanhos do hover, nos menus secundários está ok, porem no menu principal o hover está maior do que cada item de menu, executando o código é fácil perceber, basta navegar no menu principal que o problema já é percebido. Tenho a impressão que o menu principal "herdou" dos menus secundários o tamanho do hover. Gostaria de deixar o tamanho do hover no menu principal proporcional ao comprimento de cada texto. Estou anexando os arquivos, inclusive nos mesmos deixei minhas tentativas de acerto em forma de comentários. Sou novo em HTML/CSS, então se virem código ruim, fiquem à vontade para opinar. Por favor, expliquem como se eu tivesse 08 anos rsrsrsr... P.S: Como faço para anexar meus arquivos fonte html e css3? Desde já agradeço. Clovis Alberto Block -
Toda 1ª TD da TR tem um checkbox. Quero que, ao passar o mouse sobre a TR (ou qualquer TD da TR) o checkbox seja exibido. E depois, ao sair da TR, o checkbox volte o seu estado original (oculto). Isso não está funcionando... input[type=checkbox] fieldset[id="atividades-candidato"]table tr td:hover{ display:inline; }
-
BOA NOITE PESSOAL, ESTOU CRIANDO UM SITE E SOU BEM LEIGO AINDA PODERIAM ME AJUDAR? QUERO COLOCAR ÍCONES NO MENU AO INVÉS DE ESCREVER! PESQUISEI NA INTERNET O COMANDO SPAN QUE SERIA POSSÍVEL EXECUTAR ESSA AÇÃO, POREM NÃO ESTA FUNCIONANDO EM NENHUM DOS NAVEGADORES. SOMENTE O MOZILA QUE RECONHECE O COMANDO "HOVER" O CHROME E EXPLORE NÃO RECONHECE O HOVER E NEM SPAN. SE PODEREM ME DAR UMA FORÇA O CODIGO ESTA LOGO A BAIXO.. OBRIGADO!! ARQUIVO HTML <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <title>WA STORES</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div id="logo"> <img src="C:\Users\Anderson\Desktop\wa\img\wa stores.png"/> </div> <div id="menu"> <ul> <li><span class="face"></span><a href="#">home</a></li> <li><a href="#">home</a></li> <li><a href="#">home</a></li> </ul> </div> </body> </html> ===================================================================================== ARQUIVO CSS @charset "UTF-8"; *{margin: 0;padding: 0;} #logo{position: absolute; left: -480px; top: -200px;} #menu {width: 100%; height: 60px; background: #000000 ; margin: 0; float: left;}/* fundo menu */ #menu ul {float: left; list-style: none; margin: 0; padding: 0; width: 100%; } /* posição menu left right*/ #menu ul li {float: left; font: 16px roboto;}/* posição menu top low */ #menu ul li:hover {background: #eee;} #menu ul li a { color: #888;text-decoration: none; padding: 20px; display: block;} #menu ul li .face{background: url(C:\Users\Anderson\Desktop\wa\img\home.png); float: left; width: 100%; padding:0; margin-bottom: 0; }
-
E ai pessoal, não sei se deveria postar na area de wordpress, mas bora la. Eu adicionei mais um itei em um menu php <div class="nav-categories"> <ul> <?php $category_id = get_cat_ID('noticias'); $category_noticias_link = get_category_link($category_id); $category_noticias_child = count(get_posts('category='. $category_id)) > 0; $category_id = get_cat_ID('painelfiscal'); $category_painelfiscal_link = get_category_link($category_id); $category_painelfiscal_child = count(get_posts('category='. $category_id)) > 0; ?> <?php if (is_category('noticias')) { ?> <li><a href="/">Artigos</a></li> <?php if ($category_noticias_child) { ?> <li class="active"><a href="<?php echo esc_url( $category_noticias_link ); ?>">Notícias</a></li> <?php } ?> <?php if ($category_painelfiscal_child) { ?> <li><a href="http://blog.ativore.com/category/painel-fiscal/">Painel Fiscal</a></li> <?php } ?> <?php } elseif(is_category('tutoriais')) { ?> <li><a href="http://blog.ativore.com/category/artigos/">Artigos</a></li> <?php if ($category_noticias_child) { ?> <li><a href="<?php echo esc_url( $category_noticias_link ); ?>">Notícias</a></li> <?php } ?> <?php if ($category_painelfiscal_child) { ?> <li><a href="http://blog.ativore.com/category/painel-fiscal/">Painel Fiscal</a></li> <?php } ?> <?php } elseif(!is_category('imprensa')) { ?> <li class="active"><a href="http://blog.ativore.com/category/artigos/">Artigos</a></li> <?php if ($category_noticias_child) { ?> <li><a href="<?php echo esc_url( $category_noticias_link ); ?>">Notícias</a></li> <?php } ?> <?php if ($category_painelfiscal_child) { ?> <li><a href="http://blog.ativore.com/category/painel-fiscal/">Painel Fiscal</a></li> <?php } ?> <?php } ?> </ul> </div> no caso é o PAINEL FISCAL, até ai blz, tudo funcionando certinho, menos o hover! Quando clico na aba PAINEL FISCAL ele carrega os posts certinhos, porem o hover fica na aba ARTIGOS Eu não sou programador, então to tomando uma surra a semanas e não consigo fazer isso funcionar, alguém poderia me ajudar?
-
Olá pessoal... Estou tendo um problema em criar um botão com fundo animado usando css e html queria fazer um botão parecido com esse aqui é o sweep to right EXEMPLO Quero fazer so com css e html
-
Imagem aparecendo após passar o mouse sobre um texto (ou link)
natanpereira93 posted a topic in HTML e CSS
Galera, sou meio novato na área. Estou fazendo um site para uma pizzaria e preciso que ao passar o mouse encima de uma pizza no cardápio do site (texto) aparece a imagem da pizza relacionada... Alguém sabe um código bem simples pra não me dar dor de cabeça? Sei que é algo com o hover mais tentei vários exemplos e nenhum deu certo. Qualquer ajuda é válida. Obrigado desde já!
