Ir para conteúdo

EAWDM

Members
  • Total de itens

    8
  • Registro em

  • Última visita

Reputação

0 Comum

1 Seguidor

Sobre EAWDM

  • Data de Nascimento 06/13/1980

Informações Pessoais

  • Sexo
    Masculino
  • Localização
    Itambé-PE

Contato

  • Facebook
    https://www.facebook.com/ealveswgd/
  • Site Pessoal
    http://www.elcyalves.com.br/

Últimos Visitantes

287 visualizações
  1. EAWDM

    Alternar estilos com TOGGLE

    Pessoal... Quem puder me ajudar, agradeço antecipadamente... Tenho esse código: <style type="text/css"> /*Contraste*/ body.contraste{background:#000;} </style> <!-- contraste --> <script type="text/javascript"> $(function() { $('a.mudarLayout').click(function(){ $('body').toggleClass('contraste'); }); }); </script> <!--/contraste --> <!-- acess --> <div id="acess"> <ul> <li>...</li> <li><a href="#" title="" class="mudarLayout">Contraste <img src="images/contraste.png" alt=""/></a></li> <li>...</li> </ul> </div> <!-- acess --> Funciona perfeitamente... Só que eu gostaria de usar o Toggle "$('body').toggleClass('contraste');" para alternar entre a atual folha de estilo e uma externa, tipo, "contraste.css". Assim, poderia estilizar todos os elementos do HTML, onde na atual forma não consigo. Alguém me ajuda?
  2. EAWDM

    Alternar folhas de estilo com um clique

    Maykel-ctba... Você é um gênio!!! Obrigado amigo!!!
  3. EAWDM

    Alternar folhas de estilo com um clique

    Maykel-ctba.... Ficou muito bom a sua incrementada no código! show de bola, amigão! Só que pra finalizar, o ideal é que fosse apenas um botão de liga/desliga. Mas ficou bom o que fez e vou usa-lo se acaso não conseguir fazer que seja apenas um clique para realizar as duas tarefas. android17... Eu vou dar uma olhada com calma nesses tutoriais sobre Toggle que me indicou... Agora, se não for pedir demais ( e vou entender, senão puder ), gostaria de saber como ficaria o código completo, com base no código acima que coloquei e o seu? Pois testei aqui e não consegui. Estou precisando apenas finalizar isso em meu site de acessibilidade. gabrieldarezzo... Você foi um grande amigo! Gostei desses links que me indicou vou olhar com calma depois... Os três foram grandes amigos em tentar ajudar...
  4. EAWDM

    Alternar folhas de estilo com um clique

    Pode ser uma boa alternativa, mas o pior é que não sei por onde começar. Não tenho noção para criar uma espécie de Toggle, feito aqueles menus que utilizam, mas de qualquer forma foi uma boa dica.
  5. EAWDM

    Colunas com o mesmo tamanho

    #container{background: #E6E3DD; display:block; margin: 0 auto; width: 95%; overflow: hidden;} Faltou o "overflow: hidden;"!
  6. EAWDM

    Exibir imagem .tif

    Não dá pra ver o print que você postou... Manda um exemplo que acho que posso te ajudar...
  7. EAWDM

    Posição de Div

    Amigo, acho que você quer um resultado igual a este, não? ###HTML ### <div id="pagina"> <div class="box">Caixa1</div> <div class="box">Caixa2</div> <div class="box">Caixa3</div> <div class="box">Caixa4</div> <div class="box">Caixa5</div> <div class="box">Caixa6</div> <div class="box">Caixa7</div> <div class="box">Caixa8</div> </div> ###CSS ### #pagina{background:#000;margin:0 auto;padding:0;width:90%;} .box{background:#CCC;margin:0 2% 1% 0;padding:0;width:21%;overflow:hidden;float:left;} Acredito que o resultado será igual a esse que você está querendo.
  8. EAWDM

    Alternar folhas de estilo com um clique

    Pessoal! Gostaria da ajuda de vocês nisso... Encontrei este código HTML: ************************************************************************************************************ <!doctype html> <html lang="pt-BR"> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="normal.css" title="normal"/> <link rel="alternate stylesheet" type="text/css" href="contraste.css" title="contraste" /> <title>Página de Teste de Alto-Contraste</title> <script type="text/javascript"> function setActiveStyleSheet(title) { var i, a, main; for(i=0;(a=document.getElementsByTagName("link"));i++) { if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) { a.disabled = true; if(a.getAttribute("title") == title) a.disabled = false; } } } </script> </head> <body> <h1>Página de Teste de Alto-Contraste</h1> <a href="#" onclick="setActiveStyleSheet('contraste'); return false;" >Contraste</a> <a href="#" onclick="setActiveStyleSheet('normal'); return false;" >Normal</a> </body> </html> ************************************************************************************************************ normal.css tem esse estilo: body{background:#CCC;} contraste.css tem esse estilo: body{background:#000;} ************************************************************************************************************ Esse código é bom, mas gostaria que fosse apenas um link para alternar entre os estilos, como aquelas páginas de acessibilidade. Alguém poderia me ajudar?
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.