Jump to content
CID PEREIRA

banner flutuante

Recommended Posts

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>

Share this post


Link to post
Share on other sites

aperte Ctrl + Shift + J no Firefox ou Chrome e veja quais erros aparecem.

ai você corrige e deve funcionar

Share this post


Link to post
Share on other sites

Prezado BRUNO,

Inicialmente, agradeço a ajuda. Fiz o que você orientou, deu a seguinte mensagem:

"Failed to load resource: the server responded with a status of 404 (Not Found) http://www.curatorventris.org.br/BannerFlutuante.js
Uncaught ReferenceError: $ is not defined(…) jquery__banner_flutuantegn3-16.php:7
A div certisigner-enabled não foi encontrada. chrome-extension://jjoehgfmpefldljiipnmgnfmcbfjkaad/certisignerconf.js:4 "
Não sei como encontrar o código "BannerFlutuante.js", pois não me lembro de tê-lo criado;
O código " jquery__banner_flutuantegn3-16.php:7" foi adaptado por mim e está no provedor, pois fiz upload dele e verifico pelo filezila;
Não entendo nada sobre o código "chrome-extension://jjoehgfmpefldljiipnmgnfmcbfjkaad/certisignerconf.js:4"
Por favor explique-me.
Desde já agradeço, fraternalmente..
CID PERIERA

Share this post


Link to post
Share on other sites

Prezado BRUNO,

Também o sistema informa o seguinte erro:

// DIV ABAIXO OBRIGATORIA
var divCertisigner = document.querySelector('div#certisigner-enabled');
if(!divCertisigner){
console.log('A div certisigner-enabled não foi encontrada.');
divCertisigner = false;
}
// CLASS ABAIXO OBRIGATORIA PARA EXTENDED
var divCertisignerClass = (divCertisigner != undefined) ? divCertisigner.className : undefined;
var classCertisignerExtended = false;
if (divCertisignerClass) {
classCertisignerExtended = divCertisignerClass.indexOf("certisigner-extended") == 0;
}
Onde inserir essas div obrigatórias? Em qualquer ponto do código ?

Share this post


Link to post
Share on other sites

a primeira coisa que você tem que fazer é corrigir o caminho até o arquivo .js do banner.

Share this post


Link to post
Share on other sites

isso aqui:

<script src="../../../../BannerFlutuante.js"></script>
está errado.

você precisa colocar o caminho certo ali.

Share this post


Link to post
Share on other sites

Prezado BRUNO, já tentei as quatro opções:

<script src="../../../../BannerFlutuante.js"></script>
<script src="/BannerFlutuante.js"></script>
<script src="BannerFlutuante.js"></script>
<script src="../../../www.curatorventris.org.br/BannerFlutuante.js"></script>

Só funcionou no meu computador a primeira, ou seja como está. Nenhuma delas funcionou no servidor.

Share this post


Link to post
Share on other sites

então você não enviou o arquivo bannerflutuante.js para o servidor.

Share this post


Link to post
Share on other sites

Prezado BRUNO

Abaixo segue as tentativas de resolver o problema:

Primeira tentativa

<script src="../../../../BannerFlutuante.js"></script>

no meu computador, resultado: funcionou.

Resultado do upload:

"Estado: Iniciando o envio de D:\Cid\CuratorVentris\HP_HS\with_FL\html\jquery__banner_flutuantesalmo128.php
Estado: Transferência do arquivo bem sucedida, transferência de 2.664 bytes em 1 segundo".
no servidor, resultado: não funcionou.
Mensagem do sistema, após "control" + SHIFT +"J":
"Uncaught SyntaxError: Unexpected token <
jquery__banner_flutuantesalmo128.php:7 Uncaught ReferenceError: $ is not defined(…)
chrome-extension://jjoehgfmpefldljiipnmgnfmcbfjkaad/certisignerconf.js:4 A div certisigner-enabled não foi encontrada."

Segunda tentativa

<script src="/BannerFlutuante.js"></script>

no meu computador, resultado: não funcionou.

Mensagem do sistema, após "control" + SHIFT +"J":

"Failed to load resource: net::ERR_FILE_NOT_FOUND

jquery__banner_flutuantesalmo128.php:7 Uncaught ReferenceError: $ is not defined(…)"
Resultado do upload:
"Estado: Iniciando o envio de D:\Cid\CuratorVentris\HP_HS\with_FL\html\jquery__banner_flutuantesalmo128.php
Estado: Recuperando listagem do diretório de "/public_html/curatorventris.org.br"...
Estado: Recebida uma sequência de caracteres inválida, desabilitando UTF-8. Selecione a opção UTF-8 no Gerenciador de Sites para forçar ao UTF-8.
Estado: Transferência do arquivo bem sucedida, transferência de 2.653 bytes em 1 segundo"
No servidor, resultado: não funcionou
Mensagem do sistema, após "control" + SHIFT +"J":
"BannerFlutuante.js:1 Uncaught SyntaxError: Unexpected token <
jquery__banner_flutuantesalmo128.php:7 Uncaught ReferenceError: $ is not defined(…)(anonymous function) @ jquery__banner_flutuantesalmo128.php:7
certisignerconf.js:4 A div certisigner-enabled não foi encontrada."
Terceira tentativa
<script src="../../../curatorventris.org.br/BannerFlutuante.js"></script>

no meu computador, resultado: não funcionou.

Mensagem do sistema, após "control" + SHIFT +"J":

"file:///D:/Cid/CuratorVentris/curatorventris.org.br/BannerFlutuante.js Failed to load resource: net::ERR_FILE_NOT_FOUND
jquery__banner_flutuantesalmo128.php:7 Uncaught ReferenceError: $ is not defined(…)"
Resultado do upload:
"Estado: Iniciando o envio de D:\Cid\CuratorVentris\HP_HS\with_FL\html\jquery__banner_flutuantesalmo128.php
Estado: Recuperando listagem do diretório de "/public_html/curatorventris.org.br"...
Estado: Recebida uma sequência de caracteres inválida, desabilitando UTF-8. Selecione a opção UTF-8 no Gerenciador de Sites para forçar ao UTF-8.
Estado: Transferência do arquivo bem sucedida, transferência de 2.683 bytes em 1 segundo"
No servidor, resultado: não funcionou
Mensagem do sistema, após "control" + SHIFT +"J":
jquery__banner_flutuantesalmo128.php:5 GET http://www.curatorventris.org.br/curatorventris.org.br/BannerFlutuante.js 404 (Not Found)
jquery__banner_flutuantesalmo128.php:7 Uncaught ReferenceError: $ is not defined(…)(anonymous function) @ jquery__banner_flutuantesalmo128.php:7
certisignerconf.js:4 A div certisigner-enabled não foi encontrada.
Estou totalmente perdido.

Share this post


Link to post
Share on other sites

no arquivo bannerflutuante.js só deve ter código js!

de onde você copiou esse código?

se você não parar e estudar um básico de js e html, não vai ter jeito mesmo cara..

Share this post


Link to post
Share on other sites

o problema é que aqui:

http://www.curatorventris.org.br/BannerFlutuante.js

tem o html. Ai só deveria ter o código js do banner.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By guialacerda
      Alguem me recomenda um plugin para colocar popups no wordpress? Vou usar imagens, tipo vou por uns 4 banners popup aleatórios.
    • By thiago wendel
      boa tarde, sou novo na área e estou com um problema no site que preciso colocar o banner da home em modo carrossel automático para mudar sozinho
      o site e www.edicoescnbb.com.br , segue em anexo também a imagem

    • By Fernando Mello
      Olá boa tarde !
       
      Tenho um código em HTML que eu consegui colocar 2 imagens rotativas mas precisava de no mínimo 5... não estou conseguindo aumentar!
      Alguém poderia me ajudar?
       
      Segue o código.
      <section id="elemento-slider" class="intro-block full-slider no-sep cover-bg" data-selector="section" style="background: none 0% 0% repeat scroll rgb(221, 221, 221);"> <div id="carousel-full-header" class="carousel slide carousel-full" data-ride="carousel"> <div role="listbox" class="carousel-inner"> <div class="item"> <div class="container section-padding"> <div class="row"> <div class="col-md-12 editContent" data-selector=".col-md-12"> <img class="img-responsive center-block" src="https://blob.llimages.com/machine-user-images/Banner_Verdade-Letal-img-1588091-20190701125809.jpg" style="padding-bottom: 5%; width: auto; height: auto; border-radius: 0px; border-style: none; border-width: 1px;" alt="" data-selector="img" width="640" height="323"> </div> </div> </div> </div> <div class="item active"> <div class="container section-padding"> <div class="row"> <div class="col-md-12 editContent" data-selector=".col-md-12"> <img class="img-responsive center-block" src="https://blob.llimages.com/machine-user-images/Banner-Contagem-Regressiva-img-1588091-20190701125802.jpg" style="padding-bottom: 5%; width: auto; height: auto; border-radius: 0px; border-style: none; border-width: 1px;" alt="" data-selector="img" width="640" height="323"></div> </div></div></div></div></div></section> <a role="button" class="left carousel-control" href="#carousel-full-header" data-slide="prev"> <span class="arrow" data-selector=".carousel-control .arrow"></span> </a> <a role="button" class="right carousel-control" href="#carousel-full-header" data-slide="next"> <span class="arrow" data-selector=".carousel-control .arrow"></span> </a>  
    • By ianluis
      Procurei por toda a internet e não tem nada que ensine a como colocar propaganda dentro de um player de vídeo não e vídeo do youtube e sim player de vídeo no meu caso e de filme, estou construindo um site de filmes e animes e preciso colocar anúncios para poder pagar a hospedagem e melhorar a qualidade do site para ter mais acessos me ajudem por favor já procurei em toda internet e não tem niguem ensinando só videos de como colocar no youtube e não tem como já que eu não tenho nenhum vídeo armazenando no computador apenas links.
    • By wcordeiroo
      fala galera, sou aqui no forum e novo em html e css também, estou com um problema, espero que alguem consiga me ajudar
      ontem fiz meu primeiro código html/css para um banner de um site, ao visualizar o banner no navegador ele esta correto, mas quando eu publíco o código fonte na minha plataforma que gerenciar o site no espaço que ele deve aparecer, acaba se desconfigurando todo o arquivo, vou colar o codigo aqui e o print dele publicado para verem
       
      <div id=centro align="center"> <div class="container"> <div class="Banner Menu clearfix"> <a href="https://www.armazemk.com.br/tamanco-verniz-nude-0256" target="_blank" title="meu 35"><img src="https://www.armazemk.com.br/img/2019/05/banner/19360/tamanco.jpg" alt="tamanco"/> </a> <h1>meu 35.</h1> <h2>Frete Grátis Sul e Sudeste</h2> <h3>Tamanco Nude</h3> </div> </div> </div> <style><!-- @charset "utf-8"; /* CSS Document */ body { margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 0; } .container { width: 1180px; height: 277px; background-color: #F2F2F2; overflow: hidden; } h1 { position: absolute; font-family: times new Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; font-weight: lighter; font-size: 70px; text-align: center; margin-top: -250px; margin-left: 220px; color: #7F5428; } h2 { position: absolute; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: lighter; font-size: 18px; text-align: center; margin-top: -50px; margin-left: 200px; color: #7F5428; } h3 { position: absolute; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: lighter; font-size: 18px; text-align: center; margin-top: -50px; margin-left: 900px; color: #7F5428; } img { mix-blend-mode: multiply; width: 350px; height: 350px; margin-left: 400px; margin-top: -55px; } --></style>  
      PRINT dele publicado:

       
       
      Exemplo de como deve ficar:

       
       
      espero que consigam me ajudar, ontem pesquisei muito sobre isso, e nao encontrei nada.
       
      valeu
×

Important Information

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