Jump to content

Search the Community

Showing results for tags 'rodape'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 12 results

  1. 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="&nbsp"; // $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!
  2. rafinhafv

    [Resolvido] Criar rodapé

    Preciso criar esse rodapé no site e não consigo criar... alguem pode me auxiliar?
  3. 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
  4. 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%; }```
  5. DinhoPHP

    Footer responsivo

    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
  6. lbitte

    Barra de rolagem horizontal

    Novamente, boa noite Imasters. Estou com um probleminha ao abrir meu site pelo celular, ele está cortando o conteudo exibido, no entanto notei que o site nao tem a barra de rolagem proximo ao rodape , gostaria de adicionar essa barra na horizontal , como proceder? segue foto Obs: Utilizo o sistema do WordPress
  7. Estou com problemas em editar o rodapé de um cliente. O arquivo footer mesmo eu o editando não modifica as opções, gostaria de saber o que devo fazer para poder editar o rodapé. Agradeço. Site : www.sharerh.com
  8. Olá a todos, será que vocês poderiam me ajudar? Já tentei de todas as formas acertar o rodapé mais em cada página ele fica diferente, se eu colocar position : absolute , bottom: 0; em certas páginas ele vai ficar certo, em outras ele fica por cima do conteúdo e se não coloco umas páginas ficam com rodapé normal e outras com o rodapé sobrando espaço embaixo. Segue o site que estou desenvolvendo: http://goo.gl/ADz3iR
  9. Diefferson Moro

    Problema com rodapé

    E ai pessoal, BLZ? Estou desenvolvendo este site e estou enfrentando um problema. O problema é o seguinte, preciso colocar o rodapé do site, porém, ele não fica no fim da página. Para que ele fique onde eu quero preciso estar informando a quantos pixels quero ele do topo, mas eu queria que isso fosse automatico, porque o tamanho do conteudo na página nem sempre será do tamanho que configurei como o inicio do rodapé, ai ele acaba sobrepondo o conteudo quando tem muito. Se alguém puder me ajudar eu agradeço. Código da página: <?php require_once 'config.php'; require_once 'database.php'; ?> <!DOCTYPE HTML> <html lang="pt-br"> <head> <meta charset="utf-8"/> <title>Título</title> <link rel="stylesheet" href="estilo.css"> <link rel="shortcut icon" href="favicon.ico"/> </head> <body> <div id="tudo"> <div id="header"> <div> <img src="img/logo.png" id="site-logo"> </div> <div> <a href="index"><img src="img/home.png" id="inicio-incone"></a> </div> <div> <a href="mailto:"><img src="img/contact.png" id="email-incone"></a> </div> <div> <a id="inicio-texto" href="index">Início</a> </div> <div> <a id="email-texto" href="mailto:">E-mail</a> </div> <div id="zona-barra-busca"> </div> <div id="texto-busca">Buscar no site:</div> <form method="post" action="buscar3.php" id="busca"> <input type="search" name="busca" placeholder="Ex: Exemplo" id="busca-caixa" required="busca"> <input type="submit" value="Buscar" id="busca-botao"> </form> <div id="zona-barra-slide"> </div> <div id="zona-slide"> </div> <nav id="menu"> <ul> <li id="li1"><a href="index">Início</a></li> <li id="li2"><a href="quemsomos">Quem Somos</a></li> <li id="li3"><a href="produtos">Produtos</a></li> <li id="li4"><a href="servicos">Serviços</a></li> <li id="li5"><a href="projetos">Projetos</a></li> <li id="li6"><a href="dicas">Dicas</a></li> <li id="li7"><a href="novidades">Novidades</a></li> <li id="li8"><a href="orcamento">Orçamento</a></li> <li id="li9"><a href="contato">Contato</a></li> </ul> </nav> </div> <div id="conteudo"> <div id="zona-conteudo"> <div id="conteudo-site"> </div> <div id="novidades"> <div id="titulo-novidades-conteudo">Novidades</div> </div> <div id="dicas"> <div id="titulo-dicas-conteudo">Confira nossas dicas</div> </div> </div> <div id="zona-atendimento"> <div> </div> </div> <div id="zona-newsletter"> <div id="zona-newsletter-titulo">Recebe nossas novidades</div> <div id="zona-newsletter-descricao">Cadastre seu e-mail abaixo e receba nossas novidades.</div> <div id="zona-newsletter-form"> <form action="enviar-newsletter.php" method="post"> <p> <label id="zona-newsletter-form-nome">Nome:</label><br> <input id="zona-newsletter-form-nome-input" type="text" name="nome" required="required"> </p> <p> <label id="zona-newsletter-form-e-mail">E-mail:</label><br> <input id="zona-newsletter-form-e-mail-input" type="email" name="e-mail" required="required"> </p> <input id="zona-newsletter-form-enviar" type="submit" name="enviar" value="Enviar"> </form> </div> </div> </div> <div id="rodape"> <div id="zona-rodape"> </div> </div> </div> </body> </html> Código css: body{ background-image: url("img/bg.png"); z-index: 200; top: 0px; width:810px; margin:0 auto; overflow-x: hidden; } #tudo{ position: absolute; } #site-logo{ position: absolute; z-index: 12; left: 0px; top: 0px; width: 200px; height: 181px; border: 0px; } #inicio-incone{ position: absolute; left: 300px; top: 32px; width: 40px; height: 40px; } #email-incone{ position: absolute; left: 300px; top: 98px; width: 40px; height: 40px; } #inicio-texto{ position: absolute; left: 347px; top: 42px; width: 40px; height: 20px; text-decoration: none; font-family: Arial; font-size: 13px; font-weight: bold; color: #ffffff; } #email-texto{ position: absolute; left: 347px; top: 107px; width: 46px; height: 20px; text-decoration: none; font-family: Arial; font-size: 13px; font-weight: bold; color: #ffffff; } #texto-busca{ position: absolute; left: 461px; top: 72px; width: 120px; height: 25px; font-family: Arial; font-size: 16px; font-weight: bold; color: #ffffff; } #busca{ position: absolute; left: 587px; top: 72px; } #busca-caixa{ width: 135px; height: 20px; box-shadow: 2px; margin-right: 5px; } #busca-botao{ width: 70px; height: 20px; background: linear-gradient(to bottom, #3e9140 0%,#29612b 100%); border: 0px; border-radius: 5px; font-family: Arial; font-size: 13px; color: #ffffff; cursor: pointer; } #busca-botao:hover{ width: 70px; height: 20px; background: #54c120; border: 0px; border-radius: 5px; } #zona-barra-busca{ position: absolute; left: 440px; top: 28px; width: 5px; height: 120px; border-radius: 5px; border: 0px; background: linear-gradient(to bottom, #3e9140 0%,#8df12a 100%); } #zona-barra-slide{ position: absolute; left: 0px; top: 190px; width: 850px; height: 6px; border-radius: 5px; border: 0px; background: linear-gradient(to bottom, #3e9140 0%,#8df12a 100%); } #zona-slide{ position: absolute; left: 0px; top: 200px; width: 850px; height: 260px; border-radius: 5px 5px 0px 0px; border: 0px; background: linear-gradient(to bottom, #3e9140 0%,#29612b 100%); } #menu ul{ position: absolute; z-index: 8; margin: 0px; left: 0px; top: 460px; width: 810px; height: 40px; border-radius: 0px 0px 5px 5px; border: 0px; background: linear-gradient(to bottom, #3e9140 0%,#29612b 100%); } #li1{ position: absolute; list-style: none; left: 0px; top: 0px; width: 60px; height: 40px; border-radius: 0px 0px 0px 5px; } #li1:hover{ list-style: none; background: #54c120; } #li1 a{ position: absolute; left: 10px; top: 10px; margin: 0px; padding: 0px; width: 60px; height: 40px; display: inline; font-weight: normal; font-size: 18px; color: #ffffff; font-family: Arial; text-decoration: none; } #li1 a:active{ position: absolute; left: 10px; top: 10px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #000000; font-family: Arial; text-decoration: none; } #li2{ position: absolute; list-style: none; left: 60px; top: 0px; width: 120px; height: 40px; } #li2:hover{ list-style: none; background: #54c120; } #li2 a{ position: absolute; left: 5px; top: 10px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #ffffff; font-family: Arial; text-decoration: none; } #li2 a:active{ position: absolute; left: 5px; top: 10px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #000000; font-family: Arial; text-decoration: none; } #li3{ position: absolute; list-style: none; left: 180px; top: 0px; width: 100px; height: 40px; } #li3:hover{ list-style: none; background: #54c120; } #li3 a{ position: absolute; left: 15px; top: 10px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #ffffff; font-family: Arial; text-decoration: none; } #li3 a:active{ position: absolute; left: 15px; top: 10px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #000000; font-family: Arial; text-decoration: none; } #li4{ position: absolute; list-style: none; left: 280px; top: 0px; width: 100px; height: 40px; } #li4:hover{ list-style: none; background: #54c120; } #li4 a{ position: absolute; left: 15px; top: 10px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #ffffff; font-family: Arial; text-decoration: none; } #li4 a:active{ position: absolute; left: 15px; top: 10px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #000000; font-family: Arial; text-decoration: none; } #li5{ position: absolute; list-style: none; left: 380px; top: 0px; width: 100px; height: 40px; } #li5:hover{ list-style: none; background: #54c120; } #li5 a{ position: absolute; left: 15px; top: 10px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #ffffff; font-family: Arial; text-decoration: none; } #li5 a:active{ position: absolute; left: 15px; top: 10px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #000000; font-family: Arial; text-decoration: none; } #li6{ position: absolute; list-style: none; left: 480px; top: 0px; width: 70px; height: 40px; } #li6:hover{ list-style: none; background: #54c120; } #li6 a{ position: absolute; left: 12.5px; top: 10px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #ffffff; font-family: Arial; text-decoration: none; } #li6 a:active{ position: absolute; left: 12.5px; top: 10px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #000000; font-family: Arial; text-decoration: none; } #li7{ position: absolute; list-style: none; left: 550px; top: 0px; width: 108px; height: 40px; } #li7:hover{ list-style: none; background: #54c120; } #li7 a{ position: absolute; left: 11.5px; top: 10px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #ffffff; font-family: Arial; text-decoration: none; } #li7 a:active{ position: absolute; left: 11.5px; top: 10px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #000000; font-family: Arial; text-decoration: none; } #li8{ position: absolute; list-style: none; left: 658px; top: 0px; width: 111px; height: 40px; } #li8:hover{ list-style: none; background: #54c120; } #li8 a{ position: absolute; left: 12px; top: 10px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #ffffff; font-family: Arial; text-decoration: none; } #li8 a:active{ position: absolute; left: 12px; top: 10px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #000000; font-family: Arial; text-decoration: none; } #li9{ position: absolute; list-style: none; left: 770px; top: 0px; width: 80px; height: 40px; border-radius: 0px 0px 5px 0px; } #li9:hover{ list-style: none; background: #54c120; } #li9 a{ position: absolute; left: 10px; top: 10px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #ffffff; font-family: Arial; text-decoration: none; } #li9 a:active{ position: absolute; left: 10px; top: 10px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #000000; font-family: Arial; text-decoration: none; } /*CSS Conteúdo*/ #zona-conteudo{ position: absolute; left: 0px; top: 521px; width: 565px; min-height: 327px; margin: 0px; padding: 0px; border-radius: 5px; background: linear-gradient(to bottom, #3f9118 0%,#29612b 100%); } #conteudo-site{ position: relative; top: 0px; max-width: 555px; } #titulo-conteudo{ position: relative; z-index: 100; left: 5px; top: 5px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 19px; color: #ffffff; font-family: Arial; text-decoration: none; } #texto-conteudo{ position: relative; z-index: 99; left: 5px; top: 32px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 15px; color: #ffffff; font-family: Arial; text-decoration: none; } #texto-conteudo a{ position: relative; left: -253px; margin: 0px; padding: 0px; display: inline; font-weight: bold; font-size: 15px; color: #ffffff; font-family: Arial; text-decoration: none; } #texto-conteudo a:hover{ position: relative; left: -253px; margin: 0px; padding: 0px; display: inline; font-weight: bold; font-size: 15px; color: #d5d5d5; font-family: Arial; text-decoration: underline; } #novidades{ position: relative; } #titulo-novidades-conteudo{ position: relative; left: 5px; top: 90px; width: 240px; height: 30px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 19px; color: #ffffff; font-family: Arial; text-decoration: none; } #novidades-conteudo{ position: relative; left: -235px; top: 120px; width: 240px; height: 30px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 19px; color: #ffffff; font-family: Arial; text-decoration: none; } #novidades-conteudo a{ position: relative; left: 0px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #ffffff; font-family: Arial; text-decoration: none; } #novidades-conteudo a:hover{ position: relative; left: 0px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #ffffff; font-family: Arial; text-decoration: underline; } #icon-novidades{ padding-right: 25px; background: url(img/icon-novidades.png) no-repeat left center; text-decoration: none; } #dicas{ position: relative; } #titulo-dicas-conteudo{ position: relative; left: 270px; top: 68px; width: 240px; height: 30px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 19px; color: #ffffff; font-family: Arial; text-decoration: none; } #dicas-conteudo{ position: relative; left: 90px; top: 98px; width: 300px; height: 30px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 19px; color: #ffffff; font-family: Arial; text-decoration: none; } #dicas-conteudo a{ position: relative; left: 0px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #ffffff; font-family: Arial; text-decoration: none; } #dicas-conteudo a:hover{ position: relative; left: 0px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #d5d5d5; font-family: Arial; text-decoration: underline; } #icon-dicas{ padding-right: 25px; background: url(img/icon-dicas.png) no-repeat left center; text-decoration: none; } #zona-atendimento{ position: absolute; left: 615px; top: 520px; width: 207px; height: 100px; margin: 0px; padding: 0px; border-radius: 5px; background: linear-gradient(to bottom, #69f128 0%,#1a3d1b 100%); } #zona-newsletter{ position: absolute; left: 590px; top: 627px; width: 260px; height: 220px; margin: 0px; padding: 0px; border-radius: 5px; background: linear-gradient(to bottom, #3f9118 0%,#29612b 100%); } #zona-newsletter-titulo{ position: absolute; left: 10px; top: 5px; margin: 0px; padding: 0px; display: inline; font-weight: bold; font-size: 15px; color: #ffffff; font-family: Arial; text-decoration: none; } #zona-newsletter-descricao{ position: absolute; left: 10px; top: 22px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 15px; color: #ffffff; font-family: Arial; text-decoration: none; } #zona-newsletter-form{ position: absolute; left: 0px; top: 65px; width: 260px; height: 152px; margin: 0px; padding: 0px; } #zona-newsletter-form-nome{ position: absolute; left: 15px; top: 15px; width: 50px; height: 20px; margin: 0px; padding: 0px; display: inline; font-weight: bold; font-size: 13px; color: #ffffff; font-family: Arial; text-decoration: none; } #zona-newsletter-form-e-mail{ position: absolute; left: 15px; top: 70px; width: 50px; height: 20px; margin: 0px; padding: 0px; display: inline; font-weight: bold; font-size: 13px; color: #ffffff; font-family: Arial; text-decoration: none; } #zona-newsletter-form-nome-input{ position: absolute; left: 10px; width: 236px; height: 23px; margin: 0px; padding: 0px; } #zona-newsletter-form-e-mail-input{ position: absolute; left: 10px; top: 90px; width: 236px; height: 23px; margin: 0px; padding: 0px; } #zona-newsletter-form-enviar{ position: absolute; left: 80px; top: 125px; width: 100px; height: 25px; margin: 0px; padding: 0px; display: inline; font-weight: bold; font-size: 13px; color: #ffffff; font-family: Arial; text-decoration: none; background: none; border: 0px; } #zona-newsletter-form-enviar:hover{ position: absolute; left: 80px; top: 125px; width: 100px; height: 25px; margin: 0px; padding: 0px; display: inline; font-weight: bold; font-size: 13px; color: #5c5c5c; font-family: Arial; text-decoration: none; background: #e0e0e0; border-radius: 6px; border: 1px solid; border-color: #959595; cursor: pointer; } /*CSS Rodapé*/ #rodape{ position: relative; top: 900px; height: 0px; } #zona-rodape{ position: relative; left: 0px; top: -38px; width: 850px; height: 169px; border-radius: 5px; margin: 0px; background: linear-gradient(to bottom, #3f9118 0%,#29622a 100%); } #para-conhecer-texto{ position: absolute; left: 20px; top: -29px; width: 100px; height: 20px; text-decoration: none; font-family: Arial; font-size: 13px; font-weight: bold; color: #ffffff; } #inicio-texto-2{ position: absolute; left: 20px; top: 1px; width: 100px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; font-weight: bold; color: #ffffff; } #inicio-texto-2:hover{ text-decoration: underline; } #quem-somos-texto{ position: absolute; left: 20px; top: 14px; width: 100px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; font-weight: bold; color: #ffffff; } #quem-somos-texto:hover{ text-decoration: underline; } #produtos-texto{ position: absolute; left: 20px; top: 27px; width: 100px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; font-weight: bold; color: #ffffff; } #produtos-texto:hover{ text-decoration: underline; } #servicos-texto{ position: absolute; left: 20px; top: 40px; width: 100px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; font-weight: bold; color: #ffffff; } #servicos-texto:hover{ text-decoration: underline; } #projetos-texto{ position: absolute; left: 20px; top: 53px; width: 100px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; font-weight: bold; color: #ffffff; } #projetos-texto:hover{ text-decoration: underline; } #dicas-texto{ position: absolute; left: 20px; top: 66px; width: 100px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; font-weight: bold; color: #ffffff; } #dicas-texto:hover{ text-decoration: underline; } #novidades-texto{ position: absolute; left: 20px; top: 79px; width: 100px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; font-weight: bold; color: #ffffff; } #novidades-texto:hover{ text-decoration: underline; } #para-contatar-texto{ position: absolute; left: 189px; top: -29px; width: 100px; height: 20px; text-decoration: none; font-family: Arial; font-size: 13px; font-weight: bold; color: #ffffff; } #contato-texto{ position: absolute; left: 189px; top: 1px; width: 115px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; font-weight: bold; color: #ffffff; } #contato-texto:hover{ text-decoration: underline; } #orcamento-texto{ position: absolute; left: 189px; top: 14px; width: 115px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; font-weight: bold; color: #ffffff; } #orcamento-texto:hover{ text-decoration: underline; } #atendimento-online-texto{ position: absolute; left: 189px; top: 27px; width: 115px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; font-weight: bold; color: #ffffff; } #atendimento-online-texto:hover{ text-decoration: underline; } #floricultura-sol-nascente-texto{ position: absolute; left: 366px; top: -29px; width: 189px; height: 20px; text-decoration: none; font-family: Arial; font-size: 13px; font-weight: bold; color: #ffffff; } #cnpj-texto{ position: absolute; left: 366px; top: -15px; width: 189px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; color: #ffffff; } #inscricao-Estadual-texto{ position: absolute; left: 366px; top: -2px; width: 189px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; color: #ffffff; } #hamilto-silva-moro-texto{ position: absolute; left: 366px; top: 27px; width: 189px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; color: #ffffff; } #responsavel-tecnico-texto{ position: absolute; left: 366px; top: 40px; width: 189px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; color: #ffffff; } #crea-texto{ position: absolute; left: 366px; top: 53px; width: 189px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; color: #ffffff; } #sonia-r-k-moro-texto{ position: absolute; left: 366px; top: 80px; width: 189px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; color: #ffffff; } #proprietaria-texto{ position: absolute; left: 366px; top: 93px; width: 189px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; color: #ffffff; } #tecnica-texto{ position: absolute; left: 366px; top: 106px; width: 189px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; color: #ffffff; } #copyright{ position: absolute; left: 20px; top: 110px; width: 290px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; color: #ffffff; } #celular-img{ position: absolute; left: 571px; top: -29px; } #celular-numero{ position: absolute; left: 634px; top: -20px; width: 200px; height: 40px; text-decoration: none; font-weight: bold; font-family: Arial; font-size: 28px; color: #ffffff; } #facebook-icon{ position: absolute; left: 588px; top: 58px; } #facebook-texto{ position: absolute; left: 628px; top: 64px; width: 170px; height: 20px; text-decoration: none; font-family: Arial; font-size: 15px; color: #ffffff; } #facebook-texto a{ position: absolute; width: 170px; height: 20px; text-decoration: none; font-family: Arial; font-size: 15px; color: #ffffff; } #desenvolvido{ position: absolute; left: 646px; top: 107px; width: 200px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; color: #000000; }
  10. Olá, primeiro post aqui, hehe. Espero não estar descumprindo nenhuma regra do fórum. Bem, o meu problema é algo meio sobrenatural... Estou criando um layout wordpress localmente e quando fui subir os arquivos algo misterioso aconteceu! :o O rodapé não fica fixo no final da página e fica um baita de um espaço em branco quando tem pouco ou nenhum conteúdo na página!!! Localmente funciona perfeitamente mas no servidor se comporta de forma diferente... Não sei o que é! Já queimei todos os meus poucos neurônios! Peço ajuda! Já não sei o que fazer... :wacko: O código do footer: <?php wp_footer(); ?> <div class="footer"> <nav class="navbar navbar-default"> <div class="container-fluid"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2"> <ul class="nav navbar-nav"> <?php if ( has_nav_menu( 'main-menu' ) ) : wp_nav_menu( array( 'theme_location' => 'main-menu' )); else: wp_page_menu(); endif; ?> </ul> </div><!-- /.navbar-collapse --> </div><!-- /.container-fluid --> </nav> <div class="container"> <div class="row"> <div class="rodape col-md-6"> <img src="http://177.153.5.43/wordpress/wp-content/themes/searchlight/imgs/logo1.png" width="30%" height="10%"> <h6>Copyright © 2015 - Todos os direitos reservados -<a href="<?php echo get_option('home') ?>"> <?php bloginfo('name') ?></a></h6> <h6>Todo o conteúdo deste site é de uso exclusivo da OSCEIA</h6> </div> <div class="rodape"></div> <div class="redessociais col-md-6"> <figure><a href="https://www.facebook.com/centroespiritairmaoaureo" target="_blank"</a><img class="social_icons" src="http://177.153.5.43/wordpress/wp-content/themes/searchlight/Social/1407364580_facebook.png"></figure> <figure><a href="https://plus.google.com/u/0/108667447876518100236/posts" target="_blank"</a><img class="social_icons" src="http://177.153.5.43/wordpress/wp-content/themes/searchlight/Social/1407364573_google-plus.png"></figure> <figure><a href="https://www.youtube.com/channel/UC4Zy_fLVz2ulmi5abbkBdqg" target="_blank"</a><img class="social_icons" src="http://177.153.5.43/wordpress/wp-content/themes/searchlight/Social/1407364586_youtube-2.png"></figure> <figure><a href="callto:aprendisosceia"</a><img class="social_icons" src="http://177.153.5.43/wordpress/wp-content/themes/searchlight/Social/1407364583_skype.png"></figure></a> </div> </div> </div> </div> </body> </html> O css é: .conteudo{ text-align: justify; font-family: "Lato"; font-size:1.2em; } .footer { position:relative; bottom:-17px; width:100%; background:#333; } Desde já agradeço a atenção!
  11. trcsproject

    Topo e Rodapé - Impressão.

    Boa Tarde, gostaria de saber se tem possibilidade de quando efetuar a impressão de um conteúdo qualquer independente o numero de páginas eu consiga colocar topo e rodapé em todas as páginas que serão impressas ? Lembrando que conteúdo será dinâmico, pode ser que tenha 1 ou 10 paginas, por isso preciso que tenha topo e rodape em todas!! Já pesquisei ta muito difícil de achar uma solução que funcione... alguém tem alguma ideia ?
  12. Boa noite, alguém pode me ajudar a fixar o rodapé deste site http://marmorariaaratelha.com.br/novosite/index.php/areas-de-lazer/ embaixo? Eu ja consegui fazer isso com position:absolute e bottom:0, mas arruma aqui estraga tudo la na página inicial. Sei lá, eu acho estranho pra caramba o rodapé de uma página ficar no meio da página. Em outras ocasiões consegui arrumar, mas este conforme dito se eu arrumo nesta página eu bagunço nas outras alguém tem uma sugestão?
×

Important Information

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