Ir para conteúdo

Arquivado

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

isaque_cb2

botstrap erro com imagem

Recommended Posts

Olá galera, eu estou trabalhando em um site pessoal, mais para aprendizado mesmo, mas me deparei com um erro, quando eu abro o site no navegador (PC) funciona normal, mas quando abro no celular, a imagem dica pequena e no topo, alguém pode me ajudar com isso?

print 1: (modo mobile do inspecionar)

image.png.7161efc7c3dff501aa244a74896a3017.png

no PC fica normal, repare a área cinza abaixo da imagem, toda essa área devia ser coberta pela imagem, grato!

http://prntscr.com/mvj3ed

 

Grato desde já!

Compartilhar este post


Link para o post
Compartilhar em outros sites

<!doctype html>
<html>
<head>
<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Seven Pieces Entertainment</title>
	
<link rel="icon" href="images/Logo2_01.png" type="image/x-icon" />
<link rel="shortcut icon" href="images/Logo2_01.png" type="image/x-icon" />
	
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="css/all.css" rel="stylesheet" type="text/css">
<link href="css/css.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/js.js"></script>
</head>

<body>
		<!-------------------------------------- NAVEGAÇÃO (MENU) -->
		<div class="container" data-container="Home"></div>
  <nav class="navbar navbar-expand-lg navbar-dark fixed-top bg-dark" data-container="menu">
    <div class="container"><a class="navbar-brand h1 mb-0" href="#" data-container="link" data-link="Home" onClick="$('.navbar-nav').find('.active').removeClass('active');"><img class="mr-2 mb-0" width="30px" height="30px" src="images/Logo2_01.png">Seven Pieces Entertainment</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarCollapse">
      <ul class="navbar-nav ml-auto">
        <li class="nav-item"><a class="nav-link" href="#" data-container="link" data-link="Servicos">Serviços</a></li>
		  <li class="nav-item"><a class="nav-link" href="#" data-container="link" data-link="Projetos">Projetos</a></li>
		  <li class="nav-item"><a class="nav-link" href="#" data-container="link" data-link="Sobre">Sobre nós</a></li>
		  <li class="nav-item"><a class="nav-link" href="#" data-container="link" data-link="Patrocinadores">Patrocinadores</a></li>
		  <li class="nav-item"><a class="nav-link" href="#" data-container="link" data-link="Contato">Contato</a></li>
      </ul>
    </div>
		</div>
  </nav>
		<!-------------------------------------- NAVEGAÇÃO (MENU) -->
    <header>
<!--<main role="main">-->
		<!-------------------------------------- CARROSEL -->
		<?php
		$list1 = '';
		$list2 = '';
		
		$_sqlChecker = "SELECT * FROM `_carousel` WHERE 1";
		$_sqlResults = $_Connection -> query($_sqlChecker);

		if($_sqlResults -> num_rows > 0){
			$count = 0;
			while($_sqlRow = $_sqlResults -> fetch_assoc()){//echo "<br> ++";
				$Pid = $_sqlRow["c_id"];
				$Pimage = $_sqlRow["c_image"];
				$Ptitle = $_sqlRow["c_title"];
				$Ptext = $_sqlRow["c_text"];
				$Pbutton_text = $_sqlRow["c_button_text"];
				$Palign_method = $_sqlRow["c_align_method"];
				$Pbutton_url = $_sqlRow["c_button_url"];
					if($count == 0){$c = "active";}else{$c = "";}
					$list1 .= '<li data-target="#myCarousel" data-slide-to="' . $count . '" class="' . $c . '"></li>';
					
					$Button = $Pbutton_text == ""? "": '<a class="btn btn-lg btn-danger" href="' . $Pbutton_url . '" role="button">' . $Pbutton_text . '</a>';
					
					$list2 .= '<div class="carousel-item ' . $c . '">
					<img src="' . $Pimage . '" style="width: 100%; object-fit: contain">
								<div class="container">
								  <div class="carousel-caption ' . $Palign_method . '">
									<h1>' . $Ptitle . '</h1>
									<p>' . $Ptext . '</p>
									<p>' . $Button . '</p>
								  </div>
								</div>
							  </div>';
	  $count++;
				}
				echo '
				<div id="myCarousel" class="carousel slide" data-ride="carousel">
				<ol class="carousel-indicators">' . $list1 . '</ol>
				<div class="carousel-inner">' . $list2 . '</div>
				<a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
				  <span class="carousel-control-prev-icon" aria-hidden="true"></span>
				  <span class="sr-only">Previous</span>
				</a>
				<a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
				  <span class="carousel-control-next-icon" aria-hidden="true"></span>
				  <span class="sr-only">Next</span>
				</a>
			  </div>
				';
		}else{
			echo "Sem Serviços cadastrados no momento!";
		}
		?>

</header>
		<!-------------------------------------- FIM DO CARROSEL -->
<br>
<div class="container" data-container="Servicos">	
	<div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Serviços</h2>
                    <h3 class="section-subheading text-muted">A seven pieces enterteinment é uma marca relativamente nova na area de entretenimento e desenvolvimento!</h3>
                </div></div>
<div class="row text-center">
    <div class="col-md-4"><span class="fa-stack fa-4x"> <i class="fa fa-circle fa-stack-2x text-primary"></i><i class="fab fa-android fa-stack-1x fa-inverse"></i></span> 
      <h4 class="service-heading">Aplicativos android</h4>
      <p class="text-muted">Quer ter seu aplicativo para android desenvolvido! 
        entre em contato com a gente! <a  href=".ModalJobs" d data-toggle="modal" data-target=".ModalJobs">Clique 
        aqui para saber mais!</a></p>
    </div>
    <!-- Aplicativos android -->
    <div class="col-md-4"><span class="fa-stack fa-4x"> <i class="fa fa-circle fa-stack-2x text-primary"></i><i class="fas fa-gamepad fa-stack-1x fa-inverse"></i></span> 
      <h4 class="service-heading">Desenvovimento de jogos</h4>
      <p class="text-muted">Jogos para android, windows, etc... ao seu gosto! 
        <a href="#" data-toggle="collapse" data-target="#JogosColapse">Ver mais</a> 
      <div id="JogosColapse" class="collapse"> Lorem ipsum dolor sit amet, consectetur 
        adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore 
        magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco 
        laboris nisi ut aliquip ex ea commodo consequat. </div></p>
      </div>
    <!-- Desenvovimento de jogos -->
    <div class="col-md-4"><span class="fa-stack fa-4x"> <i class="fa fa-circle fa-stack-2x text-primary"></i><i class="fa fa-laptop fa-stack-1x fa-inverse"></i></span> 
      <h4 class="service-heading">Digital Marketing</h4>
      <p class="text-muted">Quer divulgar sua marca ou empresa, mas não sabe como? 
        <a href="#" data-toggle="collapse" data-target="#MarketingColapse">fale 
        conosco!</a> 
      <div id="MarketingColapse" class="collapse"> Lorem ipsum dolor sit amet, 
        consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore 
        et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation 
        ullamco laboris nisi ut aliquip ex ea commodo consequat. </div></p>
      </div>
    <!-- Digital Marketing -->
            </div>
    </div>
<div class="container" data-container="Projetos">
		<div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Projetos</h2>
                    <h3 class="section-subheading text-muted">Em <b>BREVE!</b></h3>
                </div>
			</div>
		<div class="row text-center">
			
	<?php
			include_once("Pags/ProjectsReader.php");
	?>
    </div>
	</div>
    <div class="container" data-container="Sobre">
		<div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Sobre</h2>
                    <h3 class="section-subheading text-muted">Em <b>BREVE!</b></h3>
                </div>
			</div>
		SOBRE<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div>
	
    <div class="container" data-container="Patrocinadores">
		<div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Patrocinadores</h2>
                    <h3 class="section-subheading text-muted">Em <b>BREVE!</b></h3>
                </div>
			</div>
		Patrocinadores<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div>
	
	<div class="container" data-container="Contato">
		<div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Contato</h2>
                    <h3 class="section-subheading text-muted">Em <b>BREVE!</b></h3>
                </div>
			</div>
		
		CONTATO<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div>
	
  <!-- FOOTER -->
  <footer class="ml-4" mr-4>
	  
	  <div class="row text-center">
				
  <div class="col-md-3"> 
    <h4 class="service-heading">Siga-nos</h4>
    <!-- p class="text-muted">Em <b>BREVE!</b></p -->
    <table width="80%" align="center">
      <tr> 
        <td width="64"><img src="images/icons/whatsapp.png" width="64" height="64"></td>
        <td><strong><font color="#66CC66">+55 31 8840-4625</font></strong></td>
      </tr>
      <tr> 
        <td width="64"><img src="images/icons/facebook.png" width="64" height="64"></td>
        <td><strong><a href="https://www.facebook.com/SevenPiecesEntertainment" style="color: #336699;">@SevenPiecesEntertainment</a></strong></td>
      </tr>
      <tr> 
        <td width="64"><img src="images/icons/instagram.png" width="64" height="64"></td>
        <td><strong><a href="https://www.instagram.com/SevenPiecesEntertainment/" style="color: #CC3366">@sevenpiecesentertainment 
          </a></strong></td>
      </tr>
      <tr> 
        <td width="64"><img src="images/icons/discord.png" width="64" height="64"></td>
        <td><strong><a href="#" style="color: #336699">Em Breve Ativo
          </a></strong></td>
      </tr>
      <tr> 
        <td width="64"><img src="images/icons/twitter.png" width="64" height="64"></td>
        <td><strong><a href="#" style="color: #336699">Em Breve Ativo
          </a></strong></td>
      </tr>
    </table>
  </div>
				
  <div class="col-md-3"> 
    <h4 class="service-heading">Assista-nos</h4>
    <p class="text-muted">Em <b>BREVE!</b></p>
    <table width="80%" align="center">
      <tr> 
        <td width="64"><img src="images/icons/youtube.png" width="64" height="64"></td>
        <td><strong><a href="#" style="color: #336699">Em Breve Ativo</a></strong></td>
      </tr>
      <tr> 
        <td width="64"><img src="images/icons/twitch.png" width="64" height="64"></td>
        <td><strong><a href="#" style="color: #993399">Em Breve Ativo</a></strong></td>
      </tr>
    </table>
  </div>
				
  <div class="col-md-3"> 
    <h4 class="service-heading">Titulo 3</h4>
    <p class="text-muted">Em <b>BREVE!</b></p>
  </div>
				
  <div class="col-md-3"> 
    <h4 class="service-heading">Titulo 3</h4>
    <p class="text-muted">Em <b>BREVE!</b></p>
  </div>
            </div>
    <br><p align="center">© 2019 <b>S</b>even <b>P</b>ieces <b>E</b>ntertainment · <a href="#">Privacidade</a> · <a href="#">Termos</a></p>
  </footer>
<div style="position: fixed; right:0%; top: 90%;"><form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick" />
<input type="hidden" name="hosted_button_id" value="EC5BA2UK6GRLU" />
<input type="image" src="https://www.paypalobjects.com/pt_BR/BR/i/btn/btn_donateCC_LG.gif" border="0" name="submit" title="PayPal - The safer, easier way to pay online!" alt="Donate with PayPal button" />
<img alt="" border="0" src="https://www.paypal.com/pt_BR/i/scr/pixel.gif" width="1" height="1" />
</form></div>
<!--</main>-->
	<!--<button class="btn btn-primary" data-toggle="modal" data-target=".ModalBig">Modal extra grande</button>
	<a href=".ModalJobs" d data-toggle="modal" data-target=".ModalJobs">ABRIR COM ICONE</a>-->

<div class="modal fade ModalJobs" tabindex="-1" role="dialog" aria-labelledby="myExtraLargeModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xl">
  <div class="modal-content"> 
    <div class="modal-header"> 
      <h5 class="modal-title" id="TituloModalLongoExemplo">Serviços</h5>
      <button type="button" class="close" data-dismiss="modal" aria-label="Fechar"><span aria-hidden="true">&times;</span></button>
    </div>
    <div class="modal-body"> 
      <div class="row text-center"> 
        <?php
		include_once("Pags/JobsReader.php");
		GetJob("android", $_Connection);
	?>
      </div>
      <div class="modal-footer"> 
        <button type="button" class="btn btn-danger" data-dismiss="modal">Fechar</button>
        <button type="button" class="btn btn-primary">Salvar mudanças</button>
      </div>
    </div>
  </div>
</div>

	<script>
        $('.navbar-nav li a').on("click", (function () {
            $('.navbar-nav').find(".active").removeClass("active");
            $(this).parent().addClass("active");
			
            $(this).parent().find(".active").css("color","red");
        }));
    </script>
</body>
</html>

Aí está, mas não vai ajudar muito eu acho, são muuitas paginas alem dessa, mas essa é a do print, a principal, "index.php"

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por violin101
      Caros amigos, saudações.
       
      Humildemente peço desculpa por postar uma dúvida que tenho.

      Preciso salvar no MySql, os seguinte Registro:

      1 - Principal
      ====> minha dúvida começa aqui
      ==========> como faço para o Sistema Contar Automaticamente o que estiver despois do 1.____?
      1.01 - Matriz
      1.01.0001 - Estoque
      1.01.0002 - Oficina
      etc

      2 - Secundário
      2.01 - Loja_1
      2.01.0001 - Caixa
      2.01.0002 - Recepção
      etc
       
      Resumindo seria como se fosse um Cadastro de PLANO de CONTAS CONTÁBEIL.

      Grato,


      Cesar









       
    • Por violin101
      Caros amigos, saudações.

      Por favor, me perdoa em recorrer a orientação dos amigos.

      Preciso fazer um Relatório onde o usuário pode Gerar uma Lista com prazo para vencimento de: 15 / 20/ 30 dias da data atual.

      Tem como montar uma SQL para o sistema fazer uma busca no MySql por período ou dias próximo ao vencimento ?

      Tentei fazer assim, mas o SQL me traz tudo:
      $query = "SELECT faturamento.*, DATE_ADD(faturamento.dataVencimento, INTERVAL 30 DAY), fornecedor.* FROM faturamento INNER JOIN fornecedor ON fornecedor.idfornecedor = faturamento.id_fornecedor WHERE faturamento.statusFatur = 1 ORDER BY faturamento.idFaturamento $ordenar ";  
      Grato,
       
      Cesar
       
       
       
       
    • Por violin101
      Caros amigos, saudações
       
      Por favor, me perdoa em recorrer a orientação dos amigos, tenho uma dúvida.
       
      Gostaria de uma rotina onde o Sistema possa acusar para o usuário antes dos 30 dias, grifar na Tabela o aviso de vencimento próximo, por exemplo:
       
      Data Atual: 15/11/2024
                                           Vencimento
      Fornecedor.....................Data.....................Valor
      Fornecedor_1...........01/12/2024..........R$ 120,00 <== grifar a linha de Laranja
      Fornecedor_1...........01/01/2025..........R$ 130,00
      Fornecedor_2...........15/12/2024..........R$ 200,00 <== grifar a linha de Amarelo
      Fornecedor_2...........15/01/2025..........R$ 230,00
      Fornecedor_3...........20/12/2024..........R$ 150,00
       
      Alguém tem alguma dica ou leitura sobre este assunto ?

      Grato,
       
      Cesar
    • Por violin101
      Caros amigos, saudações.

      Por favor, me perdoa em recorrer a ajuda dos amigos, mas preciso entender uma processo que não estou conseguindo sucesso.

      Como mencionado no Título estou escrevendo um Sistema Web para Gerenciamento de Empresa.
       
      Minha dúvida, que preciso muito entender:
      - preciso agora escrever a Rotina para Emissão de NFe e essa parte não estou conseguindo.
       
      tenho assistido alguns vídeos e leituras, mas não estou conseguindo sucesso, já fiz toda as importações das LIB da NFePhp conforme orientação.

      Preciso de ajuda.

      Algum dos amigos tem conhecimento de algum passo-a-passo explicando a criação dessa rotina ?

      tenho visto alguns vídeos com LARAVEL, mas quando tento utilizar e converter para PHP+Codeiginter, dá uma fila de erros que não entendo, mesmo informando as lib necessárias.

      Alguns do amigo tem algum vídeo, leitura explicando essa parte ?

      Grato,

      Cesar.
    • Por violin101
      Caros amigos, saudações.

      Por favor, me perdoa em recorrer ao auxílio dos amigos, mas preciso entender e resolver um problema.
       
      Tenho uma Rotina que o usuário seleciona os produtos que deseja para requerer ao setor responsável.
       
      O usuário escolhe um produto qualquer e Clicla em um button para incluir a lista.

      O problema que estou enfrentando é que após escolher o produto e teclar ENTER o Sistema já salva no BD.
       
      Gostaria de criar uma Tecla de Atalho, para quando incluir/escolher o produto na lista, o usuário tecla como exemplo:
      ALT+A  para agregar a lista
      ALT+S para salvar a lista de itens desejados.

      Assim, quando teclar enter, o sistema não dispara o GRAVAR na Base de Dados.

      Grato,

      Cesar
       
       
       
×

Informação importante

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