Script [ATUALIZADO e CUSTOMIZÁVEL] Você e algumas pessoas próximo a...

[EuMemo]

Em 18/06/2022 em 23:29, Markinho disse:

Sim, é só você excluir o código de cor #F33E99; (ou outra cor que estiver usando) em  " background-color: #F33E99; "...  e deixar simplesmente " background-color: "

Show mano valeuu, e pra tirar a cidade, sabe se tem como? Tentei mudar algumas coisas no codigo referente a cidade mas nao consegui tirar, se puder ajudar nessa tambem agradeço, aguardo... 

[Meyer.Hunter]

Em 05/05/2022 em 11:25, Dilminha disse:

Falaa meus Amores, vi que um tempo atrás nosso amigo @Marcus Viniciustrouxe um post com vários script phodas pra gente

E hoje vou deixar um agrado do fundo do meu s2 pra vcs, pode ser que ajude alguém 🥰

 

Seguinte, quando o script não conseguir fazer a leitura da Geolocalização do lead ou até que carregue, ficará assim...

 

Esse carregamento de leitura demora coisa de 1-2seg, assim que for feito a leitura ficará assim...

 

Ele é totalmente customizável, desde cores de fundo, cores e alteração da fonte, tamanhos e etc.

No próprio script já está tudo mastigado sobre onde alterar as coisas, é só engolir 😐

 

  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  <script>
    $(window).on('load', function () {

      $.ajax({
        url: "https://geolocation-db.com/jsonp",
        jsonpCallback: "callback",
        dataType: "jsonp",
        success: function (location) {
          var data = new Date(),
            dia = data.getDate().toString().padStart(2, '0'),
            mes = (data.getMonth() + 1).toString().padStart(2, '0'), //+1 pois no getMonth Janeiro começa com zero.
            ano = data.getFullYear();
          
          data = dia + '/' + mes + '/' + ano;

          //AQUI altera o texto ANTES do nome da cidade
          textoAntesCidade = 'Você e algumas pessoas próximo a ';
          //AQUI altera o texto DEPOIS do nome da cidade
          textoDepoisCidade = ' foram selecionadas para ver este vídeo até o dia ';

          mostrarData = true; //SE não quiser que a data apareça é só mudar o valor 'true' para 'false' e vice-versa para mostrar novamente 
          
          if(location.city)
            $('#container-cidade').html(textoAntesCidade + location.city + textoDepoisCidade + (mostrarData ? data : ''));
        }
      });
    });
  </script>
  <style>
    #container-cidade {
      padding: 1rem;
      width: 100%;
      /* AQUI altera a cor de fundo da caixa */
      background-color: #F33E99;
      /* AQUI altera a cor da letra */
      color: #FFFFFF;
      display: inline-table;
      /* AQUI altera o tamanho da letra */
      font-size: 15px;
      /* AQUI altera a altura da caixa */
      height: 13px;
      z-index: 1;
      position: inherit;
      top: 0;
      left: 0;
      font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
      text-align: center;
    }
  </style>
</head>

<div id="container-cidade">Aguarde um momento...</div>

 

Não esquece de deixar um 👍 pra mamãe fica feliz 😘

Tome meu Like e meu favorito

Show demais

[Zurguebeck]

Em 21/06/2022 em 20:52, CELEMETÉRIO disse:

Show mano valeuu, e pra tirar a cidade, sabe se tem como? Tentei mudar algumas coisas no codigo referente a cidade mas nao consegui tirar, se puder ajudar nessa tambem agradeço, aguardo... 

Só excluir "location.city" nessa parte...

$('#container-cidade').html(textoAntesCidade + location.city + textoDepoisCidade + (mostrarData ? data : ''));

[Cerebro]

Dilminha sua Linda!!!! 

 

[MadMen]

Mano obrigado, eu sempre procurei esse código pra colocar nas minhas paginas e nunca achava, salvou demais... já inseri aqui haha

[motomoto]

Esse fundo só fica rosa só? tentei de todo jeito mudar mas só fica rosa

 

[Soldier Rat]

18 horas atrás, motomoto disse:

Esse fundo só fica rosa só? tentei de todo jeito mudar mas só fica rosa

 

Opá brother. Tudo beleza? Acabei de usar o código e pra alterar essa cor da faixa vai na seguinte linha;

 " background-color: #F33E99; "

Mude o  #F33E99 para a numeração da cor que quer, uso uma extensão chamada ColorZilla, ela vai te ajudar a pegar esses números correspondentes as cores.

[Darleison]

Achei o que estava procurando top

Editado Setembro 28, 2022 por Darleison

[igor.casenaves2015@g]

Em 10/06/2022 em 18:07, Zurguebeck disse:

Galera, acabei de descobrir que esse https://geolocation-db.com/jsonp não está pegando com 4G.

SOLUÇÃO: Basta ir no código que disponibilizei e substituir esse site por https://ipinfo.io/json 😎

 

Tmj!

 

Agora foi, vlw!

[Neymar Careca]

Dá pra usar esse script em site responsivo ou precisa ajustar alguma coisa?