Ir para conteúdo

Pesquisar na Comunidade

Mostrando resultados para as tags ''css''.

  • Pesquisar por Tags

    Digite tags separadas por vírgulas
  • Pesquisar por Autor

Tipo de Conteúdo


Calendários

  • Comunidade iMasters

Todas as áreas do Fórum

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Encontrado 859 registros

  1. Ajuda com CSS

    Olá, estou tentando resolver um problema no meu css: Atualmente: Como quero que fique: CSS: #categories { padding: 0; margin: -1px 0 0 0; display: flex !important; } #categories > ul:first-child { flex: 1; } #categories .nav.navbar-nav li { margin: 0; height: 100%; display: flex; border-top: 2.5px solid #FD8C07; border-bottom: 2.5px solid #FD8C07; } #categories .nav.navbar-nav li:hover { border-color: #FD7E07; } #categories .nav.navbar-nav li a { flex: 1; color: #fff; padding-left: 25px; padding-right: 25px; font-size: 16px; font-weight: bold; text-shadow: 1px 1px 5px #4E4E4E; } #categories .nav.navbar-nav li.active { border-top: 2.5px solid #FCCA00; border-bottom-color: #FD7E07; } #categories .nav.navbar-nav li.active::before { font-family: FontAwesome; content: "\f0d7"; position: absolute; z-index: 20; top: 0; left: 0; right: 0; height: 5px; line-height: 5px; font-size: 18px; text-align: center; color: #FCCA00; } #categories .nav.navbar-nav li.active a { color: #FCCA00; } #categories .nav.navbar-nav li.active a, #categories .nav.navbar-nav li a:hover, #categories .nav.navbar-nav li:active a, #categories .nav.navbar-nav li a:active { background-color: #FD7E07; } #categories .search { display: flex; } #categories .search input { flex: 1; border-radius: 0; border: none; color: #168FFF; } #categories .search button { flex: 1; border-radius: 0; color: #168FFF; background-color: #fff; border: none; }
  2. Orientação Landscape com Bootstrap

    Poderiam me dizer se existe alguma forma de fazer a orientação em landscape utilizar as classes do padrão sm do Bootstrap ao invés de xs? Obrigado.
  3. Eu estou tentando arduamente fazer a tag hover funcionar em imagens, mas embora esteja tudo certo (sem espaços depois dos dois pontos) ela não funciona de jeito nenhum.
  4. Página distorce ao remover bordas

    Oi pessoal. Estou estudando html e css. A pessoa que me ensinou deu a dica de colocar bordas vermelhas nos itens para eu enxergar os tamanhos de cada coisa durante a edição do css, porém eu fiz este projeto, e na hora de remover as bordas ele distorce. Se alguém puder me dar uma luz de porque isso está acontecendo, eu fico agradecido. https://github.com/caiohaag/polo360 Att. Caio Haag
  5. Exibir mensagem apos envio usando modal

    Ola pessoal, bom dia, estou tentando exibir uma mensagem "enviado com sucesso" ou "ocorreu um erro", deveria ser fácil mas tentei de varias formas, tenho um menu em menu.php, onde passo o mouse e desse um sub menu e click abre uma modal com um formulario segue exemplo do codigo. <div id="myModal" class="reveal-modal" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog"> <h2 id="modalTitle">Upload Arquivo FAQ.</h2> <form action="admin/uploadFaq.php" method="post" name="form_up" id="form_up" enctype="multipart/form-data"> <table> <td> <h4>Importar arquivo </h4> <div class='input-file'> <div class="in-file">Selecione um arquivo</div> <input name="fileFaq" id='input-file' type='file' accept=".pdf" /> </div> </td> <td> <button class="btn btn-green box" name="enviar" id="enviar">Enviar</button> </td> </table> </form> <a class="close-reveal-modal" aria-label="Close">&#215;</a> </div> ai o codigo em uploadfaq.php esta assim if (isset($_FILES['fileFaq']['name']) and !empty($_FILES['fileFaq']['name'])) { $diretorio = ""; $nome_Upload_Faq = 'FAQ_PED.pdf'; #recebe o endereço onde o qrquivo esta localizado $arquivo_temp = $_FILES['fileFaq']['tmp_name']; #recebe o nome do arquivo $nome_arquivo = $_FILES['fileFaq']['name']; #busca a ultima ocorrencia da estring no caso o "." e depois converte tudo para minusculo //$ext = strtolower(strrchr($nome_arquivo, '.')); copy($arquivo_temp, $diretorio.$nome_Upload_Faq); header('Location: ../principal.php'); /* if (copy($arquivo_temp, $diretorio.$nome_Upload_Faq)) { #redireciona para a pagina principal header('Location: ../principal.php'); echo '<div id="myModal" class="reveal-modal" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog"> <h2 id="modalTitle">Tudo OK!</h2> <td> <h4>Arquivo enviado com Sucesso!! </h4> </td> <a class="close-reveal-modal" aria-label="Close">&#215;</a> </div>'; }else { #redireciona para a pagina principal header('Location: ../principal.php'); } */ } ao enviar ele simplesmente redireciona, como mostra o código acima já fiz para ele primeiro exibir mensagem depois redirecionar, depois tentei para redirecionar para depois exibir a mensagem, mas percerbi que nesse arquivo isso não da para acontecer e tenho que fazer no próprio arquivo menu, ja coloquei esse codigo la mas nao funcionar, ja tentei também alguma coisa com javascrip mas não deu, não quero aquele aviso do javascript mas um avio com outra janela modal apos ser recarregado a pagina. ja tentei assim tambem <!doctype html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="../zurb/foundation5.5.3/css/foundation.css"> <script src="../zurb/foundation5.5.3/js/foundation/foundation.dropdown.js"></script> <title></title> </head> <body> <?php /** * Created by PhpStorm. * User: jwaquim * Date: 26/01/2018 * Time: 11:27 */ if (isset($_FILES['fileFaq']['name']) and !empty($_FILES['fileFaq']['name'])) { $diretorio = ""; $nome_Upload_Faq = 'FAQ_PED.pdf'; #recebe o endereço onde o qrquivo esta localizado $arquivo_temp = $_FILES['fileFaq']['tmp_name']; #recebe o nome do arquivo $nome_arquivo = $_FILES['fileFaq']['name']; #busca a ultima ocorrencia da estring no caso o "." e depois converte tudo para minusculo //$ext = strtolower(strrchr($nome_arquivo, '.')); copy($arquivo_temp, $diretorio.$nome_Upload_Faq); echo '<div id="myModal" class="reveal-modal" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog"> <h2 id="modalTitle">Tudo OK!</h2> <td> <h4>Arquivo enviado com Sucesso!! </h4> </td> <a class="close-reveal-modal" aria-label="Close">&#215;</a> </div>'; // header('Location: ../principal.php'); /* if (copy($arquivo_temp, $diretorio.$nome_Upload_Faq)) { #redireciona para a pagina principal header('Location: ../principal.php'); echo '<div id="myModal" class="reveal-modal" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog"> <h2 id="modalTitle">Tudo OK!</h2> <td> <h4>Arquivo enviado com Sucesso!! </h4> </td> <a class="close-reveal-modal" aria-label="Close">&#215;</a> </div>'; }else { #redireciona para a pagina principal header('Location: ../principal.php'); } */ }?> </body> </html> ai fica em tela branca sem exibir mensagem o menu.php sempre e linkado com o principal php por isso o menu.php nao aprece na url, ai no uploadfaq.php depois dessa mudança fica na tela branca, que posso fazer? tentei de varias formas possiveis segue imagem para enviar funciona normal para exibir a mensagem personalizada em moal é o que não estou conseguindo fazer!! desde já agradeço.
  6. Ajuda para inserir um código de hifens no css

    Olá bom dia,E uso um aplicativo que trabalha com css e queria se possível colocar um código de hifens no texto, quem gosta de ler vai entender que mesmo tendo a justificação fica com aqueles longos espaço em branco.na realidade estes são temas em que o aplicativo permite que os usuários faca alterações ao seu gosto. Vou mandar o código e a tela de leitura para ver se os amigos conseguem me ajudar .altbookname{display:none;} .footer a{color:#afdea4;Verlag Bold;letter-spacing:0; padding:5 0 5 0;margin: 0 0 100 0; width: 33.3%;text-decoration:none; text-align:center;text-transform:uppercase; font-style:normal;border-radius:25px;box-shadow: 0px 0px 7px #fff;} body{color:#e1e1e1;background-color:#122641;text-align:justify;font-family:'Liberation Serif';padding:0 5 0 5;margin:0;} a{color:#e67e00;text-decoration:none;text-weight:bold} h1,h1 a{color:#ffffff;text-align:center;padding:0;margin:0;text-transform:uppercase;text-decoration:none;font-style:normal;font-family:'Cardo';} h2{color:orange;padding:8 0 3 0; margin:0;text-align:center; font-weight:bold;text-decoration:none;font-style:normal;} h3{color:#66f} h4{color:#c33} h5{color:#0c0} h6{color:#c0c} strong.searchkey{background-color:#557777}/*Search Highlight*/ .searchlink{color:#aaf;font-weight:bold} .verno{color:#e67a00;padding:0 2 0 2; margin:0 2 0 0;font-weight:bold;font-family:'Share';text-decoration:underline;} .strong{color:#c2e366;text-decoration:none;font-weight:normal;font-size:0.75em;font-family:'Raleway Medium';font-style:normal;} .morph{color:#0c6} .ref{color:#e67e00;text-decoration:none;} .red{color:#e8c71f} .xref{color:#e67e00;font-size:0.3em;font-weight:normal;text-decoration:none;font-style:italic;padding:0 0 0 3;border-color:#fff;border-width:0 0 0 1px;border-style: solid} .abbr{color:#fff} .h1{background-color:#552233;} .h2{background-color:#554422;} .h3{background-color:#555511;} .h4{background-color:#445511;} .h5{background-color:#335533;} .h6{background-color:#335555;} .h7{background-color:#334455;} .h8{background-color:#443355;} .h9{background-color:#412255;} .h10{background-color:#552255;} .current{background-color;#fff;border-radius:5px;box-shadow: 0px 0px 8px #fff;} .orange{color:#e67e00;} .brown{color:#ae5819;} .yellowgreen{color:#80a829;} .green{color:#00a300;} .bluegreen{color:#3a9e9e;} .blue{color:#abcdef;} .violet{color:#9a00dc;} .purple{color:#c700c7;} .pink{color:#ff1493;} .gray{color:#808080;} .tag{color:#fff;background-color:#4e4e4e;font-size:0.8em;text-align:justify;border-radius:5px;box-shadow: 2px 2px 10px #fff, 0px 0px 2px #fff;border-color:#4E4E4E;margin:10 40 10 40;padding: 3 5 3 5;} .tag a{color:orange;} .tag h1{color:#abcdef;font-size:16px;padding:0;margin:0;position:relative;text-align:center; text-decoration:underline;font-weight:bold;text-transform:none;text-transform:uppercase;} .tag h2{text-align:left;font-size:14px;font-weight:bold} a img.icon{border-color:#e39f51;} .parallel,.parallel td,.parallel th{border-style:solid;border-width:1px;border-color:#7f7f7f} .phead{background-color:#505050} .trans{color:#f33;} .eng{color:#808080;} .splitactive{color:#000000;background-color:#609960}.splitinactive{color:#c0c0c0;background-color:#000000} .ot{}#content{padding:1px 8px}body{margin:0} .hebrew{color:#11e02d;} .greek{color:#11e02d;} @font-face { font-family: 'Liberation Serif'; src: url('file:///storage/extSdCard/Android/data/com.riversoft.android.mysword/files/fonts/LiberationSerif-Regular.ttf'); } @font-face { font-family: 'Liberation Serif'; font-weight: bold; src: url('file:///storage/extSdCard/Android/data/com.riversoft.android.mysword/files/fonts/LiberationSerif-Bold.ttf'); } @font-face { font-family: 'Liberation Serif'; font-style: italic; src: url('file:///storage/extSdCard/Android/data/com.riversoft.android.mysword/files/fonts/LiberationSerif-Italic.ttf'); } @font-face { font-family: 'Liberation Serif'; font-weight: bold; font-style: italic; src: url('file:///storage/extSdCard/Android/data/com.riversoft.android.mysword/files/fonts/LiberationSerif-BoldItalic.ttf'); } @font-face { font-family: 'Share'; src: url('file:///storage/extSdCard/Android/data/com.riversoft.android.mysword/files/fonts/Share-Regular.ttf'); } @font-face { font-family: 'Share'; font-weight: bold; src: url('file:///storage/extSdCard/Android/data/com.riversoft.android.mysword/files/fonts/Share-Bold.ttf'); } @font-face { font-family: 'Share'; font-style: italic; src: url('file://
  7. Sobrepor div a um <iframe> em modo fullscreen

    Um exemplo, no Google Chrome o "z-index:2147483647" consegue fazer a div se sobrepor ao iframe sem problemas, já nos outros navegadores não estou conseguindo fazer <div id"controls"> se sobrepor ao iframe, alguém conhece alguma forma de sobrepor o iframe ou tem alguma ideia do que eu estou fazendo de errado? Segue o exemplo: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Teste</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <style> #contarner_video{ padding-bottom:56.25%; height:0; border-radius:inherit; overflow:hidden; z-index:0; } #contarner_video iframe{ position:absolute; top:0; left:0; width:100%; height:100%; border:0; } #ytplayer{ display:block; } #controls{ width:100%; height:30px; background-color:#000; opacity:0.9; position:absolute; top:0; left:0; z-index:2147483647; } #controls span{ line-height:30px; padding:0 20px; color:#fff; float:right; } </style> </head> <body> <div id="contarner_video"> <iframe id="ytplayer" type="text/html" width="720" height="405" src="https://www.youtube.com/embed/M7lc1UVf-VE?controls=0&enablejsapi=1&fs=0&rel=0&showinfo=0&iv_load_policy=3" frameborder="0" allowfullscreen></iframe> <div id="controls"> <span>FullScreen</span> </div> </div> <script> $('#controls span').on('click', function(){ var e = document.getElementById("ytplayer"); if (e.requestFullscreen) { e.requestFullscreen(); } else if (e.mozRequestFullScreen) { e.mozRequestFullScreen(); } else if (e.webkitRequestFullscreen) { e.webkitRequestFullscreen(); } else if (e.msRequestFullscreen) { e.msRequestFullscreen(); } }); </script> </body> </html>
  8. como fazer esse efeito

    Alguen sabe como faço o efeito desse site (https://www.canva.com/ ) quando você passa o mouse pela tela ?
  9. Simples função JS não funciona

    Olá! Eu já havia criado uma lista de favoritos como a do zap imóveis, porém não sei porque ela parou de funcionar, ao clicar na setinha, esta lista não exibe os itens em favoritos. Olhe o site do zapimóveis no modo desktop e entenderão melhor. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <style> * { margin: 0; padding: 0; box-sizing: border-box } .box-mae { position: relative } .box-mae:before, .box-mae:after { content: ""; display: table; clear: both } .esconde { overflow-y: auto; margin-top: 100px; width: 205px; height: 450px; background-color: #f9f6f7; display: block; position: fixed; right: -180px; border: 1px solid #dcd8cd; box-shadow: 0 0 12px rgba(0,0,0,0.25); border-radius: 5px 0 0 5px; top: 160px; z-index: 1000; transition: 0.5s ease-out; -webkit-transition: 0.5s ease-out; -moz-transition: 0.5s ease-out; -o-transition: 0.5s ease-out; } .mostra { overflow-y: auto; margin-top: 100px; width: 205px; height: 475px; background-color: #f9f6f7; display: block; position: fixed; right: 0px; border: 1px solid #dcd8cd; box-shadow: 0 0 12px rgba(0,0,0,0.25); border-radius: 5px 0 0 5px; top: 160px; z-index: 1000; transition: 0.5s ease-out; -webkit-transition: 0.5s ease-out; -moz-transition: 0.5s ease-out; -o-transition: 0.5s ease-out; } .btn_favorite{ position: absolute; width: 28px; top: 32px; left: 0; } .try_indicator{ width: 28px; height: 103px; margin-top: 125px; background-color: #007aa5; position: fixed; cursor: pointer; } .try_indicator:after{ content: ''; width: 0; height: 0; border-right: 9px solid #fff; border-top: 11px solid transparent; border-bottom: 11px solid transparent; position: absolute; top: 41px; left: 8px; } .try_indicator_open:after{ content: ''; width: 0; height: 0; border-right: 9px solid #fff; border-top: 11px solid transparent; border-bottom: 11px solid transparent; position: absolute; top: 41px; left: 8px; transform: rotateY(180deg); transition: 0.5s ease-out; -webkit-transition: 0.5s ease-out; -moz-transition: 0.5s ease-out; -o-transition: 0.5s ease-out; } .title_content{ text-transform: uppercase; font-size: 1em; display: inline-block; margin-left: 45px; position: fixed; } .title_rot_90{ height: auto !important; overflow: visible !important; padding-top: 12px; padding-bottom: 10px; font-weight: 600; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); white-space: nowrap; } .content{ margin: 10px; padding-top: 10px; float: right; } .content img{ width: 130px; height: 120px; } #ver_todos{ display: inline-block; position: fixed; top: 714px; right: 18px; width: 180px; text-align: center; background-color: #f9f6f7; transition: linear 1.5s; -webkit-transition: linear 1.5s; -moz-transition: linear 1.5s; -o-transition: linear 1.5s; } #fav_vazio{ background-color: #0794c9; color: #fff; border: 3px double #fff; width: 130px; height: 120px; padding: 10px; font-size: 0.85em; text-align: center; } </style> <script> $(document).ready(function(){ $(".try_indicator").click(function(event){ $("#caixa").addClass("mostra"); $("#heart_cheio").css("display", "block"); $("#heart_vazio").css("display", "none"); $("#fav_vert").css("color", "transparent"); $("#fav_hor").css("display", "block"); $("#ver_todos").css("display", "block"); $(".try_indicator").addClass("try_indicator_open"); }); $("#caixa").mouseleave(function(event){ $("#caixa").removeClass("mostra"); $("#heart_cheio").css("display", "none"); $("#heart_vazio").css("display", "block"); $("#fav_vert").css("color", "black"); $("#fav_hor").css("display", "none"); $("#ver_todos").css("display", "none"); $(".try_indicator").removeClass("try_indicator_open"); }); }); </script> </head> <body> <div id="caixa" class="esconde"> <i id="heart_vazio" class="fa fa-heart-o 1g" aria-hidden="true" style="color: #f26122; display: block; position: fixed; margin-top: 3px; margin-left: 3px; font-size: 18px;"></i> <i id="heart_cheio" class="fa fa-heart" aria-hidden="true" style="color: #f26122; display: none; position: fixed; margin-top: 3px; margin-left: 3px; font-size: 18px;"></i> <div id="fav_hor" class="title_content" style="display: inline-block; width: 132px; background-color: #f9f6f7; transition: 0.5s ease-out;-webkit-transition: 0s ease-out;-moz-transition: 0s ease-out;-o-transition: 0s ease-out;">FAVORITOS (N)</div> <div class="btn_favorite"> <div id="fav_vert" class="title_rot_90" style="display: block; transition: 0s ease-out;-webkit-transition: 0s ease-out;-moz-transition: 0s ease-out;-o-transition: 0s ease-out;">FAVORITOS</div> <div class="try_indicator"> </div> </div> <div class="content"> <div id="fav_vazio"> <?php echo "Clique no ";?><i id="heart_vazio" class="fa fa-heart-o 1g" aria-hidden="true" style="color: black; display: initial;"></i><?php echo utf8_decode(" correspondente ao imóvel do seu interesse para adicioná-lo à favoritos.");?> </div> </div> <div class="content"> <img src="<?php echo $ROOTPATH;?>/media/team/2017/0901/15042944807003.jpg"/> </div> <div class="content"> <img src="<?php echo $ROOTPATH;?>/media/team/2017/0901/15042944807003.jpg"/> </div> <div class="content"> <img src="<?php echo $ROOTPATH;?>/media/team/2017/0901/15042944807003.jpg"/> </div> <div class="content"> <img src="<?php echo $ROOTPATH;?>/media/team/2017/0901/15042944807003.jpg"/> </div> <div class="content"> <img src="<?php echo $ROOTPATH;?>/media/team/2017/0901/15042944807003.jpg"/> </div> <div id="ver_todos" class="title_content"><a href="#" style="color: #f26122 !important;">VER TODOS</a></div> </div>
  10. ANÚNCIOS NO CABEÇALHO

    Oi pessoal, tudo bom? Cara, estou com um site, onde coloquei anúncios dentro do cabeçalho, diretamente no css. Porém tô começando agora e não sei me expressar como a maioria de vocês, nessa tipo de linguagem. Mas, para explicar vcs, estarei mandando uma imagem aqui, para que possam entender melhor. A largura dos anúncios é maior que a do próprio site, e não sei como diminuir isso. Quem puder, por favor me ajuda!
  11. Olá, pessoal uso o leadlovers (plataforma de email marketing) para trabalhar com uma cliente e construo páginas no construtor que eles fornecem, que utiliza bootstrap. Tenho um bloco de código pronto feito por eles que usei nos dois workshops anteriores da minha cliente, mas fiz algumas modificações e não sei o que deu errado. No código, tenho quatro radio buttons para quatro vídeos - para selecionar cada vídeo é só clicar no radio button, que é uma imagem. Precisei adicionar duas divs pra trocar a posição dos radio buttons e o código simplesmente não funciona mais. Ao clicar no radio button, o vídeo não aparece. Segue o código: <section id="lancamento" class="row dottedEditor" style="background:#004D40;"> <div class="container boxthumb" id="container"> <div class="col-md-10"> <!-- div adicionada --> <div id="content"> <div id="content-1"> <article> <article class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/0MGo7IXZx-E?showinfo=0&rel=0" allowfullscreen="1" style="border: 1px solid whitesmoke;" width="100%" height="480px" frameborder="0"></iframe> <article class="frameCover" data-type="video"></article> </article> </article> </div> <div id="content-2"> <article> <article class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/0MGo7IXZx-E?showinfo=0&rel=0" allowfullscreen="1" style="border: 1px solid whitesmoke;" width="100%" height="480px" frameborder="0"></iframe> <article class="frameCover" data-type="video"></article> </article> </article> </div> <div id="content-3"> <article> <article class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/0MGo7IXZx-E?showinfo=0&rel=0" allowfullscreen="1" style="border: 1px solid whitesmoke;" width="100%" height="480px" frameborder="0"></iframe> <article class="frameCover" data-type="video"></article> </article> </article> </div> <div id="content-4"> <article> <article class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/0MGo7IXZx-E?showinfo=0&rel=0" allowfullscreen="1" style="border: 1px solid whitesmoke;" width="100%" height="480px" frameborder="0"></iframe> <article class="frameCover" data-type="video"></article> </article> </article> </div> </div> </div> <div id="input" class="col-md-2"> <!-- segunda div adicionada --> <input id="tab-1" name="tab-group" type="radio" checked="checked"> <label for="tab-1"> <img class="center-block img-responsive" alt="Miriam Rodrigues" src="https://blob.llimages.com/machine-user-images/img-323253-20171014224325.png" style="max-width: 100%; border-radius: 50%;" width="150px" height="150px"> </label> <br> <input id="tab-2" name="tab-group" type="radio"> <label for="tab-2"> <img class="center-block img-responsive dottedEditor" alt="Miriam Rodrigues" src="https://blob.llimages.com/machine-user-images/img-323253-20171014224355.png" style="max-width: 100%; border-radius: 50%;" width="150px" height="150px"> </label> <br> <input id="tab-3" name="tab-group" type="radio"> <label for="tab-3"> <img class="center-block img-responsive" alt="Miriam Rodrigues" src="https://blob.llimages.com/machine-user-images/img-323253-20171014224420.png" style="max-width: 100%; border-radius: 50%;" width="150px" height="150px"> </label> <br> <input id="tab-4" name="tab-group" type="radio"> <label for="tab-4"> <img class="center-block img-responsive" alt="Miriam Rodrigues" src="https://blob.llimages.com/machine-user-images/img-323253-20171014224723.png" style="max-width: 100%; border-radius: 50%;" width="150px" height="150px"> </label> </div> </div> </section> <style> #container input { /*height: 210px;*/ visibility: hidden; display: table-cell; } #container label { cursor: pointer; /* display: block; float: left; height: 210px; */ } .thumb { width: 16%; display: inline-block; vertical-align: top; margin-bottom: 2%; } .boxthumb { margin-top: 3%; } @media (max-width: 922px) { #container label { float: none; } #container input { height: 0; } } @media (max-width: 416px) { /*label[for=tab-1], label[for=tab-2], label[for=tab-3], label[for=tab-4] { top: 550px; } #content { top: -900px; }*/ .thumb { width: 30%; display: inline-block; margin: 5% auto; } } #input input:checked+label { opacity: 0.5; color: #444; position: relative; z-index: 6; /* -webkit-transition: .1s; -moz-transition: .1s; -o-transition: .1s; -ms-transition: .1s; */ } #content div { opacity: 0; z-index: -100; transition: all linear 0.1s; } /* modifiquei de #container para #input */ #input input#tab-1:checked~#content #content-1, #input input#tab-2:checked~#content #content-2, #input input#tab-3:checked~#content #content-3, #input input#tab-4:checked~#content #content-4 { opacity: 1; display: block; } #input input#tab-1:not(:checked)~#content #content-1, #input input#tab-2:not(:checked)~#content #content-2, #input input#tab-3:not(:checked)~#content #content-3, #input input#tab-4:not(:checked)~#content #content-4 { display: none; } input.visible { visibility: visible !important; } </style> Preciso terminar essa página hoje, então qualquer ajuda será muito bem-vinda! Obrigada
  12. Olá pessoal, eu estou tentando fazer um formulário de fale conosco, utilizando bootstrap. Comecei esses tempos atrás a mexer com esse framework, não entendo muita coisa ainda, mas a minha dúvida é a seguinte: Como eu posso fazer para que a janela MODAL apareça APENAS se tal condição for aceita? <!-- Modal --> <div class="modal fade" id="myModal" role="dialog"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> <h3 class="modal-title">Informação</h3> </div> <div class="modal-body"> <p>Preencha todos os Campos!</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary" data-dismiss="modal">OK</button> </div> </div> </div> </div> </div> <!-- FIM Modal --> <script> function Salvar(pagina) { var nome = formulario.nome.value; var email = formulario.email.value; var assunto = formulario.assunto.value; var mensagem = formulario.mensagem.value; if(nome == "" || email == "" || assunto == "" || mensagem == "") { $('myModal').modal('show'); return false; } else { document.formulario.action = pagina document.formulario.submit(); } } </script> O BOTÃO <button type="button" class="btn btn-success" data-toggle="modal" data-target="#myModal" onClick="Salvar('faleconosco2.php');">Salvar</button> Só que independente de eu mostrar o modal ou não, quando eu clico no botão ele aparece. Como eu poderia fazer ele aparecer SOMENTE dentro da condição?
  13. Divs animadas

    Pessoal! Como montar uma DIV que ao ser clicada com botão, ela exibe a DIV que está escondida, mas com um porém, com efeito? 1) a div tem que abrir em 100 por cento da tela; 2) com efeito de fade, slide; 3) como fazer isso em CSS? Fiz o botão assim: <script type="text/javascript"> $('#btn_laranja').on('click',function(){ $('#menu_orcamento').fadeIn(1000).show(); }); </script> Coloquei também um efeito com animated slideInDown, mas não ficou bom. Tem algum outro jeito que conhecem para realizar isso, para contribuirem??? Agradeço desde já. Até....
  14. Diminuir espaçamento entre linhas no Boostrap 4

    Olá galera, Estou fazendo um formulário é estou achando os espaços entre os as linhas/campos/labels muito grande. Tem como eu diminuir esse espaço? Segue imagem para melhor compreensão: Obrigado desde já.
  15. Como por um texto sobre uma imagem

    Então estou criando meu site com bootstrap 3.3.7 e gostaria de saber como por uma imagem de fundo em um div e um texto por cima dela, igual na imagem logo abaixo! Agradeço desde já.
  16. Colocar os campos da tabela bootstrap 100% na tela e divididos

    Olá pessoal, Tenho uma tabela em bootstrap e estou tentando deixar ele com os campos 100% na tela. Ex: Estou utilizando o bootstrap 4 e me falaram que o próprio bootstrap 4 já faz esse trabalho, mas no meu caso n esta fazendo. Segue a tabela e o código: Repare q ela n fica 100% (espaço em branco da direita) <div class="row"> <div class="col-md-12"> <div class="table-responsive"> <table class="table table-responsive table-bordered table-hover" > <thead > <tr> <th scope="col">Login</th> <th scope="col">Nome</th> <th scope="col">CPF</th> <th scope="col">Data Inclusão</th> <th scope="col">Última Atualização</th> <th scope="col">Empresa</th> <th scope="col">Status</th> <th scope="col">Ações</th> </tr> </thead> <tbody> <tr> <td>luis</td> <td>XXXXX</td> <td>000000000-00</td> <td>00/00/0000</td> <td>00/00/0000</td> <td>XXX</td> <td>xxxx</td> <td class="text-nowrap"> <a href="#" data-original-title="Inativar"> <i class="fa fa-minus-circle text-inverse m-r-10"></i> </a> <a href="#" data-original-title="editar"> <i class="fa fa-pencil text-inverse m-r-10"></i> </a> <a href="#" data-original-title="editar"> <i class="fa fa-trash text-inverse m-r-10"></i> </a> </td> </tr> <tr> <td>XXX</td> <td>XXXX</td> <td>000000000-00</td> <td>00/00/0000</td> <td>00/00/0000</td> <td>XXXX</td> <td>XXX</td> <td class="text-nowrap"> <a href="#" data-original-title="Inativar"> <i class="fa fa-minus-circle text-inverse m-r-10"></i> </a> <a href="#" data-original-title="editar"> <i class="fa fa-pencil text-inverse m-r-10"></i> </a> <a href="#" data-original-title="editar"> <i class="fa fa-trash text-inverse m-r-10"></i> </a> </td> </tr> </tbody> </table> </div> </div> </div> Mesmo colocando todas essas classes ela n fica com 100% nos campos, alguém poderia me ajudar?
  17. Como eu alinho o texto do <li> com o header independente do zoom? (HTML) <div> <header class="pos"> <ul class="menu"> <a href="ministerio.html"><li class="transition1"><div class="ajuste">Ministério</div></li></a> <a href="psicanalise-clinica.html"><li class="transition2">Psicanálise Clínica</li></a> <a href="consultoria-esportiva.html"><li class="transition3">Consultoria Esportiva</li></a> <a href="contato.php"><li class="transition4">Contato</li></a> </ul> </header> </div> (CSS) li { display: inline-block; margin-left: -1%; padding-top: 0.5%; float: left; float: top; margin-right: 50px; margin-top: 2%; font-size: 140%; color: #FF8C00; position: absolute; font-family: 'Georgia', serif; }
  18. Posições de Container-Box

    Pessoal, estou com uma grande dúvida. Em meu site, eu tenho o arquivo Index.php que é a página inicial, e o Register.php que é a página para se registrar. E eu dividi a estrutura Html da página como está na imagem (Essa seria o Index.php): A minha dúvida é a seguinte, Eu criei os painéis da esquerda tudo certo. E o painel do centro, fica as noticias e ele está na posição certa, na qual eu quero que fique. Mas quando eu entro na página Register.php o centro fica todo mal posicionado, como na foto abaixo: A Register está muito mais acima do que era pra estar, o correto seria ela estar posicionada igual a do centro na primeira foto. Se alguém puder me ajudar, ficarei grato! Style.css .mid-container { background: white; width: 550px; position: absolute; margin-top: 200px; margin-left: 50%; margin-right: -50%; margin-bottom: 40px; transform: translate(-50%, -50%); } .left-container { width: 200px; height: 960px; position: absolute; top: 1350px; left: 50%; margin-right: -50%; margin-bottom: 40px; transform: translate(-260%, -115%) } .right-container { width: 200px; height: 960px; position: absolute; top: 1350px; left: 50%; margin-right: -50%; margin-bottom: 40px; transform: translate(165%, -115%) } .left_box, .right_box, .mid_box { width: 100%; position: relative; margin-bottom: 18px; } E a minha Html do Register está assim: <?php require_once 'engine/init.php'; logged_in_redirect(); include 'layout/overall/header.php'; include 'index2.php'; if (empty($_POST) === false) { // $_POST[''] $required_fields = array('username', 'password', 'password_again', 'email', 'selected'); foreach($_POST as $key=>$value) { if (empty($value) && in_array($key, $required_fields) === true) { $errors[] = 'You need to fill in all fields.'; break 1; } } // check errors (= user exist, pass long enough if (empty($errors) === true) { /* Token used for cross site scripting security */ if (!Token::isValid($_POST['token'])) { $errors[] = 'Token is invalid.'; } if ($config['use_captcha']) { $captcha = (isset($_POST['g-recaptcha-response'])) ? $_POST['g-recaptcha-response'] : false; if(!$captcha) { $errors[] = 'Please check the the captcha form.'; } else { $secretKey = $config['captcha_secret_key']; $ip = $_SERVER['REMOTE_ADDR']; // curl start $curl_connection = curl_init("https://www.google.com/recaptcha/api/siteverify"); $post_string = "secret=".$secretKey."&response=".$captcha."&remoteip=".$ip; curl_setopt($curl_connection, CURLOPT_CONNECTTIMEOUT, 5); curl_setopt($curl_connection, CURLOPT_RETURNTRANSFER, true); curl_setopt($curl_connection, CURLOPT_SSL_VERIFYPEER, false); curl_setopt($curl_connection, CURLOPT_FOLLOWLOCATION, 0); curl_setopt($curl_connection, CURLOPT_POSTFIELDS, $post_string); $response = curl_exec($curl_connection); curl_close($curl_connection); // Curl end $responseKeys = json_decode($response,true); if(intval($responseKeys["success"]) !== 1) { $errors[] = 'Captcha failed.'; } } } if (user_exist($_POST['username']) === true) { $errors[] = 'Sorry, that username already exist.'; } // Don't allow "default admin names in config.php" access to register. $isNoob = in_array(strtolower($_POST['username']), $config['page_admin_access']) ? true : false; if ($isNoob) { $errors[] = 'This account name is blocked for registration.'; } if (preg_match("/^[a-zA-Z0-9]+$/", $_POST['username']) == false) { $errors[] = 'Your account name can only contain characters a-z, A-Z and 0-9.'; } // name restriction $resname = explode(" ", $_POST['username']); foreach($resname as $res) { if(in_array(strtolower($res), $config['invalidNameTags'])) { $errors[] = 'Your username contains a restricted word.'; } else if(strlen($res) == 1) { $errors[] = 'Too short words in your name.'; } } if (strlen($_POST['username']) > 32) { $errors[] = 'Your account name must be less than 33 characters.'; } // end name restriction if (strlen($_POST['password']) < 6) { $errors[] = 'Your password must be at least 6 characters.'; } if (strlen($_POST['password']) > 100) { $errors[] = 'Your password must be less than 100 characters.'; } if ($_POST['password'] !== $_POST['password_again']) { $errors[] = 'Your passwords do not match.'; } if (filter_var($_POST['email'], FILTER_VALIDATE_EMAIL) === false) { $errors[] = 'A valid email address is required.'; } if (user_email_exist($_POST['email']) === true) { $errors[] = 'That email address is already in use.'; } if ($_POST['selected'] != 1) { $errors[] = 'You are only allowed to have an account if you accept the rules.'; } if (validate_ip(getIP()) === false && $config['validate_IP'] === true) { $errors[] = 'Failed to recognize your IP address. (Not a valid IPv4 address).'; } if (strlen($_POST['flag']) < 1) { $errors[] = 'Please choose country.'; } } } ?> <html> <div class="mid-container"> <div class="mid_box"> <h1>Register Account</h1> </div> </html> <?php if (isset($_GET['success']) && empty($_GET['success'])) { if ($config['mailserver']['register']) { ?> <html> <h1>Email authentication required</h1> <p>We have sent you an email with an activation link to your submitted email address.</p> <p>If you can't find the email within 5 minutes, check your <strong>junk/trash inbox (spam filter)</strong> as it may be mislocated there.</p> </html> <?php } else echo 'Congratulations! Your account has been created. You may now login to create a character.'; } elseif (isset($_GET['authenticate']) && empty($_GET['authenticate'])) { // Authenticate user, fetch user id and activation key $auid = (isset($_GET['u']) && (int)$_GET['u'] > 0) ? (int)$_GET['u'] : false; $akey = (isset($_GET['k']) && (int)$_GET['k'] > 0) ? (int)$_GET['k'] : false; // Find a match $user = mysql_select_single("SELECT `id`, `active` FROM `znote_accounts` WHERE `account_id`='$auid' AND `activekey`='$akey' LIMIT 1;"); if ($user !== false) { $user = (int) $user['id']; $active = (int) $user['active']; // Enable the account to login if ($active == 0) { mysql_update("UPDATE `znote_accounts` SET `active`='1' WHERE `id`= $user LIMIT 1;"); } echo '<h1>Congratulations!</h1> <p>Your account has been created. You may now login to create a character.</p>'; } else { echo '<h1>Authentication failed</h1> <p>Either the activation link is wrong, or your account is already activated.</p>'; } } else { if (empty($_POST) === false && empty($errors) === true) { if ($config['log_ip']) { znote_visitor_insert_detailed_data(1); } //Register $register_data = array( 'name' => $_POST['username'], 'password' => $_POST['password'], 'email' => $_POST['email'], 'created' => time(), 'ip' => getIPLong(), 'flag' => $_POST['flag'] ); user_create_account($register_data, $config['mailserver']); if (!$config['mailserver']['debug']) header('Location: register.php?success'); exit(); //End register } else if (empty($errors) === false){ echo '<font color="red"><b>'; echo output_errors($errors); echo '</b></font>'; } ?> <html> <div class="mid_box"> <form action="" method="post"> <ul> <li> Account Name:<br> <input type="text" name="username"> </li> <li> Password:<br> <input type="password" name="password"> </li> <li> Password again:<br> <input type="password" name="password_again"> </li> <li> Email:<br> <input type="text" name="email"> </li> <li> Country:<br> <select name="flag"> <option value="">(Please choose)</option><option value="af"> Afghanistan </option><option value="al"> Albania </option><option value="dz"> Algeria </option><option value="as"> American Samoa </option><option value="ad"> Andorra </option><option value="ao"> Angola </option><option value="ai"> Anguilla </option><option value="aq"> Antarctica </option><option value="ag"> Antigua and Barbuda </option><option value="ar"> Argentina </option> <option value="am"> Armenia </option><option value="aw"> Aruba </option><option value="au"> Australia </option><option value="at"> Austria </option><option value="az"> Azerbaijan </option><option value="bs"> Bahamas </option><option value="bh"> Bahrain </option><option value="bd"> Bangladesh </option><option value="bb"> Barbados </option><option value="by"> Belarus </option><option value="be"> Belgium </option><option value="bz"> Belize </option><option value="bj"> Benin </option><option value="bm"> Bermuda </option><option value="bt"> Bhutan </option><option value="bo"> Bolivia </option><option value="ba"> Bosnia and Herzegowina </option><option value="bw"> Botswana </option><option value="bv"> Bouvet Island </option><option value="br"> Brazil </option><option value="io"> British Indian Ocean Territory </option><option value="bn"> Brunei Darussalam </option><option value="bg"> Bulgaria </option><option value="bf"> Burkina Faso </option><option value="bi"> Burundi </option> <option value="kh"> Cambodia </option><option value="cm"> Cameroon </option><option value="ca"> Canada </option><option value="cv"> Cape Verde </option><option value="ky"> Cayman Islands </option><option value="cf"> Central African Republic </option><option value="td"> Chad </option><option value="cl"> Chile </option><option value="cn"> China </option><option value="cx"> Christmas Island </option><option value="cc"> Cocos Islands </option><option value="co"> Colombia </option><option value="km"> Comoros </option><option value="cd"> Congo </option><option value="cg"> Congo </option><option value="ck"> Cook Islands </option><option value="cr"> Costa Rica </option><option value="ci"> Cote DIvoire </option><option value="hr"> Croatia </option><option value="c*"> Cuba </option><option value="cy"> Cyprus </option><option value="cz"> Czech Republic </option><option value="dk"> Denmark </option><option value="dj"> Djibouti </option><option value="dm"> Dominica </option> <option value="do"> Dominican Republic </option><option value="tp"> East Timor </option><option value="ec"> Ecuador </option><option value="eg"> Egypt </option><option value="sv"> El Salvador </option><option value="gq"> Equatorial Guinea </option><option value="er"> Eritrea </option><option value="ee"> Estonia </option><option value="et"> Ethiopia </option><option value="fk"> Falkland Islands </option><option value="fo"> Faroe Islands </option><option value="fj"> Fiji </option><option value="fi"> Finland </option><option value="fr"> France </option><option value="gf"> French Guiana </option><option value="pf"> French Polynesia </option><option value="tf"> French Southern Territories </option><option value="ga"> Gabon </option><option value="gm"> Gambia </option><option value="ge"> Georgia </option><option value="de"> Germany </option><option value="gh"> Ghana </option><option value="gi"> Gibraltar </option><option value="gr"> Greece </option> <option value="gl"> Greenland </option><option value="gd"> Grenada </option><option value="gp"> Guadeloupe </option><option value="gu"> Guam </option><option value="gt"> Guatemala </option><option value="gn"> Guinea </option><option value="gw"> Guinea-Bissau </option><option value="gy"> Guyana </option><option value="ht"> Haiti </option><option value="hm"> Heard and Mc Donald Islands </option><option value="hn"> Honduras </option><option value="hk"> Hong Kong </option><option value="hu"> Hungary </option><option value="is"> Iceland </option><option value="in"> India </option><option value="id"> Indonesia </option><option value="ir"> Iran </option><option value="iq"> Iraq </option><option value="ie"> Ireland </option><option value="il"> Israel </option><option value="it"> Italy </option><option value="jm"> Jamaica </option><option value="jp"> Japan </option><option value="jo"> Jordan </option><option value="kz"> Kazakhstan </option><option value="ke"> Kenya </option> <option value="ki"> Kiribati </option><option value="kr"> Korea </option><option value="kp"> Korea </option><option value="kw"> Kuwait </option><option value="kg"> Kyrgyzstan </option><option value="la"> Lao Peoples Democratic Republic </option><option value="lv"> Latvia </option><option value="lb"> Lebanon </option><option value="ls"> Lesotho </option><option value="lr"> Liberia </option><option value="ly"> Libyan Arab Jamahiriya </option><option value="li"> Liechtenstein </option><option value="lt"> Lithuania </option><option value="lu"> Luxembourg </option><option value="mo"> Macau </option><option value="mk"> Macedonia </option><option value="mg"> Madagascar </option><option value="mw"> Malawi </option><option value="my"> Malaysia </option><option value="mv"> Maldives </option><option value="ml"> Mali </option><option value="mt"> Malta </option><option value="mh"> Marshall Islands </option><option value="mq"> Martinique </option> <option value="mr"> Mauritania </option><option value="mu"> Mauritius </option><option value="yt"> Mayotte </option><option value="mx"> Mexico </option><option value="fm"> Micronesia </option><option value="md"> Moldova </option><option value="mc"> Monaco </option><option value="mn"> Mongolia </option><option value="ms"> Montserrat </option><option value="ma"> Morocco </option><option value="mz"> Mozambique </option><option value="mm"> Myanmar </option><option value="na"> Namibia </option><option value="nr"> Nauru </option><option value="np"> Nepal </option><option value="nl"> Netherlands </option><option value="an"> Netherlands Antilles </option><option value="nc"> New Caledonia </option><option value="nz"> New Zealand </option><option value="ni"> Nicaragua </option><option value="ne"> Niger </option><option value="ng"> Nigeria </option><option value="nu"> Niue </option><option value="nf"> Norfolk Island </option><option value="mp"> Northern Mariana Islands </option> <option value="no"> Norway </option><option value="om"> Oman </option><option value="pk"> Pakistan </option><option value="pw"> Palau </option><option value="pa"> Panama </option><option value="pg"> Papua New Guinea </option><option value="py"> Paraguay </option><option value="pe"> Peru </option><option value="ph"> Philippines </option><option value="pn"> Pitcairn </option><option value="pl"> Poland </option><option value="pt"> Portugal </option><option value="pr"> Puerto Rico </option><option value="qa"> Qatar </option><option value="re"> Reunion </option><option value="ro"> Romania </option><option value="ru"> Russian Federation </option><option value="rw"> Rwanda </option><option value="kn"> Saint Kitts and Nevis </option><option value="lc"> Saint Lucia </option><option value="ws"> Samoa </option><option value="sm"> San Marino </option><option value="st"> Sao Tome and Principe </option><option value="sa"> Saudi Arabia </option><option value="sn"> Senegal </option> <option value="sc"> Seychelles </option><option value="sl"> Sierra Leone </option><option value="sg"> Singapore </option><option value="sk"> Slovakia </option><option value="si"> Slovenia </option><option value="sb"> Solomon Islands </option><option value="so"> Somalia </option><option value="za"> South Africa </option><option value="es"> Spain </option><option value="lk"> Sri Lanka </option><option value="sh"> St. Helena </option><option value="pm"> St. Pierre and Miquelon </option><option value="sd"> Sudan </option><option value="sr"> Suriname </option><option value="sj"> Svalbard and Jan Mayen Islands </option><option value="sz"> Swaziland </option><option value="se"> Sweden </option><option value="ch"> Switzerland </option><option value="sy"> Syrian Arab Republic </option><option value="tw"> Taiwan </option><option value="tj"> Tajikistan </option><option value="tz"> Tanzania </option> <option value="th"> Thailand </option><option value="tg"> Togo </option><option value="tk"> Tokelau </option><option value="to"> Tonga </option><option value="tt"> Trinidad and Tobago </option><option value="tn"> Tunisia </option><option value="tr"> Turkey </option><option value="tm"> Turkmenistan </option><option value="tc"> Turks and Caicos Islands </option><option value="tv"> Tuvalu </option><option value="ug"> Uganda </option><option value="ua"> Ukraine </option><option value="ae"> United Arab Emirates </option><option value="gb"> United Kingdom </option><option value="us"> United States </option><option value="uy"> Uruguay </option><option value="uz"> Uzbekistan </option><option value="vu"> Vanuatu </option><option value="va"> Vatican </option><option value="ve"> Venezuela </option><option value="vn"> Viet Nam </option><option value="vg"> Virgin Islands (British) </option><option value="vi"> Virgin Islands (US) </option> <option value="wf"> Wallis and Futuna Islands </option><option value="eh"> Western Sahara </option><option value="ye"> Yemen </option><option value="yu"> Yugoslavia </option><option value="zm"> Zambia </option><option value="zw"> Zimbabwe </option> </select> </li> </ul> </html> <?php if ($config['use_captcha']) { ?> <li> <div class="g-recaptcha" data-sitekey="<?php echo $config['captcha_site_key']; ?>"></div> </li> <?php } ?> <html> <ul> <li> <h2>Server Rules</h2> <p>The golden rule: Have fun.</p> <p>If you get pwn3d, don't hate the game.</p> <p>No <a href='http://en.wikipedia.org/wiki/Cheating_in_video_games' target="_blank">cheating</a> allowed.</p> <p>No <a href='http://en.wikipedia.org/wiki/Video_game_bot' target="_blank">botting</a> allowed.</p> <p>The staff can delete, ban, do whatever they want with your account and your <br> submitted information. (Including exposing and logging your IP).</p> </li> <li> Do you agree to follow the server rules?<br> <select name="selected"> <option value="0">Umh...</option> <option value="1">Yes.</option> <option value="2">No.</option> </select> </li> </ul> </html> <?php /* Form file */ Token::create(); ?> <html> <ul> <li> <input type="submit" value="Create Account"> </li> </ul> </form> </div> </div> <?php } include 'layout/overall/footer.php'; ?> Observação: o Html está misturado com códigos Php, peguei essa base por que estou aprendendo ainda a mexer com tudo isso.
  19. Limitar itens de uma paginação quando recebe um array no PHP

    Olá pessoal, preciso de uma grand ajuda de vocês, pois estou desenvolvendo um novo website e preciso acertar uma paginação SEM REFRESH que peguei em alguns tutoriais e adaptei as minhas necessidades , e essa paginação recebe normalmente quando não é um array, e irei explicar detalhadamente, tipo assim, o usuário faz uma busca de uma imóvel e escolhe um determinado bairro, e este bairro possuem 20 imóveis , na hora da paginação ele retorna certinho conforme minha limitação TIPO 4 ITENS POR PAGINAÇÃO, até tranquilidade, mas se o usuário buscar 2 bairro, por exemplo Tatuapé e Brás e cada bairro possuir 30 imóveis e eu limitar para aparecer 5 por página, o código trás 5 de cada bairro e fica aparecendo 10 na paginação ao invés de 5 , e queria que aparecesse somente 5 e os outros bairros viesses na próxima página.. Estou a semanas tentando acertar isso Segue o código abaixo: Código php com os critérios de busca: if(isset($_POST) && isset($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest'){ include_once("config.php");$sessao_usuario_1=session_start(); $session_id=session_id(); $session=$_SESSION['UsuarioLogin']; $senha=$_SESSION['UsuarioSenha']; if (!isset($_SESSION)) session_start(); $nivel_necessario=NULL; //include config file //Get page number from Ajax POST if(isset($_POST["page"])){ $page_number = filter_var($_POST["page"], FILTER_SANITIZE_NUMBER_INT, FILTER_FLAG_STRIP_HIGH); //filter number if(!is_numeric($page_number)){die('Página inválida!');} //incase of invalid page number }else{ $page_number = 1; //if there's no page number, set it to 1 } $results = $MySQLi->query("SELECT id,ip,negocio,tipo,cidade,bairro FROM busca_bairros WHERE ip='".$ip."' ORDER BY id DESC"); $linha=mysqli_fetch_array($results); $negocio_id=$linha['negocio']; $tipo_id=$linha['tipo']; $cidade_id=$linha['cidade']; $bairro_id=$linha['bairro']; $tipo_id_2=explode("|",$tipo_id); $cidade_id_2=explode("|",$cidade_id); $bairro_id_2=explode("|",$bairro_id); foreach ($tipo_id_2 as $key=> $tipo_id_3): foreach ($cidade_id_2 as $key=> $cidade_id_3): foreach ($bairro_id_2 as $kSey=> $bairro_id_3): /* MONTA CRITERIOS DE BUSCA */ $where = "i.ativo ='1'"; if(!empty( $negocio_id) ) { $where .=" AND i.id_negocio_tipo=".$negocio_id.""; }if(!empty( $tipo_id_3 ) ) { $where .=" AND i.id_tipo_imovel=".$tipo_id_3.""; } if(!empty( $cidade_id_3 ) ) { $where .=" AND i.id_cidade=".$cidade_id_3.""; } if(!empty( $bairro_id_3 ) ) { $where .=" AND i.bairro=".$bairro_id_3.""; } echo $bairro_id_3 .","; //get total number of records from database for pagination $results = $MySQLi->query("SELECT i.*, t.tipo_nome, b.bairro, n.tipo, c.cidade FROM imoveis i LEFT JOIN negocio_tipo n ON (n.id = i.id_negocio_tipo) LEFT JOIN imoveis_tipo t ON (t.id = i.id_tipo_imovel) LEFT JOIN cidades c ON (c.id = i.id_cidade) LEFT JOIN bairros b ON (b.id = i.bairro) WHERE ".$where."") or print(mysqli_error()); $get_total_rows =mysqli_num_rows($results); //hold total records in variable //break records into pages $total_pages = ceil($get_total_rows / $item_per_page); $pgs = ceil($total_pages / $page_number); $total_dados +=$get_total_rows; //get starting position to fetch the records $page_position = (($page_number-1) * $item_per_page); $pgst = ceil($total_dados / $item_per_page); mysqli_free_result($results); //////// endforeach; endforeach; endforeach; if (!empty($total_dados)==1 ) { echo "<br /><br /><div class='codigo_busca'><p>Foram encontrados <b>".$total_dados."</b> imóveis.</p>"."<br />"; echo "<p><span style='font-weight:bold; font-size:14px; color:#FF0;'><b>Página:</b></span> <span style='font-weight:bold; font-size:14px;'>".$page_number." de ".$pgst."</span></p></div><br /><br />"; }else{ echo"<br /><br /><br />"; echo "<div class='sem_busca'><b><span style='font: 22px Arial; color: #FFF; font-size: 15px;'><b>Nenhum imóvel encontrado! Tente uma nova busca !<br /><br /></b></span></b>"; echo"<br /><a href='javascript:window.history.go(-1)'><font color='#ffffff' size='2' face='Arial, Helvetica, sans-serif'><b>VOLTAR<br /><br /><img src='".$site."imagens/voltar.png'></b></font></a></div><br /><br />"; }} foreach ($tipo_id_2 as $key=> $tipo_id_3): foreach ($cidade_id_2 as $key=> $cidade_id_3): foreach ($bairro_id_2 as $kSey=> $bairro_id_3): /* MONTA CRITERIOS DE BUSCA */ $where = "i.ativo ='1'"; if(!empty( $negocio_id) ) { $where .=" AND i.id_negocio_tipo=".$negocio_id.""; }if(!empty( $tipo_id_3 ) ) { $where .=" AND i.id_tipo_imovel=".$tipo_id_3.""; } if(!empty( $cidade_id_3 ) ) { $where .=" AND i.id_cidade=".$cidade_id_3.""; } if(!empty( $bairro_id_3 ) ) { $where .=" AND i.bairro=".$bairro_id_3.""; } $sql =$MySQLi->query("SELECT i.id, i.valor, i.foto_exibicao, i.quartos, i.garagem,i.mapa, i.codigo, t.tipo_nome, n.tipo AS negocio, c.cidade, c.uf, b.bairro FROM imoveis i LEFT JOIN negocio_tipo n ON (n.id = i.id_negocio_tipo) LEFT JOIN imoveis_tipo t ON (t.id = i.id_tipo_imovel) LEFT JOIN cidades c ON (c.id = i.id_cidade) LEFT JOIN bairros b ON (b.id = i.bairro) WHERE ".$where." ORDER BY i.id DESC LIMIT (".array_slice.""." ".$page_position.", ".$item_per_page.") ") or print(mysqli_error()); while($linha = mysqli_fetch_array( $sql ) ) { $dados=mysqli_num_rows($sql); $foto=$linha['foto_exibicao']; $tipos=$linha['tipo_nome']; $tipo = $tipos; $tipo = strtolower( str_replace(" ", "-", strtr(utf8_decode(trim($tipo)), utf8_decode("áàãâéêíóôõúüñçÁÀÃÂÉÊÍÓÔÕÚÜÑÇ"),"aaaaeeiooouuncAAAAEEIOOOUUNC-")) ); $bairros=$linha['bairro']; $bairro = $bairros; $bairro = strtolower( str_replace(" ", "-", strtr(utf8_decode(trim($bairro)), utf8_decode("áàãâéêíóôõúüñçÁÀÃÂÉÊÍÓÔÕÚÜÑÇ"),"aaaaeeiooouuncAAAAEEIOOOUUNC-")) ); $cidades=$linha['cidade']; $cidade = $cidades; $cidade = strtolower( str_replace(" ", "-", strtr(utf8_decode(trim($cidade)), utf8_decode("áàãâéêíóôõúüñçÁÀÃÂÉÊÍÓÔÕÚÜÑÇ"),"aaaaeeiooouuncAAAAEEIOOOUUNC-")) ); $mapa=$linha['mapa']; $id=$linha['id']; ?> <div class="listaImoveis"> <?php $img1='<a href="'.$site.'imovel/'.$tipo ."/".$bairro."/".$cidade."/".$linha['id'].'"> <img src="'.$site.'img_imoveis/'.$foto.'" width="170" height="130" alt="Imobiliária em São Paulo" /></a> '; $img2=' <a href="'.$site.'imovel/'.$tipo ."/".$bairro."/".$cidade."/".$linha['id'].'"> <img src="'.$site.'img_imoveis/sem_foto.jpg" width="170" height="130" alt="Imobiliária em São Paulo" /></a> '; if(!empty($foto)){ echo $img1; }else{ echo $img2; } $url = getPage('https://maps.googleapis.com/maps/api/geocode/json?address='.$mapa.'&key=AIzaSyAQiIvxtURMaZKpE6Tj6hyJdfC72kgQI3g'); $output= json_decode($url); $lat = $output->results[0]->geometry->location->lat; $long = $output->results[0]->geometry->location->lng; if(!$mapa==1){ echo "<div class='alert_mapa'><img src='images/atencao.png'> Não foi possível abrir a localização pelo Google Mapas deste imóvel !</div>"; exit; }else if($lat==$long){ echo "<div class='alert_mapa_2'><img src='images/atencao.png'> OPS Não existem coordenadas para este Endereço no google Mapas !</div>"; } ?> <div class="listaImoveisbox"> <div class="listcodigo">Código: <?php echo $linha['id']; ?></div> <div class="listnegocio"><?php echo $linha['negocio']; ?></div> <div class="listnome"><?php echo $linha['tipo_nome']; ?></div> <div class="listvalor">Valor: <?php echo ( empty( $linha['valor'] ) || $linha['valor'] == '0.00' ? 'Consulte-nos' : 'R$ ' . number_format( $linha['valor'], 2, ',', '.') ); ?></div> <div class="comparar"><form><label><input name="comparar[]" type="checkbox" id="comparar" value="<?php echo $linha['id'];?>" /> Comparar </label></form></div> <div class="listquartos">Quartos: <?php echo $linha['quartos']; ?></div> <div class="listgaragem">Garagem: <?php echo $linha['garagem']; ?> vaga(s)</div> <div class="listbairro"><?php echo $linha['bairro']; ?></div> <div class="listcidade"><?php echo $linha['cidade'] . '/' . $linha['uf']; ?></div> <div class="favoritos_busca"> <a data-id="<?php echo $linha['id']; ?>" data-toggle="modal" data-target="#myModalfavoritos<?php echo $id;?>" class="hvr-pulse"><img src="images/icon_favoritos.png" alt="Favoritos"></a></div> <div class="busca_informacoes"> <a href="imovel/<?php echo $tipo?>/<?php echo $bairro?>/<?php echo $cidade?>/<?php echo $linha['id'];?>"> MAIS INFORMAÇÕES </a> </div> Código HTML com a DIV que recebe os dados : buscadeimoveis.php <html lang="pt-br"> <!--<![endif]--><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <base href="<?php echo $site;?>"> <title><?php echo $nome_empresa_2;?></title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/form.css" rel="stylesheet" type="text/css"> <link href="css/main.css" rel="stylesheet" type="text/css"> <link href="css/css.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="css/demo.css"> <!-- Pushy CSS --> <link rel="stylesheet" href="css/jquery.fancybox.min.css"> <link rel="stylesheet" href="css/pushy.css"> <link rel="stylesheet" type="text/css" href="engine1/style.css" /> <link rel="canonical" href="<?php echo $site;?>imovel/<?php echo "".$_GET['tipo_nome']."/".$_GET['bairro']."/".$_GET['cidade']."/".$_GET['idi'].""?>"/> <!-- Para saber mais sobre os comentários condicionais sobre as tags html na parte superior do arquivo: paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ Se você estiver usando a compilação personalizada do modernizr (http://www.modernizr.com/), faça o seguinte: * insira o link para o seu js aqui * remova o link abaixo para o html5shiv * adicione a classe "no-js" às tags html na parte superior * você também pode remover o link para respond.min.js se tiver incluído o MQ Polyfill na sua compilação do modernizr --> <!--[if lt IE 9]> <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body> <!--[if IE]> <script type="text/javascript"> alert('AVISO:Voce está rodando O INTERNET EXPLORER 8 ou inferior, e esta desatualizado, e este navegador não suporta as tecnologias de nosso site, atualize seu navegador para acessar o nosso site perfeitamente... Obrigado.'); </script> <![endif]--> <!--[if gt IE 8]><!--> <div id="body"> <div id="galeria_fotos"> <div class="galeria"> <div class="title"> <div class="title_texto"> </div></div> <div class="fundo_busca"> <div class="painel_busca_total"> <div class="texto_busca"><b>RESULTADO DA BUSCA</b></div> <?php $expira_busca =1; $tempo_on_busca= date('Y-m-d H:i:s'); $tempo_fim_busca= date('Y-m-d H:i:s',mktime(date('H'),date('i') - $expira_busca,date('s'),date('m'),date('d'),date('Y'))); $negocio = strip_tags( $_POST['negocio'] ); $tipo_id = $_POST['tipo']; $cidade = $_POST['cidade']; $bairro = $_POST['bairro'] ; $MySQLi->query("CREATE TABLE busca_bairros ( id INT(11) UNSIGNED AUTO_INCREMENT PRIMARY KEY, ip VARCHAR(255) NOT NULL, negocio VARCHAR(255) NOT NULL, tipo VARCHAR(255) NOT NULL, cidade VARCHAR(255), bairro VARCHAR(255), date TIMESTAMP ) "); $tipos=implode("|",$tipo_id); $cidades=implode("|",$cidade); $bairros=implode("|",$bairro); $MySQLi->query("INSERT INTO busca_bairros(ip,negocio,tipo,cidade,bairro,date)VALUES('".$ip."','".$negocio."','".$tipos."','".$cidades."','".$bairros."','".$tempo_on_busca."')"); $MySQLi->query("DELETE FROM busca_bairros WHERE date<='".$tempo_fim_busca."'"); $MySQLi->query("ALTER TABLE busca_bairros AUTO_INCREMENT = 1;"); ?> <div class="loading-div"><img src="img/status.gif" ></div> <div id="results"><!-- content will be loaded here --></div> </div> <br /><br /><br /><br /> </div></div></div> </body> </html> Lembrando que essa paginação é sem reflesh Se alguém puder me dar um help agradeço.. Página de teste onde esta o link da paginação: http://www.netsistec.com.br/jc_2018/resultado-da-busca
  20. Criar loja virtual em php

    Olá pessoal, Estou procurando um tutorial que ensinasse como criar uma loja virtual em php e MYQSL, com integração de pagamento, frete e tudo mais... Algum recente e atualizado
  21. Menu e Submenu HTML e CSS

    Olá a todos alguém me pode ajudar a conseguir mudar a largura de cada submenu conforme o tamanho dos links, Isto é, se é possível um submenu ter 100px de largura, outro 120px, mas que alarguem de forma automática, conforme comprimento texto do link sem dobrar? Por enquanto consegui que ficasse conforme o tamanho de cada link, ao pôr width: auto; logo abaixo de --COR DE FUNDO DO SUB MENU--*/ ... mas queria que toda a borda do submenu acompanhasse o mesmo tamanho. O código é o seguinte: /* NavbarMenu --------------------------- */ #NavbarMenu { background: #cc0000;/*--COR DE FUNDO DO MENU--*/ width: 1022px;/*--TAMANHO DO MENU--*/ float: left; height: 35px;/*--ALTURA DAS CASAS--*/ font-size: 13px;/*--TAMANHO DA FONTE--*/ font-family: arial;/*--TIPO DA FONTE--*/ color: #fff;/*--cor do link--*//*--COR DA FONTE--*/ font-weight: none; margin: 0; padding: 10; text-transform: none; } #NavbarMenuleft { width: 100%; float: left; margin: 0; padding: 0; } #nav { margin: 0; padding: 0; } #nav ul { float: left; list-style: yes; margin: 0; padding: 0; } #nav li { list-style: none; margin: 0; padding: 0; } #nav li a, #nav li a:link, #nav li a:visited { color: #FFF; /*--edite cor do link--*/ display: block; font-size: 13px;/*--tamanho da fonte do link--*/ font-family: arial; font-weight: bold; text-transform: none; margin: 0; padding: 9px 15px 8px; border-right: 1px solid #FFFFFF;/*--COR E TIPO DE BORDA--*/ } #nav li a:hover, #nav li a:active { background: #ffffff;/*--COR DE FUNDO EM ESTADO HOVER--*/ color: #FFF; /*--COR DA FONTE EM ESTADO HOVER--*/ margin: 0; padding: 9px 15px 8px; text-decoration: yes; color: #000000; } #nav li li a, #nav li li a:link, #nav li li a:visited { background: #cc0000;/*--COR DE FUNDO DO SUB MENU--*/ width: auto; color: #FFF; /*--cor do link--*/ font-size: 13px;/*--TAMANHO DA FONTE DO SUB MENU--*/ font-family: Arial;/*--FONTE DO SUB MENU--*/ font-weight: normal; text-transform: none; float: none; margin: 0; padding: 7px 10px; border-bottom: 1px solid #cc0000; border-left: 2px solid #cc0000; border-right: 2px solid #cc0000; } #nav li li a:hover, #nav li li a:active { background: #ffffff;/*--COR DE FUNDO DO SUB MENU EM ESTADO HOVER--*/ color: #FFF; /*--COR DA FONTE DO SUB MENU EM ESTADO HOVER--*/ text-transform: yes; color: #000000; font-weight: bold; padding: 7px 10px; } #nav li {float: left; padding: 0; } #nav li ul {z-index: 1000; position: absolute; left: -999em; height: auto; width: 132px; margin: 0; padding: 0; } #nav li ul a {width: 100px; } #nav li ul ul {margin: -32px 0 0 171px;} #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em;} #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;} #nav li:hover, #nav li.sfhover {position: static;} ------------------------------------------------------------------------------------------------------ <div id="NavbarMenu"> <div id="NavbarMenuleft"> <ul id="nav"> <li><a href="">AAAAAA &#9662;</a> <ul class="scroll"> <li><a href="">111111111111111</a></li> <li><a href="">2222</a></li> <li><a href="">33333333</a></li> <li><a href="">444444444444</a></li> </ul></li> <li> <li><a href="">BBBBBB &#9662;</a> <ul class="scroll"> <li><a href="">555555</a></li> <li><a href="">6666666666</a></li> <li><a href="">7777777</a></li> <li><a href="">888888888888888</a></li> </ul></li> <li> <li><a href="">CCCCCC &#9662;</a> <ul class="scroll"> <li><a href="">999999</a></li> <li><a href="">000000</a></li> <li><a href="">000000</a></li> <li><a href="">00000000</a></li> </ul></li> <li> <li><a href="">DDDDDD &#9662;</a> <ul class="scroll"> <li><a href="">111111111111111</a></li> <li><a href="">22222222222222222</a></li> <li><a href="">33333333333333333333</a></li> <li><a href="">44444444444444444</a></li> </ul></li> <li> <li><a href="">EEEEEE &#9662;</a> <ul class="scroll"> <li><a href="">555</a></li> <li><a href="">6666</a></li> <li><a href="">777</a></li> <li><a href="">888</a></li> </ul></li> <li> <li><a href="">FFFFFF &#9662;</a> <ul class="scroll"> <li><a href="">99999999999</a></li> <li><a href="">00000000</a></li> <li><a href="">0000000000000</a></li> <li><a href="">0000</a></li> </ul></li> <li> </li></li></li></li></li></li></ul> <li> </li></div></div> Exemplos:
  22. Estou tentando posicionar os elementos fora da div aplicando uma margem negativa, mas quando faço isso, o elemento fica "por baixo" da div e não por cima. Como gostaria que ficasse: (inputs) Como realmente está ficando: Como pode ver pela seleção, o conteúdo está fora da div, mas não está aparecendo. Tentativas: já apliquei position:relative e coloquei um z-index: 2; no form para ficar em cima, mas não deu certo. Alguém tem uma ideia?
  23. Contrast na página!

    <div class="navbar navbar-inverse" style="border-radius:0px;"> <div class="container"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="collapse navbar-collapse" id="myNavbar"> <ul class="nav navbar-nav"> <li class="active"><a href="{$GET_HOME}"><span class="glyphicon glyphicon-home"></span> Home</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Categorias <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#">Celulares</a></li> <li><a href="#">Computadores</a></li> <li><a href="#">Acessórios</a></li> </ul> </li> <li><a href="{$PAG_MINHACONTA}"><span class="glyphicon glyphicon-user"></span> Minha Conta</a></li> <li><a href="{$PAG_CARRINHO}"><span class="glyphicon glyphicon-shopping-cart"></span> Carrinho</a></li> <li><a href="{$PAG_CONTATO}"><span class="glyphicon glyphicon-envelope"></span> Contato</a></li> <li><a href="{$PAG_SOBRE}"><span class="glyphicon glyphicon-book"></span> Sobre</a></li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a title="Diminuir Fonte" alt="Diminuir" style="font-size:16px;" href="#"><span id="diminuir-fonte" class="glyphicon glyphicon- font"></span>-</a></li> <li><a title="Aumentar Fonte" alt="Aumentar" style="font-size:16px;" href="#"><span id="aumentar-fonte" class="glyphicon glyphicon- font"></span>+</a></li> <li><a style="font-size:16px;" href="#altocontraste" id="altocontraste" accesskey="3" onclick="window.toggleContrast()" onkeydown="window.toggleContrast"><span class="glyphicon glyphicon-adjust"></span></a></li> </ul> </div> </div> </div> </div> .contrast .pagination>.active>a, .contrast .pagination>.active>a:focus, .contrast .pagination>.active>a:hover, .contrast .pagination>.active>span, .contrast .pagination>.active>span:focus, .contrast .pagination>.active>span:hover { background-color: #EEEEEE !important; color: #222 !important; border-color: white !important; } .contrast .pagination a, .contrast .pagination span { background-color: #222 !important; color: white !important; border-color: white !important; } .contrast .pagination a:hover, .contrast .pagination a:focus, .contrast .pagination span:hover, .contrast .pagination span:focus { background-color: #6B6B6B !important; border-color: white !important; color: white !important; } .contrast .glyphicon.glyphicon-shopping-cart { color: black !important; } .contrast a.btn.btn-default { color: black !important; } .contrast .btn.btn-secondary { background-color: white !important; color: black !important; } .contrast .btn.btn-secondary:hover, .contrast a.btn.btn-default:hover { background-color: #A7A7A7 !important; border-color: #A7A7A7 !important; color: white !important; } Boa tarde pessoal, estou com uma certa dificuldade, quando clico em contrast na minha página, fica escura, ai vou na opção categorias, o texto fica branco, como faço para resolver isso? Como faria essa chamada para poder atingir esse dropdown-menu e poder dar uma outra cor. Obrigado pela atenção.
  24. Background Redimensionando Automaticamente

    Gostaria de saber se é possível fazer uma imagem da propriedade background da tag <body> se redimensionar automaticamente conforme a altura e largura dessa tag. Digo preencher a área toda do navegador.
×

Informação importante

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

Este projeto é mantido e patrocinado pelas empresas:
Hospedado por: