Publicado em 13 de jul.

[Resolvido] problemas com tema e folha de estilo e header

bom dia pessoal !.

bom to com um dvd de um curso de temas wordpress. beleza até ai..

eu fiz um layout para adaptar ao digo cujo CMS.

mas o problema é o seguinte.

eu consigo pegar o <?php get_header();?> ..<?php get_footer();?> ..<?php get_sidebar();?>...<?php include (TEMPLATEPATH . '/arquivo.php'); ?> ..enfim. consigo chamar tmbm a folha de estilo <link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" />. e coloco pra rodar. e roda perfeito. " ".

bom o problema é o seguinte. eu montei primeiro o tema em tableless e ficou tudo perfeito..mas a situação que tá encucando é no #HEADER..quando eu do os includes q citei a cima e coloco pra rodar o site, o mesmo fica com uma margem no topo. isso acontece qndo eu coloco os includes. mas já o mesmo tema em tableless, ele fica todo bonitinho, do jeito que tem que ser. sendo q eu n declarei nenhuma margem no topo..padding..enfim..oq pode ser ?

/*
Theme Name: diagro
Theme URI: http://www.udiagro.ap.gov.br
Description: agência de defesa e inspeção agropecuaria
Version: 1.0
Author: clodoaldo júnior
Author URL: http://www.diagro.ap.gov.br
Tags: portal diagro animal vegetal
*/

* {margin:0; padding:0;}
body {background:url(images/bg_body.png) repeat-x;}

/== BARRA DO GOVERNO =/
#barra_gov {background:url(images/barragov.jpg) no-repeat; margin:auto; width:910px; height:40px; padding-right:90px; -moz-box-shadow: 0px 0px 5px #333;}
#orgaosgov{padding:4px; margin:6px 0px 0px 33px; float:right;}
/== BARRA DO GOVERNO ==/

#global {background:#fff; width:1000px; height:auto; margin:0 auto; -moz-box-shadow: 0px 0px 5px #333;}

/== HEADER ==/
#header {width:100%; height:auto; margin:0 auto;}

#header_banner {background:url(images/bg_topo.png) no-repeat; width:100%; height:120px; margin:auto;}

#header_nav {height:37px; margin:auto; background:url(images/bg_menu.png) repeat-x;}
#header_nav ul {margin:0; padding:0; list-style:none;}
#header_nav ul li {float:left; padding-top:8px;}
#header_nav ul li a {font:12px Arial, Helvetica, sans-serif; font-weight:bold; text-transform:capitalize; text-decoration:none; color:#666; padding-left:18px; padding-right:18px; background:url(images/efeito_menu.png) no-repeat right;}
#header_nav li a:hover{background:url(images/bg_hover.png) repeat-x; padding-top:10px; padding-bottom:6px; color:#fff; }
/== HEADER ==/

/== LEFT SIDEBAR ==/
#sidebar_left{width:170px; height:auto; float:left; margin:4px 0 0 0; border-top:4px solid #999;}
#sidebar_left ul {margin:0; padding:0; height:auto;}
#sidebar_left ul li {border-bottom:1px solid #e1e1e1; padding:5px 0px 5px 0px; list-style:none;}
#sidebar_left ul li a {font:14px Arial, Helvetica, sans-serif; color:#999; text-decoration:none;}
#sidebar_left ul li a:hover{color:#428523; font-weight:bold;}
#sidebar_left ul li:hover {background:#f5f5f5;}
.seta_nav {padding:0 10px;}

#sidebar_left_newsletter {margin:12px 0px 0px 4px; line-height:20px;}
#sidebar_left_newsletter h2 {font:20px Arial, Helvetica, sans-serif;}
#sidebar_left_newsletter p {font:13px Arial, Helvetica, sans-serif; padding:3px 0px;}
#sidebar_left_newsletter label {font:12px Arial, Helvetica, sans-serif; color:#666;}
#sidebar_left_newsnome, #sidebar_left_newsemail {width:140px; height:22px;}
#sidebar_left_newscadastra {font:12px Arial, Helvetica, sans-serif; color:#666; width:70px; margin-top:4px;}
/== LEFT SIDEBAR ==/

/== CONTENT - Responsavel por todo o conteúdo ==/
#content{width:660px; height:auto; float:left;}

#content_noticias {width:auto; height:auto; margin:25px auto auto auto;}
#content_noticias h2 {background:url(images/bg_titulo.png) repeat-x; font:24px 'Arial', helvetica, sans-serif; font-weight:bold; color:#fff; width:595px; margin:auto; -moz-box-shadow:1px 1px 5px #999; padding-left:25px;}
#content_noticias ul {margin:0; padding:0; width:580px; margin:10px auto auto auto;}
#content_noticias li {list-style:none; padding-top:8px; padding-bottom:8px; border-bottom:1px solid #dfdfdf; font:13px Arial, Helvetica, sans-serif; color:#999;}
#content_noticias li a {color:#999; text-decoration:none}
#content_noticias li a:hover {color:#093; text-decoration:none}
.data_noticia {font:15px "Arial", Arial Black, Helvetica, sans-serif; font-weight:bold; color:#666;}
.noticias_mais {font:12px "Arial", Arial Black, Helvetica, sans-serif; font-weight:bold; color:#666; float:right; margin-right:50px; margin-top:5px;}

#content_programas {width:auto; height:auto; margin:35px auto auto auto;}
#content_programas h2 {background:url(images/bg_titulo.png) repeat-x; font:24px 'Arial', helvetica, sans-serif; font-weight:bold; color:#fff; width:595px; margin:auto; -moz-box-shadow:1px 1px 5px #999; padding-left:25px;}
#content_programas ul li {list-style:none; float:left; margin:0px 2px;}
#content_programas_img img{-moz-box-shadow:0px 0px 5px #ddd;}
.programas-list {margin-left:26px; margin-top:5px;}
/== CONTENT - Responsavel por todo o conteúdo ==/

/== RIGHT SIDEBAR ==/
#right_sidebar{width:170px; height:auto; float:right;}

#sidebar_parceiros {width:auto; height:auto; margin:auto;}
#sidebar_parceiros ul {margin:4px 0px; padding:0; list-style:none;}
#sidebar_parceiros ul li {margin:auto; display:inline;}
#sidebar_videos {width:auto; height:auto; margin:auto;}

/== RIGHT SIDEBAR ==/

/== FOOTER ==/
#footer{background:#E2E5DC; height:auto; border-bottom:3px solid #060; margin-top:5px;}

#footer-contato ul {margin:0; padding:0; list-style:none; font-size:13px; color:#999;}
#footer-contato h4 {font-size:14px; font-family:arial; color:#666;}
#footer-contato span {color:#333;}

#footer-endereco h4 {font-size:14px; font-family:arial; color:#666;}
#footer-endereco span {color:#333; font-size:12px; font-family:arial;}

#footer-contato,#footer-redes,#footer-endereco {margin:15px 10px;}

#footer_redes {width:auto; margin:15px 10px;}
#footer_redes img {margin:0 20px;}

#footer_about {float:right;}
.left {float:left;}
/== FOOTER ==/

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" />
<link rel="stylesheet" type="text/css" href="estilos/nivo-slider.css" />
<link rel="stylesheet" href="estilos/default/default.css" type="text/css" media="screen" /> <!--slider-->
<title>
<?php if (is_home()){
bloginfo('name');

}elseif (is_category()){
single_cat_title(); echo ' - ' ; bloginfo('name');
}elseif (is_single()){
single_post_title();
}elseif (is_page()){
bloginfo('name'); echo ': '; single_post_title();
}else {

wp_title('',true);
} ?>
</title>
<script type="text/javascript" language="javascript" src="js/abrir_menu.js"></script>
<script type="text/javascript" language="javascript" src="js/jquery-1.6.1.min.js"></script>
<script type="text/javascript" language="javascript" src="js/jquery.nivo.slider.js"></script>

<?php wp_head(); ?>
</head>

<script type="text/javascript">
 $(window).load(function() {
 $('#slider').nivoSlider();
 });
 </script>

<body>

<div id="barra_gov">
<div id="barra_menu">
 <select name="orgaosgov" id="orgaosgov" title="Orgãos do Governo" onchange="if(options[selectedIndex].value) window.location.href= (options[selectedIndex].value)">

 <option selected="selected" title="Órgãos Governamentais">Órgãos Governamentais</option>
 <option value="javascript:nova_jan('http://www.age.pa.gov.br/')">Auditoria Geral</option>
 <option value="javascript:nova_jan('http://www.sead.ap.gov.br/')">Administração</option>
 <option value="http://www.afap.ap.gov.br">Agência de Fomento</option>
 <option value="http://www.auditoria.ap.gov.br">Auditoria Geral</option>
 <option value="http://www.setec.ap.gov.br">Ciência e Tecnologia</option>
 <option value="http://www.caesa.ap.gov.br">Companhia de Água</option>

 <option value="http://www.cea.ap.gov.br">Companhia Eletricidade</option>
 <option value="http://www.cbm.ap.gov.br">Corpo de Bombeiros</option>
 <option value="http://www.rurap.ap.gov.br/">Desenvolvimento Rural</option>
 <option value="http://www.seed.ap.gov.br">Educação</option>
 <option value="http://www.eap.ap.gov.br/">Escola de Administração</option>
 <option value="http://www.seicom.ap.gov.br">Ind. e Comércio</option>

 <option value="http://www.hemoap.ap.gov.br">Inst. Hematologia</option>
 <option value="http://www.terrap.ap.gov.br">Instituto de Terras</option>
 <option value="http://www.rurap.ap.gov.br/">Instituto Rural</option>
 <option value="http://www.jucap.ap.gov.br">Junta Comercial</option>
 <option value="http://www.lacen.ap.gov.br">LaboratÓrio Central</option>
 <option value="http://www.sema.ap.gov.br">Meio Ambiente</option>

 <option value="http://www.sims.ap.gov.br">Mobilização Social</option>
 <option value="http://www.ipem.ap.gov.br">Pesos e Medidas</option>
 <option value="http://www.seplan.ap.gov.br">Planejamento</option>
 <option value="http://www.policiacivil.ap.gov.br">Polícia Civil</option>
 <option value="http://www.pm.ap.gov.br">Polícia Militar</option>
 <option value="http://www.politec.ap.gov.br">Polícia Técnica</option>

 <option value="http://www.procon.ap.gov.br/">Procon</option>
 <option value="http://www.amapajovem.ap.gov.br">Prog. Amapá Jovem</option>
 <option value="http://www.difusora.ap.gov.br">Rádio Difusora</option>
 <option value="http://www.sefaz.ap.gov.br">Receita</option>
 <option value="http://www.saude.ap.gov.br">Saúde</option>
 <option value="http://http://www.sisp.ap.gov.br/">Segurança Pública</option>

 <option value="http://www.superfacil.ap.gov.br">Super FÁcil</option>
 <option value="http://www.sete.ap.gov.br">Trabalho</option>
 <option value="http://www.detran.ap.gov.br">Trânsito</option>
 <option value="http://www.setrap.ap.gov.br">Transporte</option>
 <option value="http://www.setur.ap.gov.br">Turismo</option>
 <option value="http://www.ueap.ap.gov.br">Universidade Estadual</option>

</select>
	</div>
</div>

<div id="global">

<div id="header">
 <!--Inicio do Banner-->
 <div id="header_banner">
 </div>
 <!--Fim do Banner-->

 <!--Incio do Header Menu-->
 <div id="header_nav">
 <ul>
 <li><a href="#">principal</a></li>
 <li><a href="#">quem somos</a></li>
 <li><a href="#">fale conosco</a></li>
 </ul>
 </div>
 <!--Fim do Header Menu-->
</div>

sendo que a Div#barra_gov coloquei dentro da Div#Global (container geral) mas continua na mesma coisa !

Discussão (7)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Carregando comentários...