Jump to content

Elcy

Members
  • Content count

    8
  • Joined

  • Last visited

Community Reputation

0 Comum

1 Follower

About Elcy

  • Birthday 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/

Recent Profile Visitors

353 profile views
  1. 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. Elcy

    Alternar folhas de estilo com um clique

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

    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. Elcy

    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. Elcy

    Colunas com o mesmo tamanho

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

    Exibir imagem .tif

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

    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. 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?
×

Important Information

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