Jump to content

Search the Community

Showing results for tags 'flutuante'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • 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

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 2 results

  1. DinhoPHP

    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{ }
  2. CID PEREIRA

    banner flutuante

    Prezados iMASTERS, Tentei inserir um banner flutuante em minhas páginas, através de um hiperlink. Obtive o código num fórum de que não consigo lembrar-me e o adaptei ao meu caso. No meu computador tudo funcionou perfeitamente, mas ao fazer o upload para o provedor não funcionou. Aguardo e agradeço qualquer ajuda. Usei o seguinte código: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JQuery - Banner Flutuante</title> <script src="../../../../BannerFlutuante.js"></script> <script type="text/javascript"> $(function(){ var $conteudo = $('#conteudo').width(); // largura do div principal var $banner = $('#banner'); $banner.animate({ left: ($conteudo /4)}, 900).show(); // aplicando efeito de deslocamento // para ajustar o posicionamento do banner, basta aumentar o número da divisão // #conteudo tem 1000px dividido por 4 = 250 - então, left será 250 $(".fechar").click(function(event){ event.preventDefault(); // previne o evento clique $("#banner").hide(); // ocultando o banner }); }); </script> <style type="text/css"> body{ font-family:Arial, Helvetica, sans-serif } #conteudo{ margin:0 auto; width:1000px; height:800px; background-color:#DDD; } #banner{ position:absolute; top:50px; left:0; float:left; width:720px; /* largura */ height:150px; /* altura */ background-color:#0066CC; /* cor de fundo */ -webkit-border-radius: 8px; /* canto arredondado */ -moz-border-radius: 8px; /* canto arredondado */ border-radius: 8px; /* canto arredondado */ z-index:999999; /* posicionando sobre os demais */ display:none; color:#FFFFFF; } #banner a{ color:#FFFFFF;text-decoration:none } #banner p { padding: 5px 10px 0; } p.link{ text-align:center;clear:both } #fechar{ position:relative; float:right; width:60px; height:20px; background-color:#000000; color:#FFFFFF; text-align:center; } </style> </head> <body> <div id="conteudo"> <div id="banner"> <!-- <div id="fechar"><a href="#" title="Fechar" class="fechar">X</a></div>----> <p class="link"><a href="#">Gn 3, 16</a></p> <p>16. Disse também à mulher: Multiplicarei os sofrimentos de teu parto; darás à luz com dores, teus desejos te impelirão para o teu marido e tu estarás sob o seu domínio.”</br></br> <a href="amorislaetitia05umrastodesofrimentoesangue.php">Voltar</a> </p> </div> </div> </body> </html>
×

Important Information

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