-
Conteúdo Similar
-
Por ment0r
Boa tarde pessoal, tudo bem?
É possível remover o cabeçalho e rodapé da impressão de uma página html via php, css ou javascript? Já adianto que não gostaria de gerar pdf, mas sim saber se é possível remover ou não.
Obrigado a todos.
-
Por vicentepc
Prezado(a)s:
Estou tentando imprimir conteúdo de questões em duas colunas dinâmicas via php, mas gerando html, sendo que no final de cada página deve-se imprimir um rodapé centralizado na página. Esse rodapé não deve ser impresso nas duas colunas. Conforme o exemplo da imagem a seguir:
A imagem apresenta um rodapé sendo impresso de forma errada e só é impresso na primeira página. Note que esse rodapé deve ser impresso em toda a extensão da página e as questões devem ser impressas em duas colunas dinâmicas.
Utilizo um loop para obter as informações de cada questão em php, sendo que esse conteúdo está dentro de uma div definida com a classe two (css). Segue os respectivos códigos.
<?php echo '<link rel="stylesheet" href="sigaiws_arquivoCSSphp.php"/>'; echo '<html>'; echo '<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />'; include "adodb/adodb.inc.php"; include "sigaiws_conectaAdodb.php"; if (isset($_GET['prova'])) { $identificacao = $_GET['prova']; $sql = "select questoesprova.numeroQuestao, professor.matricula, professor.nome, disciplina.codigoDaDisciplina, identificacaoprova.identificacao, identificacaoprova.titulorodape,questoes.alternativaA, questoes.alternativaB, questoes.alternativaC, questoes.alternativaD, questoes.enunciado, questoes.resposta from questoesprova inner join professor on questoesprova.fk_professor = professor.id inner join disciplina on questoesprova.fk_disciplina = disciplina.id inner join identificacaoprova on questoesprova.fk_identificacaoProva= identificacaoprova.id inner join questoes on questoesprova.fk_questoes = questoes.id "; $sql=$sql." where identificacaoprova.identificacao ='".$identificacao."'"; $sql=$sql." order by questoesprova.numeroQuestao"; /*if (!$result->EOF) { //echo '<div align="center"><h3><b>Professor - Matricula : '.$result->fields["matricula"].' - Nome : '.$result->fields["nome"].' - Ano / Semestre : 2018 / 2</b></h3></div>'; } */ echo '<div class="two">'; //id='content text-center'>"."<br>"; //echo "<div id='pageFooter'><br>"; $result=$conexao->Execute($sql); $rodape=""; if (!$result->EOF) $rodape=$result->fields["titulorodape"]; $result=$conexao->Execute($sql); while (!$result->EOF) { // $texto0="<div><br>"; $texto1=" <h3><b>Questão : ".$result->fields["numeroQuestao"]."</b></h3><br/>"; $texto2=" <b>Enunciado</b></br>".$result->fields["enunciado"]."<br/>"; $texto3=" <b>Alternativa A</b></br>".$result->fields["alternativaA"]."<br/>"; $texto4=" <b>Alternativa B</b></br>".$result->fields["alternativaB"]."<br/>"; $texto5=" <b>Alternativa C</b></br>".$result->fields["alternativaC"]."<br/>"; $texto6=" <b>Alternativa D</b></br>".$result->fields["alternativaD"]."<br/>"; // $texto7="</div><br>"; $texto8="<br>"; // $texto9=" "; // $texto10="<div class='footer'>"; // $texto11=$result->fields["titulorodape"]; // $texto12="</div>"; $textor=""; $textor=$texto1.$texto2.$texto3.$texto4.$texto5.$texto6.$texto8; //$texto9.$texto10.$texto11.$texto12; echo htmlspecialchars_decode($textor); echo "<div class='footer'>".$rodape."</div>"; $result->MoveNext(); } echo "</div>"; // echo "<div style='page-break-inside: avoid;'>".$rodape."</div>"; } //if isset <?php header("Content-Type: text/css; charset=UTF-8"); ?> h1 { text-align: center } count::before { counter-increment: section; content: "\A I am flag " counter(section) ".\A "; font-weight: bold; white-space: pre; } @media print { .two { column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; } .one { column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; } input[type="button"] { display: none } } .footer { column-count: 1; position: fixed; text-align: center; bottom: 0; } .genClass5667 { } html { position: relative; min-height: 100%; } body { margin: 0 0 60px; /* bottom = footer height */ } Por favor, me ajudem.
Um abração a todos!
-
Por Pablo Rincon
Oi gente, preciso de ajuda com meu código, basicamente eu quero colocar um rodapé no final do "site" teste que estou criando para template...
Mas por algum motivo eu coloco várias propriedades para a div que está com class de rodapé não sai do lugar
Está aí os códigos
HTML
```<!DOCTYPE html PUBLIC "~//w3c//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br" xml:lang="pt-br">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Index</title>
<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Ubuntu' rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Roboto' rel="stylesheet" type="text/css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<aside>
<div id="box-profile">
<img src="img.png" alt="" class="img-profile"/>
<a href= https://www.youtube.com/channel/UCNmMpvtey6QI7KMzdzMab9g/featured" target="_blank"><p class="name-user">Impulse MK</p></a>
</div>
<input type="checkbox" id="show-menu">
<nav>
<ul>
<li><a href="Index.html">Home</a></li>
<li><a href="https://www.youtube.com/channel/UCNmMpvtey6QI7KMzdzMab9g/featured" target="_blank">Channel</a></li>
<li><label for="show-menu">Vídeos</label>
<ul class="sub-menu">
<li><a href="Playlists.html">Playlists</a></li>
<li><a href="Series.html">Series</a></li>
<li><a href="Games.html">Games</a></li>
</ul>
</li>
<li><a href="About.html">About</a></li>
</ul>
</nav>
</aside>
<header><li>Teste</li></header>
<header class="text">
<div>Teste</div>
<div class="text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet volutpat diam. Fusce metus mi, sodales ac sem non, ullamcorper mattis augue. Donec elit dui, semper non maximus dictum, accumsan tristique justo. Quisque laoreet, libero vel malesuada rhoncus, purus leo aliquam enim, vitae convallis justo diam quis ligula. Nulla ultricies fringilla turpis et venenatis. Aenean ornare blandit leo vel sagittis. Nam vulputate egestas magna, ac feugiat metus ultricies gravida. In interdum feugiat dapibus. Fusce vitae massa viverra, blandit mauris nec, placerat felis. Nullam lobortis nisl at ante congue, sit amet ornare turpis pellentesque. Maecenas luctus, arcu nec maximus finibus, tortor ipsum egestas risus, sed vehicula mi purus quis lacus. Sed sed efficitur magna, eget laoreet mi. Nulla porttitor interdum nisi a vulputate. Sed euismod nibh sed erat sollicitudin placerat. Proin blandit ligula sit amet ante gravida, vitae venenatis risus fermentum. Nulla leo arcu, vulputate id neque ac, luctus sodales sapien.</p>
<p>Etiam vitae ante pharetra, pulvinar odio eget, posuere risus. Vestibulum malesuada turpis ligula. Nulla eget euismod massa. Morbi ullamcorper lacinia sem, eget blandit erat lobortis vitae. Pellentesque vitae magna purus. Integer mattis enim eu dolor sodales porttitor at eu lectus. Vivamus elementum eros eget tincidunt lacinia. Nullam tincidunt nisi ut placerat cursus. Aenean vel cursus tellus. Vivamus vel pulvinar dolor, sit amet gravida leo. Aliquam fringilla sed nisl at vestibulum. Sed laoreet magna turpis, nec lacinia tortor rutrum eu. Proin molestie magna nibh, non accumsan neque bibendum id. Quisque commodo nec est vitae cursus. Ut faucibus eros sapien, non dapibus turpis ultricies vitae. Vivamus volutpat quam vitae augue condimentum, vitae rutrum ex iaculis.</p>
<p>Integer at orci imperdiet tellus commodo ornare. Donec rutrum pretium felis, a porttitor odio placerat at. Nam vitae convallis velit. Maecenas purus enim, lobortis ullamcorper lobortis in, facilisis rutrum est. Etiam finibus fringilla mauris ac sagittis. Nam non leo consequat, gravida nibh quis, ultricies augue. Etiam ac orci massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu mauris id sem venenatis placerat in at orci. Vestibulum quis ornare magna. Cras a augue semper, sodales justo sed, tempor dui. Nam quis lacus suscipit, fringilla ante in, dapibus odio. Fusce fringilla ligula vehicula, congue nulla vitae, tincidunt arcu. Mauris vehicula orci ut faucibus dapibus.</p>
<br>
<br>
</div>
</header>
<div class="footer"></div>
<script src="https://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="style.js"></script>
</body>
</html>```
CSS
```{ margin:0;
padding: 0;
}
/* menu e submenu */
header {
position:absolute;
top: 0;
left: 230px;
width: calc(100% - 230px);
height: 100px;
background: #e74c3c;
}
header li {
list-style: none;
font-family: 'Roboto';
color: #f1f1f1;
margin-left: calc( 100% - 683px );
margin-top: 35px;
font-size:25px;
}
aside {
position: fixed;
left: 0;
top: 0;
width: 230px;
height: 200%;
background: #f1f1f1;
font-family: 'Lato', sans-serif;
overflow: hidden;
box-shadow:15px 10px 100px 0 #000;
}
#box-profile {
width: 230px;
height: 100px;
overflow: hidden;
background:#ea5848;
}
.img-profile {
position: relative;
display: block;
float: left;
margin:15px 0 25px 15px;
width: 70px;
height: 70px;
}
.name-user {
position: relative;
display: block;
float: left;
width: auto;
line-height: 20px;
font-size: 20px;
color: #fff;
font-family: 'Lato', sans-serif;
margin:40px 0 40px 15px;
}
input[id="show-menu"] {
display: none;
}
aside nav ul {
list-style: none;
width: 100%;
margin-top:30px;
}
nav ul li {
display: block;
width: 230px;
height: auto;´´´
}
nav ul li:hover {
border-left: 3px solid #B71C1C;
}
ul li a, label {
display: block;
text-indent: 20px;
width: 100%;
line-height: 14px;
font-size: 14px;
padding: 18px 0;
text-decoration: none;
cursor: pointer;
color: #F44336;
}
/*sub menu*/
aside input[id="show-menu"]:checked + nav ul li ul {
height: 150px;
}
.sub-menu {
overflow: hidden;
margin-top: 0;
background: #EEEEEE;
height: 0;
transition: 1s;
}
/* fim do menu e submenu */
/* fundo */
html {
margin-left:200px;
margin-top:50px;
background-image:url(Wallpaper.jpeg);
background-size:100%;
}
/* fim do fundo */
header.text {
position: absolute;
display:block;
box-shadow: 0 0 20px 10px #111;
top: 135px;
left: 305px;
width: 1000px;
height: auto;
background:#ecf0f1;
border-radius: 60px;
}
header.text div {
margin-top:60px;
margin-left:60px;
margin-right:60px;
font-family:'Lato';
font-size:30px;
color:#e74c3c;
}
header.text div.text {
margin-top:20px;
font-size:20px;
overflow:hidden;
}
.footer {
position:absolute;
bottom:0;
width:100%;
}```
-
Por Mikael Antonio
Boa Tarde família
Então peguei um template gratuito de ecommerce para editar o nome dele é ON SALE e quero configurar o rodapé, quando coloco o código do plugin do facebook ele aparece apenas um texto simples com um link pro facebook em vez de aparecer o template do plugin bonitinho ali.
Imagem de como fica o plugin do facebook:
https://imgur.com/a/hUeL0
Link do tema que eu estou editando no WordPress.
https://wordpress.org/themes/on-sale/
Codigo do Facebook
<div class="fb-page" data-href="https://www.facebook.com/autopecaspainel" data-tabs="timeline" data-width="600" data-height="220" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/autopecaspainel" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/autopecaspainel">Painel Auto Peças</a></blockquote></div>
Tambem gostaria de dividir o rodapé em um Grid de 3 colunas se quiserem me dar umas dicas também eu agradeço.
Muito Obrigado Rapaziada qualquer duvida eu to aqui
-
Por DinhoPHP
Olá!
Desenvolvi um site aonde o footer (rodapé) tem duas colunas, gostaria de adicionar uma terceira e que seja responsivo. A ideia seria como no site Shop Fácil, nada como sub menus, só colocar os itens um embaixo do outro em resoluções mobile. Segue o link do site que desenvolvi, caso precisem visualizar.
Site que desejo aplicar a terceira coluna
-
