Jump to content

Marcus Roberto

Members
  • Content count

    10
  • Joined

  • Last visited

  • Days Won

    1

Marcus Roberto last won the day on April 9 2018

Marcus Roberto had the most liked content!

Community Reputation

1 Comum

About Marcus Roberto

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Marcus Roberto

    Editar dados no php/mysql

    Obrigado pela ajuda amigo. Conferi os links e estão corretos. O editar-presença/ é a pagina do wordpress onde a pessoa edita os dados, e o edit_presença.php é onde altera os dados no banco de dados. Felizmente eu consegui resolver o problema. Eu retirei a parte modified=NOW() da linha do código abaixo que está na 3a pag. $result_usuario = "UPDATE lista_presenca SET nome='$nome', status='$status', modified=NOW() WHERE id='$id'"; No entanto, mesmo estando funcionando a alteração, a mensagem de que a mudança foi feita com sucesso não está aparecendo. Ou aparece antes mesmo de eu realizar a mudança. Poderia me ajudar nisso? Se quiser testar : http://www.casamentobiaecarlos.com.br/confirme-sua-presenca/ Obrigado.
  2. Marcus Roberto

    Editar dados no php/mysql

    Alguem poderia me ajudar?
  3. Marcus Roberto

    Editar dados no php/mysql

    Pessoal, sou iniciante em programação e estou fazendo o site de casamento da minha irmã. Fiz uma página onde os convidados confirmam sua presença. Primeiro eles pesquisam pelo nome e na frente do nome, clicando em alterar, tem uma caixa de seleção que pode ser escolhido entre pendente e confirmado (Foi o unico modo que consegui fazer, mesmo não sendo o mais intuitivo). Consegui fazer a pesquisa e tudo certo, o problema é na hora da alteração mesmo, não sei o que esta acontecendo que depois de tudo ele acaba não alterando no banco de dados. Acho que eu não estou manipulando corretamente a variável. Link da pagina de confirmação de presença: http://www.casamentobiaecarlos.com.br/confirme-sua-presenca/ (tem algumas pessoas cadastradas, pesquisem por ana) Estou usando worpress. Código da página de pesquisa: <h4 style="text-align: center;">Pesquise seu nome ou pelo nome de sua família para confirmar a presença!</h4> &nbsp; <div align="center"><form action="" method="POST"><input name="nome" size="20" type="text" placeholder="Digite o nome" /> <input name="SendPesqUser" type="submit" value="Pesquisar" /></form>&nbsp; <hr /> <?php include_once "conexao.php"; $SendPesqUser = filter_input(INPUT_POST, 'SendPesqUser', FILTER_SANITIZE_STRING); if($SendPesqUser){ $nome = filter_input(INPUT_POST, 'nome', FILTER_SANITIZE_STRING); $result_usuario = "SELECT * FROM lista_presenca WHERE nome LIKE '%$nome%'"; $resultado_usuario = mysqli_query($conn, $result_usuario); while($row_usuario = mysqli_fetch_assoc($resultado_usuario)){ echo utf8_encode ($row_usuario['nome'] . " - " . $row_usuario['status'] . " | <a href='http://www.casamentobiaecarlos.com.br/editar-presenca/?id=" . $row_usuario['id'] . "'>Alterar</a><br><br>"); } if ($result_usuario == 0) { echo "Se não foi encontrado nenhum registro com seu nome, tente novamente ou <a href='solicite.php'>clique aqui</a> e solicite sua inclusão na lista."; } } ?> <?php session_start(); include_once("conexao.php"); $id = filter_input(INPUT_GET, 'id', FILTER_SANITIZE_NUMBER_INT); $result_usuario = "SELECT * FROM lista_presenca WHERE id = '$id'"; $resultado_usuario = mysqli_query($conn, $result_usuario); $row_usuario = mysqli_fetch_assoc($resultado_usuario); if(isset($_SESSION['msg'])){ echo $_SESSION['msg']; unset($_SESSION['msg']); } ?> <form method="POST" action="http://www.casamentobiaecarlos.com.br/edit_presenca.php"> <p> <input type="hidden" name="id" value="<?php echo $row_usuario['id']; ?>"> <center> <label><?php echo $row_usuario['nome']; ?><br><hr><br> </label> <label for="status"></label> <select name="status" id="status"> <option><?php echo $row_usuario['status']; ?></option> <option>Pendente</option> <option>Confirmado</option> </select> <br> <br> <input type="submit" value="Alterar"> </center> </p> </form> Código da página de alteração: ^^ Código da página de alteração no banco de dados: <?php session_start(); include_once("conexao.php"); $id = filter_input(INPUT_POST, 'id', FILTER_SANITIZE_NUMBER_INT); $nome = filter_input(INPUT_POST, 'nome', FILTER_SANITIZE_STRING); $status = filter_input(INPUT_POST, 'status', FILTER_SANITIZE_EMAIL); //echo "Nome: $nome <br>"; //echo "Status: $status <br>"; $result_usuario = "UPDATE lista_presenca SET nome='$nome', status='$status', modified=NOW() WHERE id='$id'"; $resultado_usuario = mysqli_query($conn, $result_usuario); if(mysqli_affected_rows($conn)){ $_SESSION['msg'] = "<p style='color:green;'>Alteração na presença feita com sucesso!</p>"; header("Location: http://www.casamentobiaecarlos.com.br/"); }else{ $_SESSION['msg'] = "<p style='color:green;'>Ocorreu um erro! Tente novamente.</p>"; header("Location: http://www.casamentobiaecarlos.com.br/editar-presenca/?id=$id"); }
  4. Marcus Roberto

    Página de mensagens e confirmação de presença

    Beleza, consegui aqui. Saberia me dizer em qual arquivo eu edito o que está escrito no botão de publicar comentario?? E sobre a lista de presença, alguma sugestão?
  5. Pessoal, estou desenvolvendo um site no Wordpress para o casamento da minha irmã. Ela gostaria de uma página que as pessoas deixassem mensagens aos noivos, e que essas mensagens fossem exibidas nessa mesma página. Pensei em fazer um post para essa página, aí as pessoas deixam comentários do Wordpress mesmo. Mas o sistema de comentários do Wordpress é bem chato com aqueles campos de site, upload de arquivo, e eu queria algo só com nome e mensagem. O que me indicam? E outra coisa é para a lista de presença. Ela já tem o nome de todos, ai eu gostaria que a pessoa pesquisasse pelo nome e apenas confirmasse. O que me recomendam? Colocar os nomes no banco de dados com uma coluna de presença? Obrigado desde já. O site é casamentobiaecarlos.com.br
  6. Marcus Roberto

    Fundo Cabeçalho do site

    Tudo bem, postarei. Obrigado.
  7. Marcus Roberto

    Fundo Cabeçalho do site

    Exatamente, gostaria de preencher todo o fundo. No momento o site não está hospedado. Amanhã provavelmente compensa o boleto da hospedagem, ai posso colocar o link aqui. Mas por enquanto não tenho host.
  8. Marcus Roberto

    Fundo Cabeçalho do site

    Obrigado pela ajuda amigo. Infelizmente não deu certo. Tentei as duas maneiras aqui e não funcionou. Tentei remover a imagem e deixar apenas escrito o titulo do site, mas mesmo assim não adiantou.
  9. Marcus Roberto

    Fundo Cabeçalho do site

    /* Table of Content ================================================== 00. CSS Reset 01. Basic Styles & Typography (header, paragraph, blockquote, lists, links, tables etc.) 02. Page Layout & Grids 03. Header (logo, main navigation, search field) 04. Content 05. Sidebar 06. Prefooter & Footer 07. Forms & Buttons 08. Generic styles & WordPress Styles /* 00. CSS Reset (Inspired by E. Meyers) ================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; margin: 0.75em 0; } table th, table td { padding: 0.75em 8px; text-align: left; vertical-align: top; border-bottom: 1px solid #dddddd; } table th { color: #ffffff; border-bottom: none; font-weight: 600; } /* 01. Basic Styles & Typography ================================================== */ body { font-size: 87.5%; line-height: 1.5; font-family: PT Serif, Georgia, serif; color: #797979; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; -ms-word-wrap: break-word; word-wrap: break-word; } /* Typography */ h1, h2, h3, h4, h5, h6 { color: #404040; font-family: "Raleway", Arial, sans-serif; font-weight: 600; margin: 0.75em 0; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: 2em; } /* 28px */ h2 { font-size: 1.7143em; line-height: 1.9em; } /* 24px */ h3 { font-size: 1.5em; line-height: 1.2em; } /* 21px */ h4 { font-size: 1.2857em; } /* 18px */ h5 { font-size: 1.143em; line-height: 2em; } /* 16px */ h6 { font-size: 1.143em; line-height: 2em; } /* 16px */ p { margin-bottom: 1.5em; } p img { margin: 0; } p:empty { display: none; } em, i { font-style: italic; font-size: 0.8751em; } strong, b { font-weight: bold; } small { font-size: 0.7142em; } /* Blockquotes */ blockquote, blockquote p { font-size: 1.075em; line-height: 1.8; color: #777; font-style: italic; } blockquote p { margin: 0; } blockquote blockquote { font-size: 1em;} blockquote { margin: 0 0 1.5em; padding: 0.75em 1.5em; border-left: 3px solid #ddd; } blockquote cite { display: block; font-size: 0.8751em; color: #555; margin-top: 0.75em;} blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 0.75em 0 1.25em; height: 0; } /* #Links */ a { transition: color 150ms linear; -moz-transition: color 150ms linear; -webkit-transition: color 150ms linear; -o-transition: color 150ms linear; } a, a:visited { text-decoration: none; outline: 0; } p a, p a:visited { line-height: inherit; } /* #Lists */ ol { list-style: decimal; margin: 0 0 1.5em 24px; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul ul, ul ol, ol ol, ol ul { margin: 0.75em 0 0.75em 30px; } ul ul li, ul ol li, li { margin-bottom: 0.75em; } /* Images */ .widget img, .page-content img, .entry-content img, .comment-content img{ max-width:100%; height:auto; } /* 02. Page Layout ================================================== */ #page { width: 1008px; margin: 2em auto 0; } #page:after { content: ''; width: 1008px; height: 30px; background-image: url("images/hfbg_1.png"); background-repeat: no-repeat; background-position: bottom left; background-size: cover; display: block; } #page:before { content: ''; width: 1008px; height: 35px; background-image: url("images/hfbg_1.png"); background-repeat: no-repeat; background-position: top left; background-size: cover; display: block; } #header { background-image: url("images/contentbg_1.png"); background-repeat: repeat-y; background-position: top left; background-size: contain; position: relative; } #main { background-image: url("images/contentbg_1.png"); background-repeat: repeat-y; background-position: top left; background-size: contain; padding: 3em 34px; overflow: hidden; } #primary { width: 600px; float: left; } .full-width #primary { width: 100%; float: none; } #sidebar { width: 300px; float: right; } #prefooter { background: url("images/contentbg.png"); background-repeat: repeat-y; background-position: top left; position: relative; } #prefooter-inner { margin: 0 4px; background-image: url("images/menu-border.png"); background-repeat: repeat-x; background-position: top left; padding: 3em 34px 0; } #prefooter-inner > div:last-child { margin-right: 0; } #footer { margin: 0.916em auto; width: 1000px; text-align: center; font-size: 85%; } /* Grid */ .row { clear: both; overflow: hidden; } .one-half, .one-third, .two-third, .three-fourth, .one-fourth {height:auto !important; min-height:1px; margin-right:2.6%; float:left; position:relative;} .one-half {width:48%;} .one-third {width:30.666%;} .two-third {width:65.332%;} .one-fourth {width:23%;} .two-fourth {width:48%;} .three-fourth {width:74%;} .last {margin-right:0px !important; clear:right;} .two-third.last {width:65.334%;} /* 03. Header ================================================== */ .site-branding { text-align: center; } .site-branding img { max-width: 100%; } .site-title { font-family: 'Niconne', cursive; font-size: 40px; margin: 0; font-weight: 400; } .site-description { font-family: 'Raleway', sans-serif; text-transform: uppercase; font-size: 0.857em; font-weight: normal; margin: 0 0 2em 0; letter-spacing: 0.2em; } /* Main Navigation */ #nav-wrapper { text-align: center; position: relative; } nav#main-nav { margin: 0 auto; display: inline-block; width: 94%; } nav#main-nav > ul:before, nav#main-nav > ul:after { content: ''; width: 100%; height: 6px; display: block; background: url("images/menu-border.png") repeat-x top left; } nav#main-nav > ul { text-align: center; } nav#main-nav > ul > li { display: inline-block; margin: 0; position: relative; padding: 0; } nav#main-nav > ul > li:after { content: ' \2022'; color: #d2d2d2; } nav#main-nav > ul > li:last-child:after { content: ''; } nav#main-nav > ul > li > a { padding:8px 24px; color: #666666; display: inline-block; font-size: 0.857em; text-transform:uppercase; text-shadow: 1px 1px 0 #EAE1D8; text-align:center; text-decoration:none; } nav#main-nav > ul > li > a:hover {text-decoration:none;} #nav-wrapper .ribbon-left { position: absolute; top: -9px; left: -20px; width: 41px; height: 65px; } #nav-wrapper .ribbon-right { position: absolute; top: -9px; right: -20px; background-position: top right; width: 41px; height: 65px; } /* Submenus */ nav#main-nav ul ul { width: 180px; display:none; position:absolute; top: 19px; left: -10px; z-index: 10; margin: 0; } nav#main-nav ul ul li { display:block; position:relative; background-color:#ffffff; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; border-bottom: 1px dashed #e1e1e1; margin:0; } nav#main-nav ul ul li:last-child { border-bottom: 1px solid #e1e1e1; } nav#main-nav ul ul li a { padding:11px 6px 12px 6px; display:block; font-size:11px; color:#a7a7a7; text-transform: uppercase; line-height:1.4em; text-decoration: none; } nav#main-nav ul ul a:hover { text-decoration:none; } nav#main-nav ul ul li:hover { background-color:#f8f8f8; } nav#main-nav li:hover > ul {display:block;} nav#main-nav > ul > li > ul { margin: 0 0 0 12px; } nav#main-nav > ul > li > ul:before { content: ' '; width: 0; height: 0; position: relative; top: -3px; border-left: 20px solid transparent; border-right: 20px solid transparent; } nav#main-nav > ul > li > ul > li:first-child li:first-child {border-top:0px;} nav#main-nav ul ul ul { padding-top:0px; left:178px; top:-1px; border-top:1px solid #e1e1e1; } nav#main-nav ul ul li:first-child > ul {top:0px; border-top:0px;} /* 04.Content ================================================== */ /* Post excerpt */ article.excerpt { border-bottom: 3px double #eee; margin-bottom: 2em; padding-bottom: 2em; } article.firstfull { border-bottom: 3px double #eee; margin-bottom: 2em; } .post-thumbnail { float: left; margin-right: 24px; } .entry-header, .page-header { text-align: center; } .entry-title, .page-title { font-size: 1.5em; font-weight: 400; margin: 0; } .page-header { padding-bottom: 1em; margin-bottom: 2em; background: url("images/border.png") no-repeat bottom center; } .taxonomy-description p { margin: 0.75em 0; } .entry-meta { font-family: 'Raleway', sans-serif; text-transform: uppercase; font-size: 0.786em; line-height: 3.818em; text-align: center; background: url("images/border.png") no-repeat bottom center; } .excerpt .entry-meta { background: none; } .entry-meta.bottom { padding: 1.5em 0; line-height: 1.5em; margin-bottom: 1.909em; } .entry-meta span { background: #fff; } footer.entry-meta { background: url("images/border.png") no-repeat top center; margin-top: 8px; padding-top: 8px; } .entry-summary, .entry-content, .page-content { margin: 1.5em 0 1.5em; } .entry-author { clear: both; overflow: hidden; } .section { margin: 0 0 1.5em 0; } .section-title { text-transform: uppercase; font-size: 0.857em; line-height: 1.75em; margin: 0 0 1em 0; font-weight: normal; text-align: center; background: url("images/border.png") repeat-x center center; } .section-title span { background: #fff; padding: 0 12px; } .entry-author img.avatar { border-radius: 50%; float: left; margin-right: 12px; } .entry-author .author-content{ margin-left: 100px; } .more-link { font-family: 'Raleway', sans-serif; text-transform: uppercase; font-size: 0.786em; line-height: 3.818em; text-align: center; display: block; } .wp-pagenavi { clear: both; display: block; text-align: right; width: 600px; padding: 0 0 1.5em 0; position: relative; width: 100%; } .wp-pagenavi .pages { font-size: 12px; float: left; text-align: left; width: 150px; margin: 0; padding: 0; } .wp-pagenavi a, .wp-pagenavi span { margin: 0 3px 0 0; padding: 0 5px 0; text-decoration: none; border: none; } .entry-content .page-links { margin: 12px 0; text-align: center; clear: both; } /* FlexSlider */ .flexslider { min-height: 100px; border: none; position: relative; zoom: 1; margin-bottom: 1.5em; } .flexslider .slides li { margin-bottom: 0 !important; } .flexslider .slides li p { margin: 0 !important; } .flexslider .slides > li {position: relative; margin-left: 0; } .flex-container { zoom: 1; position: relative; } .flexslider .slides img { height: auto; max-width: 100%; width: auto !important; margin: 0 auto; } .flex-direction-nav, .flex-control-nav, .flex-caption { margin-bottom:0 !important; } /* Caption style */ .flex-caption { position: absolute; bottom: 9px; background: rgba(255, 255, 255, 0.8); z-index: 1; padding: 10px; } .flex-caption { margin-bottom: 0; width: 97%; text-align: center; } /* Direction Nav */ .flex-direction-nav { position: absolute; z-index: 10; width: 100%; margin: 0; right: 0; bottom: 50%; height: 31px; display: block !important; } .flex-direction-nav li a { -webkit-transition: none; -moz-transition: none; transition: none; -webkit-transition: opacity .5s ease; -moz-transition: opacity .5s ease; transition: opacity .5s ease; } .flex-direction-nav li a { width: 31px!important; height: 31px; display: block; background: rgba(0,0,0,0.8); cursor: pointer; text-indent: -9999px; border-radius: 5px; margin-top: -21px;} .flex-direction-nav li a.flex-next {background-position: -29px 9px; right: 30px !important;} .flex-direction-nav li a.flex-next:hover {opacity: 1; filter:alpha(opacity=100);} .flex-direction-nav li a.flex-prev {background-position: 0px 9px; left: 30px !important; } .flex-direction-nav li a.flex-prev:hover { opacity: 1; filter:alpha(opacity=100); } .flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* Control Nav */ .flex-control-nav { position: absolute; top: 20px; left: 50%; z-index: 5; margin: 0; list-style: none; } .flex-control-nav li { margin: 0 0 0 5px !important; display: inline-block !important; zoom: 1; *display: inline !important; display: block; float: left; margin-left: 5px; text-indent: -999px; } .flex-control-nav li a { width: 10px; height: 10px; display: block !important; border-radius: 5px; background-color: #ccc; background-color: rgba(255, 255, 255, 0.5); box-shadow: none !important; cursor: pointer; text-indent: -9999px; box-shadow: none !important; } .flex-control-nav li a:hover { background: rgba(255,255,255,1) !important; } .flex-control-nav li a.flex-active { background: rgba(255,255,255,1) !important; cursor: default !important; } /* Previous/Next article navigation */ .site-content .post-navigation { overflow:hidden; } .site-content .post-navigation .nav-previous { width: 40%; margin-right: 5%; padding-left: 5%; text-align: right; } .site-content .post-navigation .nav-next { width: 40%; margin-left: 5%; padding-right: 5%; text-align: left; } /* YARPP custom styling */ .yarpp-thumbnails-horizontal .yarpp-thumbnail { border: none !important; text-align: center; } /* Comments */ #comments { overflow: hidden; } #comments .section-title { text-transform: uppercase; font-size: 0.875em; font-weight: normal; text-align: center; background: url("images/border.png") repeat-x center center; } #comments .section-title span { background: #fff; padding: 0 12px; } .comment-navigation { margin: 12px 0; } .comment-list { list-style-type: none; margin: 0; padding: 0; } .comment-list .comment-body { border-bottom: 1px dashed #eee; margin: 0 0 1.5em; overflow: hidden; padding: 0 0 12px; } .comment-list img.avatar { float: left; margin: 0 10px 0 0; padding: 3px; border-radius: 50%; } .comment-box { overflow: hidden; } .comment-author { font-weight: bold; } .comment-meta { float: right; } .comment-text { clear: both; margin: 6px 0; } .comment-text p{ margin: 12px 0; } ol.children { padding: 0 0 0 40px; list-style-type: none; } #comments ol ul { margin-left: 60px; } /* Comment Form */ #comment-form input { margin-right: 8px; float: left; } #comment-form div { margin-bottom: 10px; } #comment-form p.form-submit, form p { overflow: hidden; } /* 05. Sidebar & Widgets ================================================== */ .widget { margin-bottom: 1.5em; overflow: hidden; } .widget-title { background: url("images/border.png") repeat-x 0 11px; font-size: 0.857em; line-height: 1.75em; margin: 0 0 1em 0; font-family: 'Raleway', sans-serif; text-transform: uppercase; font-weight: normal; text-align: center; } .widget-title span { background: #ffffff; padding: 0 6px; } .widget-title em { font-family: 'Niconne', cursive; font-size: 24px; text-transform: lowercase; font-style: normal; padding-left: 3px; } .widget ul li{ border-bottom: 1px dashed #eee; padding: 0 0 8px; margin: 0 0 8px 0; } .widget ul li ul.children { border-top: 1px dashed #eee; } .widget ul li ul.children li { margin-top: 8px; padding-top: 8px; } .widget ul li ul.children li:last-child { margin-bottom: 0; padding-bottom: 0; border: none; } /* Menu */ .widget ul.menu li { list-style: none; margin: 0; padding: 0; border: none; } .widget ul.menu li ul { margin: 0 0 0 6px; } .widget ul.menu li a { padding: 10px 0 10px 30px; border-bottom: 1px dashed #eee; display: block; } .widget ul.menu li a:hover { background-color: #f8f8f8; } /* Widget About */ .widget img.profile { border-radius: 50%; float: right; } /* Widget Popular */ .widget .popular li { overflow: hidden; padding-bottom: 10px; margin-bottom: 10px; } .widget .popular img { margin-right: 10px; float: left; } .widget .popular h6 { font-weight: normal; font-size: 0.9285em; line-height: 1.616em; } .widget .popular .entry-meta { margin: 0; font-size: 0.714em; background: none; text-align: left; padding: 0; } /* Archives - two columns widget */ .widget ul.archive-left { width: 45%; float: left; } .widget ul.archive-right { width: 45%; float: right; } /* Contact */ .widget ul.contact li { border-bottom: none; } /* Social icons */ ul.social { margin: 0; height: 36spx; text-align: center; } ul.social li { display: inline-block; border-bottom: none; margin: 0; padding: 0; } a.social-icon { background: #e4e4e4; display: inline-block; border-radius: 50%; width: 36px; height: 36px; color: #ffffff; } a.social-icon:hover { color: #fff; -webkit-transition: background 300ms ease-in-out; -moz-transition: background 300ms ease-in-out; -ms-transition: background 300ms ease-in-out; -o-transition: background 300ms ease-in-out; transition: background 300ms ease-in-out; } a.social-icon:visited { color: #fff; } .social-icon .icon { font-size: 18px; line-height: 36px; } /* Calendar Widget */ .widget_calendar table { width: 100%; } table th, table td{ color: #797979; background:#FFF; border:1px solid #EDEDED; text-align:center } table th{ background:#FBFBFB; } .widget_calendar table td#today{ color:#FFF; font-weight:bold; } .widget_calendar table td#today a{ color:#FFF; } .widget_calendar caption{ font-weight:bold; padding:5px 10px; margin-bottom:5px; text-transform:uppercase } .widget_calendar #calendar_wrap table{ border-right:1px solid #EDEDED; margin-bottom:0; font-size: 0.785em; } /* 06. Footer & Prefooter widget area ================================================== */ #footer-nav li { display: inline-block; text-transform: uppercase; } #footer-nav li:after { content: ' /'; } #footer-nav li:last-child:after { content: ''; } /* 07. Forms & buttons ================================================== */ .button, button, input[type="submit"], input[type="reset"], input[type="button"] { padding: 6px 10px; display: inline-block; color: #888; background-color: #f4f4f4; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.07); border-radius: 2px; border: 0; cursor: pointer; } .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { color: #fff; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.15); } /* #Forms */ form { margin-bottom: 20px; } fieldset { margin-bottom: 20px; } input[type="text"], input[type="search"], input[type="password"], input[type="url"], input[type="email"], textarea, select { border: 1px solid #e6e6e6; padding: 6px 4px; outline: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font: 13px "Open Sans", Arial, sans-serif; color: #acacac; margin: 0; max-width: 100%; display: block; -webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.1); box-shadow: inset 0 1px 5px rgba(0,0,0,0.1); background: #fff; } input[type="search"] { padding: 4px 4px; display: inline-block; } input[type="checkbox"] { display: inline; } input[type="text"]:focus, input[type="search"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { border: 1px solid #aaa; color: #acacac; color: #acacac; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); } select { width: 220px; } textarea { min-height: 60px; } label { display: inline; } legend { display: block; font-weight: bold; font-size: 13px; } label span, legend span { font-weight: normal; font-size: 13px; color: #444; } /* 08. Generic styles & WprdPress styles ================================================== */ .cf:before, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ } .cf:after { clear: both; } .left { float: left; } .right { float: right; } .divider { background: url(images/divider-rev.png) repeat-x 0 0; margin: 12px 0; clear: both; height: 3px; border: none; } a.more { font-size: 12px; display: block; } .entry-content ul { list-style: square; } .entry-content ul, .entry-content ol { } .entry-content ul li, .entry-content ol li { position: relative; margin-left: 1.5em; } .entry-content ul li ul, .entry-content ol li ol { margin: 6px 0 0 12px; } .entry-content ul li ul li:last-child { margin-bottom: 0; } .entry-content .project-meta ul { margin: 0; } /*Default WordPress styles*/ .entry-content img { position: relative; padding: 5px 0; -moz-box-shadow: 0 0 5px rgba(0,0,0,.15); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.15); box-shadow: 0 0 5px rgba(0,0,0,.15); } .entry-content .post_signature img { box-shadow: none; padding: 0; } .alignnone { margin:0 20px 1.5em 0; } .alignleft, img.alignleft { margin: 0 20px 1.5em 0; display: inline; float: left; } .alignright, img.alignright { margin: 0 0 1.5em 20px; display: inline; float: right; } .aligncenter, img.aligncenter { margin: 0 auto 1.5em; display: block; clear: both; } .wp-caption { padding-top: 5px; line-height: 0; background: #FFF; max-width: 96%; text-align: center; } .wp-caption img { border: 0 none; margin: 0; padding: 5px 0 0; } .wp-caption .wp-caption-text { line-height: 1.6em; padding: 5px 0; margin: 0; -moz-box-shadow: 0 0 5px rgba(0,0,0,.15); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.15); box-shadow: 0 0 5px rgba(0,0,0,.15); } .wp-smiley { margin: 0 !important; max-height: 1em; } blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; } blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; } .gallery dl {} .gallery dt {} .gallery dd {} .gallery dl a {} .gallery dl img { padding: 4px; border: 1px solid #ededed; } .gallery-item { float: left; margin-top: 10px; text-align: center; width: 33%; } .gallery-caption {} .size-full {} .size-large {} .size-medium {} .size-thumbnail {} .gallery-caption {} .bypostauthor {} .sticky {} ins { background: #fff9c0; text-decoration: none; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } pre { padding: 0 3px 2px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 13px; color: #333333; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } code { padding: 2px 4px; color: #d14; background-color: #f7f7f9; border: 1px solid #e1e1e8; white-space: nowrap; } pre { display: block; padding: 12px; margin: 0 0 12.5px; font-size: 14px; line-height: 25px; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } pre code { padding: 0; color: inherit; white-space: pre; white-space: pre-wrap; background-color: transparent; border: 0; } /* ========================================================================== Print styles ========================================================================== */ @media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* Text meant only for screen readers */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ } /* Clearing */ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ''; display: table; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; } /* =Navigation ----------------------------------------------- */ .site-main [class*="navigation"] { overflow: hidden; } [class*="navigation"] .nav-previous { float: left; text-align: left; width: 50%; } [class*="navigation"] .nav-next { float: right; text-align: right; width: 50%; } /* =Infinite Scroll ----------------------------------------------- */ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ .infinity-end.neverending .site-footer { display: block; } Style.css <?php /** * The Header for our theme. * * Displays all of the <head> section and everything up till <div id="content"> * * @package Sugar & Spice */ ?><!DOCTYPE html> <html <?php language_attributes(); ?>> <head> <meta charset="<?php bloginfo( 'charset' ); ?>"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title><?php wp_title( '|', true, 'right' ); ?></title> <link rel="profile" href="http://gmpg.org/xfn/11"> <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>"> <?php if ( of_get_option( 'favicon' ) ) echo '<link rel="shortcut icon" href="'.esc_url( of_get_option( 'favicon' ) ).'" />'; ?> <?php wp_head(); ?> </head> <body <?php body_class(); ?>> <div id="page" class="hfeed site"> <?php do_action( 'before' ); ?> <header id="header" class="site-header" role="banner"> <div class="site-branding"> <?php if (of_get_option('logo_image')) : ?> <a href="<?php echo esc_url( home_url( '/' ) ); ?>" class="logo-img"><img src="<?php echo esc_attr( of_get_option('logo_image') ); ?>" alt="<?php bloginfo( 'name' ); ?>" /></a> <?php else : ?> <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1> <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2> <?php endif; ?> </div> <div id="nav-wrapper"> <div class="ribbon-left"></div> <nav id="main-nav" class="main-navigation" role="navigation"> <div class="skip-link"><a class="screen-reader-text" href="#content"><?php _e( 'Skip to content', 'sugarspice' ); ?></a></div> <?php if(has_nav_menu('primary')){ wp_nav_menu( array( 'theme_location'=> 'primary', 'container' => false, 'menu_id' => 'nav', 'fallback_cb' => 'wp_page_menu' ) ); } else { ?> <ul id="nav"> <?php wp_list_pages('title_li='); ?> </ul> <?php } ?> </nav><!-- #site-navigation --> <div class="ribbon-right"></div> </div> </header><!-- #header --> <div id="main" class="site-main"> Header.php Ai está os dois arquivos. Eu tentei usar a propriedade de background no arquivo do style.css , mas não sei em que ponto. Ai mesmo eu mudando, não alterava nada no site. Obrigado pela ajuda. Sugar and Spice
  10. Marcus Roberto

    Fundo Cabeçalho do site

    Fala Galera! Sou bem leigo em html e css, e estou com uma dúvida que pode ser simples, mas realmente estou tendo dificuldades. Fiz um site de casamento para minha irmã usando o wordpress, pela facilidade. O site está pronto, só que no cabeçalho eu gostaria de fazer uma modificação. Vou deixar um print para vocês verem o cabeçalho. O que acontece é que eu coloquei a imagem logo lá pelo painel do wordpress mesmo, só que ficou estranho o contraste com o branco de fundo. Gostaria de saber se há alguma maneira de deixar todo o fundo do cabeçalho com o mesmo fundo da imagem logo. Se sim, em qual arquivo tenho que ir? o header.php ou o styles.css? E o que devo procurar? Pois eu ja tentei ir no arquivo header.php e colocar no <body> o mesmo fundo da logo, usando background-image:url(), mas não funcionou, acho que não é desse modo. Se puder me ajudar por favor, obrigado! LINK DO PRINT: https://ibb.co/icAKUx
×

Important Information

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