Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Ana Gauna

Contador de Visitas

Recommended Posts

No meu site uso os códigos do  Bootstrap em alguns itens.  Quero tirar uma dúvida.

A chamada de código javascript e css do Bootstrap anula os comandos do código PHP?

Eu notei que quando eu chamo o Bootstrap dentro do head o código php não funciona.

 

Tenho um código PHP de contador de visitantes.  

Ele sozinho funciona.  Ele junto com o Bootstrap ele não funciona.

Tem algum modo de fazer o código PHP funcionar junto com o Bootstrap?

 

Boa noite

 

 

 

<? php 
$arquivo = "contadorvisitas.txt"; 
$contador = (integer)0; 
$fp = fopen($arquivo,"r"); 
$contador = fgets($fp, 26); 
fclose($fp); 
++$contador; 
$fp = fopen($arquivo,"w+"); 
fwrite($fp, $contador, 26); 
fclose($fp); 
echo "Esta página foi visitada $contador vezes"; 
?>	

 

             <!-- BOOTSTRAP -->
			 <meta name="viewport" content="width=device-width, initial-scale=1">  <!-- uso com Bootstrap para Mobile -->
             <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" 
		     integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
             <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" 
	         integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
             <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" 
		     integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites
2 horas atrás, Ana Gauna disse:

No meu site uso os códigos do  Bootstrap em alguns itens.  Quero tirar uma dúvida.

A chamada de código javascript e css do Bootstrap anula os comandos do código PHP?

Eu notei que quando eu chamo o Bootstrap dentro do head o código php não funciona.

 

Tenho um código PHP de contador de visitantes.  

Ele sozinho funciona.  Ele junto com o Bootstrap ele não funciona.

Tem algum modo de fazer o código PHP funcionar junto com o Bootstrap?

 

Boa noite

 

 

 


<? php 
$arquivo = "contadorvisitas.txt"; 
$contador = (integer)0; 
$fp = fopen($arquivo,"r"); 
$contador = fgets($fp, 26); 
fclose($fp); 
++$contador; 
$fp = fopen($arquivo,"w+"); 
fwrite($fp, $contador, 26); 
fclose($fp); 
echo "Esta página foi visitada $contador vezes"; 
?>	

 


             <!-- BOOTSTRAP -->
			 <meta name="viewport" content="width=device-width, initial-scale=1">  <!-- uso com Bootstrap para Mobile -->
             <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" 
		     integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
             <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" 
	         integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
             <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" 
		     integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
 

 

<?php
//ABRE O ARQUIVO TXT
$ponteiro = fopen("contadorvisitas.txt", "r");
while (!feof($ponteiro)) {
    //PEGA VALOR
    $linha = fgets($ponteiro, 4096);
}
fclose($ponteiro);

//ABRE PARA ESCRITA
$ponteiro = fopen("contadorvisitas.txt", "w"); //w -> Abre somente para gravação; coloca o ponteiro no começo do arquivo e apaga o conteúdo que já foi escrito. Se o arquivo não existir, tentar criá-lo.
$soma = $linha + 1;
fwrite($ponteiro, $soma);
fclose($ponteiro);
?>

Olá Ana Boa noite.

Troque o Codigo PHP para esse, deve funcionar! Comentei para ficar explicado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Opa!

Eu estava olhando também....

Mas o código da Ana pelo menos aqui nem sem Boostrap funcionou, já o seu funcionou...

Aproveitei e testei esse código do Thalison com o Bs funcionou perfeitamente, só não esquece de incluir essa linha:

 

echo $linha 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites
2 horas atrás, Thalisson Marthinele disse:

No Arquivo dela , o w+ não vai rolar. 

para exibir para o visitante, so chamar a variavel $soma.


echo "Essa página foi visitada $soma vezes";

 

Ué? Mas por que será?

Compartilhar este post


Link para o post
Compartilhar em outros sites
11 horas atrás, Thalisson Marthinele disse:

<?php
//ABRE O ARQUIVO TXT
$ponteiro = fopen("contadorvisitas.txt", "r");
while (!feof($ponteiro)) {
    //PEGA VALOR
    $linha = fgets($ponteiro, 4096);
}
fclose($ponteiro);

//ABRE PARA ESCRITA
$ponteiro = fopen("contadorvisitas.txt", "w"); //w -> Abre somente para gravação; coloca o ponteiro no começo do arquivo e apaga o conteúdo que já foi escrito. Se o arquivo não existir, tentar criá-lo.
$soma = $linha + 1;
fwrite($ponteiro, $soma);
fclose($ponteiro);
?>

Olá Ana Boa noite.

Troque o Codigo PHP para esse, deve funcionar! Comentei para ficar explicado.

 

 

@Thalisson Marthinele

 

Eu uso o software PHP Designer 2007 para testar os códigos PHP.  Nele eu testei o meu código e vi que ele funciona.

Testei o seu código nele, e ele deu erro de variavel global não registrada.

 

Nenhum código PHP está funcionando quando eu chamo o css e js do Bootstrap junto. Eu tenho menu em Bootstrap, links de redes sociais em Bootstrap, rodapé em Bootstrap, e divisão de colunas de texto em Bootstrap, dentro do meu site. Os códigos PHP somente funcionam se eu desativo a chamada css e js do Bootstrap no HEAD. Mas eu faço isso o código PHP funciona mas o Bootstrap ele pára de funcionar. Ainda não encontrei um meio de fazer eles dois Bootstrap e PHP funcionarem juntos como amigos.  Eu já testei diversas vezes, e notei isso, a chamada js e css do Boostrap dentro do HEAD ele realmente está anulando todos os comandos do PHP.  Ele não quer funcionar junto com o PHP.

 

Bom dia a todos

 

Compartilhar este post


Link para o post
Compartilhar em outros sites
30 minutos atrás, Thalisson Marthinele disse:

Bom dia ana,

poste o fonte no qual você ta usando o bootstrap com o php

pq aqui rodou tranquilo.

Abraços

 

Ontem em um pedido de ajuda de menu CSS de uma pessoa, recomendaram ela usar um menu bootstrap, então eu adaptei o código dela dentro do meu código de menu Bootstrap.  Pois bem, aquele código de menu Bootstrap se botar um código PHP para trabalhar em conjunto com o menu, a chamada css e js do Bootstrap no HEAD não vai deixar nenhum código PHP funcionar, somente o menu irá funcionar.  Como se contorna isso?

 

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Código Botstrap para criar 3 colunas de texto ou imagens.  Para esse código funcionar tem que existir a chamada css e js do Bootstrap no HEAD.

Se colocar um código PHP junto ele não funciona.  Pelo menos eu ainda não consegui fazer o Bootstrap + PHP trabalhar juntos.

 


<div class="section">
     <div class="container">
          <div class="row">
               <div class="col-md-4"> primeira coluna de texto ou imagem </div>
               <div class="col-md-4"> segunda coluna de texto ou imagem  </div>
               <div class="col-md-4"> terceira coluna de texto ou imagem </div>
           </div>
     </div>
</div> 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

 

1 hora atrás, Ana Gauna disse:

 

Ontem em um pedido de ajuda de menu CSS de uma pessoa, recomendaram ela usar um menu bootstrap, então eu adaptei o código dela dentro do meu código de menu Bootstrap.  Pois bem, aquele código de menu Bootstrap se botar um código PHP para trabalhar em conjunto com o menu, a chamada css e js do Bootstrap no HEAD não vai deixar nenhum código PHP funcionar, somente o menu irá funcionar.  Como se contorna isso?

 

 

 

Será que foi eu? hehehe :smile:

 

Mas aqui funciona normal olha?

http://www.superdanilof1page.com.br/teste

Compartilhar este post


Link para o post
Compartilhar em outros sites
42 minutos atrás, Danilo CS disse:

 

Será que foi eu? hehehe :smile:

 

Mas aqui funciona normal olha?

http://www.superdanilof1page.com.br/teste

 

@Danilo CS

 

Estou estou tentando fazer esse código PHP contador de visitas funcionar junto com o meu código Bootstrap de menu.  

O código PHP sozinho ele funciona, e o código Bootstrap sozinho ele funciona.  Os dois juntos, não funcionou comigo.

Ainda não descobri o que tem que se fazer, para o código PHP funcionar em conjunto com o código do Bootstrap.  

 

Bom dia

 

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites
21 horas atrás, Ana Gauna disse:

 

@Danilo CS

 

Estou estou tentando fazer esse código PHP contador de visitas funcionar junto com o meu código Bootstrap de menu.  

O código PHP sozinho ele funciona, e o código Bootstrap sozinho ele funciona.  Os dois juntos, não funcionou comigo.

Ainda não descobri o que tem que se fazer, para o código PHP funcionar em conjunto com o código do Bootstrap.  

 

Bom dia

 

 

 

 

Bom dia Ana, Poste Seu INDEX, de como esta para verificação, visto que os teste feito por min e pelo Danilo Fluiram. Abraços

Compartilhar este post


Link para o post
Compartilhar em outros sites
Em 20/07/2017 at 11:09, Thalisson Marthinele disse:

Bom dia Ana, Poste Seu INDEX, de como esta para verificação, visto que os teste feito por min e pelo Danilo Fluiram. Abraços

 

@Thalisson Marthinele

 

Pedi para o meu provedor UOLHOST.com.br olhar o meu php.ini lá dentro para verificar se tem algo a ser alterado.

Eu estava usando a minha hospedagem como Windows com IIS com PHP, e os arquivos PHP não estavam funcionando.

Ontem eu troquei a minha hospedagem para Linux com Apache com PHP, e os arquivos PHP não estão funcionando.

Eu pedi para o suporte técnico do UOLHOST.com.br olhar como é que está a configuração do PHP online  para meu uso. 

 

Achei uns artigos na internet que falam que tem que ter um arquivo boostrap.php , eu vou tentar criar e testar.

http://www.jigsawboys.com/2009/09/17/how-to-bootstrap-php-code/

https://teamtreehouse.com/community/using-bootstrap-with-php

http://php.net/manual/pt_BR/yaf.tutorials.php

http://php.net/manual/pt_BR/solr.examples.php

http://php.net/manual/en/yaf-application.bootstrap.php

 

Bom dia

 

Compartilhar este post


Link para o post
Compartilhar em outros sites
15 horas atrás, Thalisson Marthinele disse:

Conforme nosso amigo acima disse, tb uso, em todos os projetos, e nao me ocorre nada.

Tente fazer o que ele disse.

se possiveil instale o xampp, e teste local.

 

@Thalisson Marthinele

 

Eu estou com o XAMPP instalado tem alguns meses, e estou usando no meu computador de casa. No XAMPP os arquivos PHP funcionam.

Ontem eu fiz upload do arquivo PHP.INI do PHP versão 7 do XAMPP para dentro do meu site. Depois que eu fiz isso, os arquivos PHP que eu tiha colocado dentro do meu domínio começaram a funcionar, se eu chamo o arquivo PHP individualmente online. Ontem eu transformei todos os meus arquivos com extensão HTML em extensão PHP.  Achei no site PHP.NET alguns links de como fazer a configuração no arquivo PHP.INI

Vou testar este agora no meu PHP.INI = http://php.net/manual/en/ini.sections.php

 

Bom dia

 

Compartilhar este post


Link para o post
Compartilhar em outros sites
23 horas atrás, AnthraxisBR disse:

Eu uso bootstrap normalmente com PHP sem fazer nada, inclusive uso em literalmente tudo que eu faço.

 

Ao invés de usar o repositório da cdn, baixe, e carregue ele direto no servidor.

 

@AnthraxisBR

 

Já fiz isso, já fiz o download dos arquivos ZIP Bootstrap e descompactei dentro do meu dominio.

Ontem eu renomei todos os meus arquivos com extensão  HTML para a extensão PHP.

Ontem eu fiz upload do arquivo PHP.INI do PHP versão 7 do XAMPP para dentro do meu domínio.

Depois disso feito, os arquivos PHP começaram a funcionar quando chamo individualmente.

 

Bom dia

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Achei agora um site legal de configuração PHP

 

PHP do Jeito Certo = http://br.phptherightway.com/

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

@Thalisson Marthinele

 

@Danilo CS

 

@AnthraxisBR

 

Consegui, os meus arquivos PHP já estão funcionando online dentro do meu domínio.

Primeiro o UTF-8 parou de funcionar reconhecendo os acentos pt-BR dentro do PHP, mas consegui resolver assim:

 

<?php 
// Diz para o PHP que estamos usando strings Latin2 até o final do script
mb_internal_encoding('Latin2');

// Diz para o PHP que nós vamos enviar uma saída Latin2 para o navegador
mb_http_output('Latin2');
ob_start("mb_output_handler");  

header('Content-type: text/html; encode=Latin2 language=pt-BR; charset=UTF-8',true);
?>

 

Arquivo PHP.INI

 

[UTF-8]
Charset="UTF-8"
Language="pt-BR"
Content-type="text/html"
Encode=Latin2

[Date]
; Defines the default timezone used by the date functions
; http://php.net/date.timezone
date.timezone ="Brasil/Brasilia"

 

Agora eu já posso e vou continuar testando outros códigos PHP online.

 

Obrigado e bom Domindo a todos.

 

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por clovis.sardinha
      Como fazer para colocar um spinner antes de carregar os dados do bd? Eu clico no link e entra na função do controle e só vai para a página da views quando já está pronto a query. Vi uns exemplos de colocação de spinner, mas se a página ainda não apareceu como faço? Vou anexar a função que chama a página para facilitar. 
      public function inativos()  {     $session = \Config\Services::session();     $pager = \Config\Services::pager();     $usuarios=$this->usuarios->getInativos();//faz a query no bd.     $dados=[         'usuarios'=>$usuarios,         'pager'=>$this->usuarios->pager,     ];     echo view('Admin/Relatorios/listaInativos',$dados); }   
    • Por gabrielpaiva2
      Gostaria de centralizar o card 1,2 e 3 e colocar o 4 e 5 em baixo, que tipo de alteração faço 
      algo como na img         Cards Projeto (codepen.io)
      <!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.0/css/all.min.css"> <script defer src="js/jquery.js"></script> <script defer src="js/script.js"></script> <script defer src="js/script-form-list.js"></script> <!-- Bootstrap --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous"> <link rel="stylesheet" href="./css/style.css"> <title>TITULO</title> </head> <body> <!--cabeçalho:logo,menu,login--> <header> <div class="logo"> <i><img src="" alt="Image" height="460" width="520"></i> </div> <div> <nav id='menu'> <nav class="cabeçalho-link"> <a href='item1.html'><button>Base</button></a> <a href='item1.html'><button>Sobre</button></a> <a href='item1.html'><button>Contatos</button></a> <a href='item1.html'><button>Planos</button></a> <div class="icones"> <a id='iconLogin' class="fa-sharp fa-solid fa-users-line"></a> </div> <section id='login'> campo login <a id='fecharLogin'>X</a> </section> </nav> </div> </header> <main> <section class="main-content"> <div class="container"> <h1 class="page-title text-center">Equipe<b></b></h1> <div class="row"> <div class="col-md-3 col-sm-4"> <div class="card"> <div class="card_cover"> </div> <div class="card_padding"> <div class="card_image"> <img src="https://png.pngtree.com/element_our/png_detail/20181130/web-search-vector-icon-png_253149.jpg" alt=""> </div> <div class="card_details"> <h3>NOME1</h3> <p class="text">Função</p> </div> <div class="card_social"> <a href=#!> <img src="./imagens/card/social/linkedin.png" alt="Linkedin"> </a> <a href=> <img src="./imagens/card/social/github.png" alt="Twitter"> </a> </div> </div> </div> </div> <div class="col-md-3 col-sm-4"> <div class="card"> <div class="card_cover"> </div> <div class="card_padding"> <div class="card_image"> <img src="https://png.pngtree.com/element_our/png_detail/20181130/web-search-vector-icon-png_253149.jpg" alt=""> </div> <div class="card_details"> <h3>NOME2</h3> <p class="text">Função</p> </div> <div class="card_social"> <a href=#!> <img src="./imagens/card/social/linkedin.png" alt="Linkedin"> </a> <a href=> <img src="./imagens/card/social/github.png" alt="Twitter"> </a> </div> </div> </div> </div> <div class="col-md-3 col-sm-4"> <div class="card"> <div class="card_cover"> </div> <div class="card_padding"> <div class="card_image"> <img src="https://png.pngtree.com/element_our/png_detail/20181130/web-search-vector-icon-png_253149.jpg" alt=""> </div> <div class="card_details"> <h3>NOME3</h3> <p class="text">Função</p> </div> <div class="card_social"> <a href=#!> <img src="./imagens/card/social/linkedin.png" alt="Linkedin"> </a> <a href=> <img src="./imagens/card/social/github.png" alt="Twitter"> </a> </div> </div> </div> </div> <div class="col-md-3 col-sm-4"> <div class="card"> <div class="card_cover"> </div> <div class="card_padding"> <div class="card_image"> <img src="https://png.pngtree.com/element_our/png_detail/20181130/web-search-vector-icon-png_253149.jpg" alt=""> </div> <div class="card_details"> <h3>NOME4</h3> <p class="text">Função</p> </div> <div class="card_social"> <a href=#!> <img src="./imagens/card/social/linkedin.png" alt="Linkedin"> </a> <a href=> <img src="./imagens/card/social/github.png" alt="Twitter"> </a> </div> </div> </div> </div> <div class="col-md-3 col-sm-4"> <div class="card"> <div class="card_cover"> </div> <div class="card_padding"> <div class="card_image"> <img src="https://png.pngtree.com/element_our/png_detail/20181130/web-search-vector-icon-png_253149.jpg" alt=""> </div> <div class="card_details"> <h3>NOME5</h3> <p class="text">Função</p> </div> <div class="card_social"> <a href=#!> <img src="./imagens/card/social/linkedin.png" alt="Linkedin"> </a> <a href=> <img src="./imagens/card/social/github.png" alt="Twitter"> </a> </div> </div> </div> </div> </section> </main> <div id='muleta'></div> <footer class="w-100 py-4 flex-shrink-0"> <div class="container py-4"> <div class="row gy-4 gx-5"> <div class="col-lg-4 col-md-6"> <h5 class="h1 text-white">PS</h5> <p class="small text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.</p> <p class="small text-muted mb-0">&copy; Copyrights. All rights reserved. <a class="text-primary" href="#">Bootstrap</a></p> </div> <div class="col-lg-2 col-md-6"> <h5 class="text-white mb-3">Informações</h5> <ul class="list-unstyled text-muted"> <li><a href="#">Home</a></li> <li><a href="#">Sobre</a></li> <li><a href="#">Contato</a></li> <li><a href="#">Planos</a></li> </ul> </div> <div class="col-lg-2 col-md-6"> <h5 class="text-white mb-3">Categorias</h5> <ul class="list-unstyled text-muted"> <li><a href="#">Home</a></li> <li><a href="#">Contato</a></li> <li><a href="#">FAQ</a></li> <li><a href="#">#</a></li> </ul> </div> <div class="col-lg-4 col-md-6"> <h5 class="text-white mb-3">Newsletter</h5> <p class="small text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.</p> <form action="#"> <div class="input-group mb-3"> <input class="form-control" type="text" placeholder="Email" aria-label="Recipient's username" aria-describedby="button-addon2"> <button class="btn btn-primary" id="button-addon2" type="button"><i class="fas fa-paper-plane"></i></button> </div> </form> </div> </div> </div> </footer> </div> </body> </html> * { padding: 0; margin: 0; } header { width: 100%; height: 120px; background-color: #010138; position: absolute; } header .logo { color: black; font-size: 1px; font-weight: bolder; } header .logo i { color: black; } header div { width: 70%; left: 0; right: 0; margin: auto; } /* este é o cabeçalho todas as configurações de posições das opções para os usuarios estão aqui*/ header .logo { color: black; font-size: 1px; font-weight: bolder; } header .logo i { color: black; } header .cabeçalho-link { padding-left: 100px; cursor: pointer; gap: 3rem; display: flex; padding-top: 20px; font-weight: 500; border-radius: 5rem; color: aliceblue; } header .cabeçalho-link a { color: rgb(255, 255, 255); font-size: 20px; border-radius: 4rem; font-size: 1.7rem; } button { background-color: #FFCC15; color: rgb(0, 0, 0); padding: 5px; width: 150px; border-radius: 15px; font-size: 15px; cursor: pointer; } /* margem e bordas modificadas, para possuir um formato mais oval, incluindo aqui também a cor preta para as letras*/ button:hover { background-color: rgb(99, 78, 0); color: #FFCC15; } /* quando o usuario passar o cursor em cima de cada opção, ele mudará de cor*/ .logo { /*para pode adicionar a logo do meu site*/ height: 100px; width: 60px; padding-top: 49px; padding-left: 720px; padding-right: 220px; display: inline-flex; justify-content: center; text-align: center; align-items: center; cursor: pointer; } .icones { height: 100px; cursor: pointer; gap: 1rem; display: flex; border-radius: 5rem; } header .icones i, header .icones a { cursor: pointer; height: 4.5rem; width: 4.5rem; text-align: center; font-size: 40px; border-radius: 50%; padding: 5rem, 1.5rem; line-height: 4.5rem; } header .icones i:hover, header .icones a:hover { transform: rotate(360deg); border-radius: 20px; transition: 0.5s all; } .sobre .row .content .icones-container .icones span { font-size: 1.5rem; color: var(black); } #iconLogin { float: right; color: white; background: #0D0A97; } #login { display: none; position: fixed; background: white; top: 70px; right: 15%; width: 100px; height: 100px; } /* CARDS */ .main-content { margin: 50px auto; margin-top: 0; padding: 80px; max-width: 1350px; background: #fff; -webkit-box-shadow: 0 20px 100px -15px rgba(0, 0, 0, 0.1); box-shadow: 0 20px 100px -15px rgba(0, 0, 0, 0.1); } .page-title { font-size: 45px; margin: 0 auto 80px auto; margin-top: 150px; } .page-title:after { content: ""; width: 110px; height: 4px; background: #F39745; display: block; margin: 15px auto 0 auto; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .card { background: #fff; -webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1); text-align: center; margin-bottom: 30px; border-radius: 10px; } .card .card_cover { height: 130px; overflow: hidden; background-color: #27408B; } .card .card_padding { padding: 25px; position: relative; margin-top: -85px; } .card .card_image { width: 125px; height: 125px; border-radius: 125px; overflow: hidden; border: 4px solid #FFCC15; margin: 0 auto 15px auto; -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); } .card .card_image img { width: 125px; height: 125px; -o-object-fit: cover; object-fit: cover; } .card .card_details h3 { font-size: 21px; } .card .card_details p { font-size: 16px; margin-bottom: 15px; } .card .card_social { text-align: center; } .card .card_social a { display: inline-block; } .card .card_social img { width: 33px; margin: 5px 10px; } /* SLIDE CARD */ /* FOOTER */ #muleta { clear: both; } footer { background-color: #010138; } footer a { color: black; text-decoration: none; transition: all 0.3s; } .form-control { background: #212529; border-color: #545454; } .form-control:focus { background: #212529; } @media (max-width:768px) { header .cabeçalho-link { display: list-item; } header .icones { display: list-item; } header .logo { display: auto; max-width: 200px; margin: auto; } header .backgroundFoto { max-width: 200px; margin: auto; } }  

    • Por Cícero Antônio
      Olá pessoal
       
      Migrei recentemente para um novo provedor e não consigo carregar o BOOTSTRAP de forma interna. Só consigo carregar através do link externo.
       
      Assim não consigo carregar:
      <link rel="stylesheet" href="https://www.meusite.com/assets/bootstrap/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
      Assim eu consigo:
       
      <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> Alguém já passou por isso?
       
      O caminho interno está correto; o arquivo está onde deveria estar; em outro provedor estava funcionando normalmente. Atualmente precisei migrar o site para o provedor HostGator e agora me apresentou esse problema. 
       
      Se alguém já tiver passado por isso e tiver uma solução eu agradeço.
       
    • Por asacap1000
      Salve galera.
      Tenho uma página com vários box deste abaixo com a descrição de uma TV que temos na empresa onde mostram os status de diversos processos.
      Ainda não coloquei o link para o direcionamento porém antes da pessoa clicar eu gostaria que quando posicionasse o mouse em cima do botão aparecesse uma miniatura do site destino.
      é Possivel isso?? eu tentei o mouseover mas não carregou, 
       
                  <div class="col-lg-3 col-xs-6">
                    <div class="small-box bg-blue-gradient" style="border-radius: 05px 05px;">
                      <div class="inner">
                        <h3 align="center"><?=$qtd_veiculos?></h3>
                        <p align="center">VEÍCULOS EM TRÂNSITO</p>
                      </div>
                    </div>
                  </div>
       
    • Por leonardorafaeldev
      Boa noite pessoal estou com um problema que o icone do meu site não aparece no mobile segue uma foto do problema o meu codigo esta assim
       
      <!-- icones -->   <link href="icones/favicon.ico" rel="icon">   <link href="icones/favicon.ico" rel="shortcut icon">    <link rel="apple-touch-icon" sizes="57x57" href="icones/apple-icon-57x57.png">   <link rel="apple-touch-icon" sizes="60x60" href="icones/apple-icon-60x60.png">   <link rel="apple-touch-icon" sizes="72x72" href="icones/apple-icon-72x72.png">   <link rel="apple-touch-icon" sizes="76x76" href="icones/apple-icon-76x76.png">   <link rel="apple-touch-icon" sizes="114x114" href="icones/apple-icon-114x114.png">   <link rel="apple-touch-icon" sizes="120x120" href="icones/apple-icon-120x120.png">   <link rel="apple-touch-icon" sizes="144x144" href="icones/apple-icon-144x144.png">   <link rel="apple-touch-icon" sizes="152x152" href="icones/apple-icon-152x152.png">   <link rel="apple-touch-icon" sizes="180x180" href="icones/apple-icon-180x180.png">   <link rel="icon" type="image/png" sizes="192x192"  href="icones/android-icon-192x192.png" >   <link rel="icon" type="image/png" sizes="36x36" href="icones/android-icon-36x36.png">   <link rel="icon" type="image/png" sizes="48x48" href="icones/android-icon-48x48.png">   <link rel="icon" type="image/png" sizes="96x96" href="icones/android-icon-96x96.png">   <link rel="icon" type="image/png" sizes="144x144" href="icones/android-icon-144x144.png">   <link rel="icon" type="image/png" sizes="72x72" href="icones/android-icon-72x72.png">   <link rel="icon" type="image/png" sizes="32x32" href="icones/favicon-32x32.png">   <link rel="icon" type="image/png" sizes="96x96" href="icones/favicon-96x96.png">   <link rel="icon" type="image/png" sizes="16x16" href="icones/favicon-16x16.png">   <link rel="manifest" href="icones/manifest.json">   <meta name="msapplication-TileColor" content="#ffffff">   <meta name="msapplication-TileImage" content="icones/ms-icon-144x144.png">   <meta name="theme-color" content="#ffffff">   <meta charset="utf-8">   <meta content="width=device-width, initial-scale=1.0" name="viewport">
×

Informação importante

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