Ir para conteúdo

DinhoPHP

Members
  • Total de itens

    183
  • Registro em

  • Última visita

Reputação

1 Comum

Sobre DinhoPHP

  • Data de Nascimento 05-06-1982

Informações Pessoais

  • Sexo
    Masculino

Últimos Visitantes

301 visualizações
  1. Show Ezequiel! Muito, muito, muito, muito obrigado mesmo! Me ajudou a resolver algo bem solicitado pelo cliente, acredito que deva funcionar no mobile que terminei, porém faltou este efeito rs. Só fiz algumas adaptações devido a nomenclatura e funcionou apenas no mesmo arquivo HTML, segue o resultado: (o administrador pode marcar como resolvido) arquivo final <script> $(document).ready(function(){ $('.btn_formatado').click(function(){ $('.btn_formatado').removeClass('btn_ativo'); $(this).addClass('btn_ativo'); }); }); </script> <div id="procura_cliente"> <button id="btn_categorias" class="btn_formatado" style="border-bottom-right-radius: 0px; border-top-right-radius: 0px;">Comprar</button> <button id="btn_categorias" class="btn_formatado" style="border-bottom-left-radius: 0px;border-top-left-radius: 0px;border-bottom-right-radius: 0px; border-top-right-radius: 0px;">Alugar</button> <button id="btn_categorias" class="btn_formatado" style="border-bottom-left-radius: 0px;border-top-left-radius: 0px;">Lançamentos</button> </div>
  2. Show Ezequiel!!!! Vou testar aqui e retorno com a resposta já! E muito obrigado por ser JQuery, pois pretendo aprende-la ao invéz do Javascript. Muito obrigado!
  3. Olá! Imagino que um tópico desse é vergonhoso, porém sou péssimo em Javascript e se fosse outra linguagem eu resolveria com loop, mas enfim. Tenho três botões que quando um é selecionado este muda seu background-color (até aí blz). Porém se eu clicar em outro o anterior permanece com o background-color alterado até que o mesmo receba novamente o clique, substituindo assim, a classe css atual pela anterior, pois esse foi o único jeito que arrumei, mas o correto é que assim que um outro botão receba o clique, o anterior perca o seu "focus". Javascript function changeBgColor(element) { if(element.className === 'btn_clicado') { element.className = 'btn_desclicado'; } else if (element.className === 'btn_desclicado'){ element.className = 'btn_clicado'; } html <div id="procura_cliente"> <button id="btn_categorias" class="btn_desclicado" onclick="changeBgColor(this)" style="border-bottom-right-radius: 0px; border-top-right-radius: 0px;">Comprar</button> <button id="btn_categorias" class="btn_desclicado" onclick="changeBgColor(this)" style="border-bottom-left-radius: 0px;border-top-left-radius: 0px;border-bottom-right-radius: 0px; border-top-right-radius: 0px;">Alugar</button> <button id="btn_categorias" class="btn_desclicado" onclick="changeBgColor(this)" style="border-bottom-left-radius: 0px;border-top-left-radius: 0px;">Lançamentos</button> </div
  4. Div flutuante

    Muito obrigado mais uma vez pela luz Omar, porém fui mexendo e consegui resolver. Acabei achando em um tópico aqui mesmo, o uso do right no CSS de uma maneira como ainda não tinha feito, mas é claro que com as adições do que sei também rs. O administrador, pode fechar este tópico. código com a solução e classes desnecessárias ainda não removidas <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Teste Janela Fixa</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <?php $ROOTPATH = "site/"; ?> <style> * { margin: 0; padding: 0; box-sizing: border-box } .box-mae { position: relative } .box-mae:before, .box-mae:after { content: ""; display: table; clear: both } .esquerda, .direita { float: left; padding: 10px; display: inline-block } .esquerda { width: 70%; height: 1200px; background-color: red } .direita { overflow-y: auto; margin-top: 100px; width: 205px; height: 450px; background-color: #f9f6f7; display: block; position: fixed; right: 0; 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; } .btn_favorite{ position: absolute; width: 28px; top: 32px; left: 0; } .try_indicator{ width: 28px; height: 103px; margin-top: 138px; 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; } .title_content{ text-transform: uppercase; font-size: 1em; display: inline-block; margin-left: 27px; position: fixed; } .title_rot_90{ height: auto !important; overflow: visible !important; padding-top: 5px; 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; } </style> <script> $(function() { $('#caixa').jScrollPane(); }); </script> </head> <body> <div class="box-mae"> <div id="caixa" class="direita"> <!--<i class="fa fa-heart-o 1g" aria-hidden="true" style="color: red;"></i>--> <i class="fa fa-heart" aria-hidden="true" style="color: #FF0000; position: fixed;"></i> <div class="title_content">FAVORITOS</div> <div class="btn_favorite"> <!-- <div class="title_rot_90">FAVORITOS</div>--> <div class="try_indicator"> </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 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> </div> </body> </html>
  5. Div flutuante

    Então Omar, o seu código até me elucidou bem, mas pelo pouco que mexi, com a div esquerda com o tamanho 100% a div direita se sobrepões a esquerda como desejo, porém o float right não funciona e o margin-lef não me atendeu satisfatóriamente. até o momento <style> * { margin: 0; padding: 0; box-sizing: border-box } .box-mae { position: relative } .box-mae:before, .box-mae:after { content: ""; display: table; clear: both } .esquerda, .direita { float: left; padding: 10px; display: inline-block } .esquerda { width: 70%; height: 1200px; background-color: red } .direita { float: right; overflow-y: auto; margin-top: 100px; width: 300px; height: 450px; background-color: blue; display: block; position: fixed; margin-left: 77%; } #title_content{ text-transform: uppercase; font-size: 1em; display: inline-block; } .content{ background-color: #ffffcc; margin: 10px; } </style> </head> <body> <div class="box-mae"> <div class="esquerda"> </div> <div class="direita"> <div id="title_content">FAVORITOS</div> <div class="content"> <h3>coloque o que quiser aqui dentro coloque o que quiser aqui dentro coloque o que quiser aqui dentro coloque o que quiser aqui dentro coloque o que quiser aqui dentro </h3> </div> <div class="content"> <h3>coloque o que quiser aqui dentro coloque o que quiser aqui dentro coloque o que quiser aqui dentro coloque o que quiser aqui dentro coloque o que quiser aqui dentro </h3> </div> <div class="content"> <h3>coloque o que quiser aqui dentro coloque o que quiser aqui dentro coloque o que quiser aqui dentro coloque o que quiser aqui dentro coloque o que quiser aqui dentro </h3> </div> <div class="content"> <h3>coloque o que quiser aqui dentro coloque o que quiser aqui dentro coloque o que quiser aqui dentro coloque o que quiser aqui dentro coloque o que quiser aqui dentro </h3> </div> <div class="content"> <h3>coloque o que quiser aqui dentro coloque o que quiser aqui dentro coloque o que quiser aqui dentro coloque o que quiser aqui dentro coloque o que quiser aqui dentro </h3> </div> <div class="content"> <h3>coloque o que quiser aqui dentro coloque o que quiser aqui dentro coloque o que quiser aqui dentro coloque o que quiser aqui dentro coloque o que quiser aqui dentro </h3> </div> <div class="content"> <h3>coloque o que quiser aqui dentro coloque o que quiser aqui dentro coloque o que quiser aqui dentro coloque o que quiser aqui dentro coloque o que quiser aqui dentro </h3> </div> <div class="content"> <h3>coloque o que quiser aqui dentro coloque o que quiser aqui dentro coloque o que quiser aqui dentro coloque o que quiser aqui dentro coloque o que quiser aqui dentro </h3> </div> <div class="content"> <h3>coloque o que quiser aqui dentro coloque o que quiser aqui dentro coloque o que quiser aqui dentro coloque o que quiser aqui dentro coloque o que quiser aqui dentro </h3> </div> </div> </div>
  6. Div flutuante

    Muito obrigado Omar e desculpe a demora, testarei este exemplo e direi com exatidão se é o que desejo. Sobre a div ficar no canto, não desejo que fique oculta, mas que seja retrátil, se visitar o site do zap imóveis no PC, terá uma ideia legal do que desejo ao observar os imóveis adicionados em favoritos. Muito obrigado e até breve!
  7. Div flutuante

    Olá gente! No site que estou trabalhando, preciso fazer guia de favoritos que fica posicionada sempre à direita e ao ser clicada, exibe os imóveis favoritos, como no site do Zap Imóveis. Estou com dificuldades de como fazê-la ficar visível a todo tempo. Dei uma interrompida no código (por motivo de força maior) e pouco tenho ainda, mas deixarei o código. Caso alguém saiba até o que devo pesquisar, por favor, me avise. O resultado pode ser visto clicando aqui! home.php <?php require_once("include/head.php"); ?> <body> <div style="display:none;" class="tips"><?=__FILE__?></div> <div class="tail-top"> <?php require_once (DIR_BLOCO . "/header_home.php"); //require_once(DIR_BLOCO . "/bloco_busca_topo.php"); ?> <div class="ImageTop"> <?php require_once(DIR_BLOCO . "/bannerhome.php"); ?> <?php require_once(DIR_BLOCO . "/bloco_busca_home.php"); ?> </div> <div class="mainhome"> <?php require_once(DIR_BLOCO . "/autenticacao.php"); /*require_once(DIR_BLOCO . "/box_mapa.php");*/ require_once(DIR_BLOCO . "/bloco_anuncios_destaques.php"); require_once(DIR_BLOCO . "/bloco_banners_meio.php"); require_once(DIR_BLOCO . "/bloco_cidades_destaque.php"); require_once(DIR_BLOCO . "/bloco_noticias_destaques.php"); require_once(DIR_BLOCO . "/bloco_botao_anuncie_rodape.php"); ?> </div> </div> <div id="show_favorite" class="navbar navbar-inverse" data-spy="affix" data-offset-top="197"> <?php require_once(DIR_BLOCO . "/bloco_favorite_div.php"); /*AQUI É O ARQUIVO DA DIV FAVORITOS*/ ?> </div> <?php require_once(DIR_BLOCO . "/rodape.php"); ?> </body> </html> bloco_favorite_div.php <div style="display:none;" class="tips"><?=__FILE__?></div> <div id="box_favorite" style="background-color: #00307d;"> <i class="fa fa-heart-o 1g" aria-hidden="true"></i> <div id="content_btn_favorite" class="col-md-4"> <h2>FAVORITOS</h2> <div id="content_divs_favorite"> <div id="divs_favorite"> </div> </div> </div> </div> css_div_favorite.php /* DIV DOS FAVORITOS */ #show_favorite{ display: flex; overflow: hidden; box-sizing: border-box; border-color: red; height: 500px; width: max-content; } #box_favorite{ } #content_btn_favorite{ } #content_divs_favorite{ } #divs_favorite{ }
  8. Impedir div de quebrar quando a tela for redimensionada

    Já eu, estou querendo que a minha div dê uma quebrada ao diminuir a resolução. O interessante que em outro site eu fiz em outro site, a diferença é que não havia imagem na div. site que preciso inserir essa quebrada
  9. Auto ajuste (alguém com ideia brilhante?)

    Aphrodi, eu dei uma ajeitada lá, visualiza por favor e me fala, só evite maximizar o navegador para um resultado melhor. Desde já, agradeço o fato de ter comentado anteriormente.
  10. Auto ajuste (alguém com ideia brilhante?)

    Ou melhor, visualize até ficar em uma janela de 1026px no min. e verá o resultado.
  11. Auto ajuste (alguém com ideia brilhante?)

    !!!!!!!!!!! Não estava assim comigo! kkkkkkkkkkkkkk Testei agora e lembrei que enviei o CSS modificado após ter criado o tópico. Vou retirar uma media querie.
  12. Auto ajuste (alguém com ideia brilhante?)

    Olá! Estou tendo dificuldades em reajustar o topo de um site do meu cliente (no modo desktop), gostaria de usar uma maneira que evitasse muitas media query, mas estou tendo dificuldades. Estou praticamente alterando um template, faço os testes no modo desenvolvedor do google chrome, e depois digito na minha IDE. Agradeço quem ajudar e der dicas. VEJA O SITE AQUI O cliente também deseja que os inputs mantenham-se proporcionais.
  13. [Resolvido] Página não é exibida com require_once

    Matheus, recorri ao suporte do cliente e até fiquei com vergonha kkkkkk era uma tag php aberta no fim do arquivo. Provavelmente ficou e eu a interpretei como uma "extensão" para outro arquivo. O engraçado que ela estava ali antes e não dava erro, mas enfim, problema sanado. Agora, como marco esse tópico como resolvido? Abração e obrigado pela atenção.
  14. [Resolvido] Página não é exibida com require_once

    Acertou! Template, pois estou modificando o site conforme o cliente fez por imagem, só que notei que o site roda sob um template. Aonde provavelmente está dando o erro. Esse site foi uma empresa que fez e ele comprou, mas os códigos dele estão muito zoados, nota-se que nem PDO usa. rs
  15. [Resolvido] Página não é exibida com require_once

    Vou testar na header_home2.php, pois comentei o require e apareceu a página.
×

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: