Jump to content

gaahsz

Members
  • Content count

    5
  • Joined

  • Last visited

Community Reputation

0 Comum

About gaahsz

Informações Pessoais

  • Sexo
    Masculino
  1. Olá pessoal, gostaria de que se ao passar o mouse na div1 que mude o background-color dela(div1) e de outra div(div2) e que aconteça o mesmo se eu passar o mouse na outra div(div2). Eu consegui em jquery fazer com que mude o background-color da div que eu passei o mouse e não das duas divs!! HTML <tr <td class="vertical"> <img src="SUPAT.png" class="setor" id="objeto1"> </td> <td class="celulas1" valign="center" align="left"> <a href="#" class="linksicones"> <img src="administracaopredial.png" class="menus"> <div id="texto" class="textoClass"> Administração Predial </div> </a> </td> <td class="vertical"> <img src="SUPAT.png" class="setor"> </td> <td class="celulas1"> <a href="#" class="linksicones"> <img src="arquivo.png" class="menus"><div id="texto" class="textoClass"> Arquivos </div> </a> </td> </tr> Minha ideia é passar o mouse no TD class="Vertical" e trocar o background deste e do TD class="celulas1" e o mesmo acontecer quando eu passar o mouse no td class="celulas1" JQUERY $(document).ready(function($){ $('.celulas1, .textoClass').mouseenter(function(){ $(this).find("div").css({ color: "white" }); }); $('.celulas1').mouseleave(function(){ $('.textoClass').css({ color: "#00416B" }); }); }); faço isso com a cor da letra pois o backgorund eu faço no CSS más vejo que só conseguirei fazer isso pelo jquery CSS td.vertical{ width: 20px; height: 80px; border-color: #00416B; border-style: solid; border-width: 1px; color: white; font-size: 15px; font-weight: bold; transition: all 0.5s ease-in; } td.vertical:hover{ background-color: #00416B; } td.celulas1{ text-align: left; font-weight: bold; height: 80px; width: 380px; border-color: #00416B; border-style: solid; border-width: 1px; transition: all 0.5s ease-in; } td.celulas1:hover{ background-color: #00416B; } VALEU!!
  2. gaahsz

    Link Ativo com efeito hover Jquery

    Eu consegui fazer usando addClass, más quando eu clico e redireciona para outra página eu perco o addClass
  3. Olá pessoal! Estou tentando fazer com que o link que o usuário estiver na página que ele redireciona, o link fique com efeito hover destacado para saber a página que ele esta! Cada link tem um efeito Hover diferente! HTML <div id="linksTopo"> <div id="linksTopoUnico" class="bg1"> <a href=".\home.html" class="linkTopo"> Home </div> </a> <div id="linksTopoUnico" class="bg2"> <a href=".\vantagens.htm" class="linkTopo1"> Vantagens</div> </a> <div id="linksTopoUnico" class="bg3"> <a href=".\saibamais.html" class="linkTopo2"> Sobre</div> </a> <div id="linksTopoUnico" class="bg4"> <a href=".\cadastro.htm" class="linkTopo3"> Cadastro</div> </a> <div id="linksTopoUnico" class="bg5"> <a href=".\desenvolv.htm" class="linkTopo4"> Alunos</div> </a> </div> CSS CADA LINK TEM UMA COR! a.linkTopo:link, a.linkTopo:visited { text-decoration: none; color: #7ac2b7; font-weight: bold; } a.linkTopo1:link, a.linkTopo1:visited { text-decoration: none; color: #7dc758; font-weight: bold; } a.linkTopo2:link, a.linkTopo2:visited { text-decoration: none; color: #f59920; font-weight: bold; } a.linkTopo3:link, a.linkTopo3:visited { text-decoration: none; color: #f5de2f; font-weight: bold; } a.linkTopo4:link, a.linkTopo4:visited { text-decoration: none; color: #a65ac7; font-weight: bold; } TODOS OS LINKS VÃO FICAR EM COR BRANCA COM O MOUSE EM CIMA a.linkTopo:hover, a.linkTopo1:hover, a.linkTopo2:hover, a.linkTopo3:hover, a.linkTopo4:hover { color: white; } CADA LINK TEM UMA BORDA DA DIV DE UMA COR div.bg1{ border-width: thin; border-color: #7ac2b7; border-style: solid; } div.bg2{ border-width: thin; border-color: #7dc758; border-style: solid; } div.bg3{ border-width: thin; border-color: #f59920; border-style: solid; } div.bg4{ border-width: thin; border-color: #f5de2f; border-style: solid; } div.bg5{ border-width: thin; border-color: #a65ac7; border-style: solid; } QUANDO PASSO O MOUSE O BACKGROUND FICA DA COR DA BORDA div.bg1:hover{ background-color: #7ac2b7; } div.bg2:hover{ background-color: #7dc758; } div.bg3:hover{ background-color: #f59920; } div.bg4:hover{ background-color: #f5de2f; } div.bg5:hover{ background-color: #a65ac7; }
  4. gaahsz

    posicionamento de imagem!

    Pessoal, estou montando um site e não estou conseguindo posicionar a imagem e o texto da forma que eu quero dentro da <td> da tabela. Eu gostaria que a imagem ficasse alinhada a esquerda e no centro verticalmente com o texto à frente dele. td class="celulas1"> <!--CÉLULA DA TABELA ONDE CONTÉM LINK DE REDIRECIONAMENTO, ICONE E TEXTO DE IDENTIFICAÇÃO--> <a href="http://google.com.br" class="linksicones"><p class="textolink"> <img src="administracaopredial.png" class="menus"> Administração Predial</p> </a> </td>
  5. Olá gente, sou novo aqui! Estou criando um site e para apresentação de links eu fiz uma tabela onde tem uma imagem e dentro dela um texto de identificação o meu problema é posicionar esta imagem dentro da célula VERTICALMENTE no CENTRO e HORIZONTALMENTE na ESQUERDA e com o texto a frente também posicionado verticalmente no centro e horizontalmente na esquerda. <td class="celulas1"> <!--CÉLULA DA TABELA ONDE CONTÉM LINK DE REDIRECIONAMENTO, ICONE E TEXTO DE IDENTIFICAÇÃO--> <a href="http://google.com.br" class="linksicones"><p class="textolink"> <img src="administracaopredial.png" class="menus"> Administração Predial</p> </a> </td> CÓDIGO CSS img.menus{ border: none; float: left; vertical-align: middle; width: 50px; height: 50px; opacity: 0.6; position:absolute; filter: alpha(opacity=60); } img.menus:hover{ float:left; border: none; opacity: 1.0; filter: alpha(opacity=100); } p.textolink{ margin-right: px; font-size: 25px; margin-top: 22 px; }
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.