Erro no tema
-
Olá! Galera na humildade fiz um site com php e CSS…Quero que ele seja meu tema wordpress venho acompanhado alguns videos mais estou batendo cabeça por que ele aparece todos desconfigurado quando tento ativar no wordpress.
Segue meu código pra ver se eu estou fazendo certo…eu sou iniciante em wordpress:
Index.php
<?php get_header(); ?>
<div id=”content”>
<div id=”menu”>
<div id=”dentromenu”>
HOME
PROJETOS
EQUIPE
PORTFÓLIO
CLIENTES
MÍDIA
CONTATO</div>
<!–dentromenu–>
</div><!–menu–><div id=”content_bloco”>
<div id=”example”>
<div id=”slides”>
<div class=”slides_container”>
<img src=”img/slide-1.jpg” width=”919″ height=”270″ alt=”Slide 1″>
<img src=”img/slide-2.jpg” width=”919″ height=”270″ alt=”Slide 1″>
<img src=”img/slide-3.jpg” width=”919″ height=”270″ alt=”Slide 1″>
<img src=”img/slide-4.jpg” width=”919″ height=”270″ alt=”Slide 1″>
<img src=”img/slide-5.jpg” width=”919″ height=”270″ alt=”Slide 1″>
<img src=”img/slide-6.jpg” width=”919″ height=”270″ alt=”Slide 1″>
</div>
<img src=”img/arrow-prev.png” width=”24″ height=”43″ alt=”Arrow Prev” /><img src=”img/arrow-next.png” width=”24″ height=”43″ alt=”Arrow Next”> </div>
<img src=”img/example-frame.png” alt=”Example Frame” name=”frame” width=”739″ height=”341″ id=”frame”> </div>
</div><!–content_bloco–>
<div id=”content_bemvindo”>
<img src=”imagens/bemvindo.png” alt=”” />
</div>
<!–content_bemvindo–>
<div id=”content_siderbar”>
<p>
nananaananananananannnnnnnnnnnnnnnnnnnnanananan.
</p>
Saiba Mais</div><!–content_siderbar–>
</div><!–content–>
<?php get_footer(); ?>
</body>
</html>header.php
<!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=iso-8859-1″ />
<title>upblog</title><style type=”screen”> @import url (<?php bloginfo(‘stylesheet_url’);?> <\style>
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js”></script>
<script src=”http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js”></script>
<script src=”js/slides.min.jquery.js”></script>
<script>
$(function(){
$(‘#slides’).slides({
preload: true,
preloadImage: ‘img/loading.gif’,
play: 5000,
pause: 2500,
hoverPause: true
});
});
</script><style type=”text/css”>
<!–
body {
background-color: #FFFFFF;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
–>
</style></head><body>
<div id=”box”><div id=”header”>
<div id=”header_logo”>
<img src=”imagens/logo.png” alt=”” /></div><!–header_logo–>
<div id=”header_face”>
<img src=”imagens/face.png” alt=”” /></div><!–header_face–>
<div id=”header_twitter”>
<img src=”imagens/twitter.png” alt=”” /></div><!–header_twitter–>
<div id=”header_projeto”>
<img src=”imagens/projeto.png” alt=”” /></div><!–header_projeto–>
<div id=”header_menu”>
</div><!–header_menu–>
<div id=”header_menu1″>
</div><!–header_menu1–>
<div id=”header_bemvindo”>
</div><!–header_bemvindo–>
</div><!–header–>style.css
Theme Name: upb’log
Theme URI: http://www.macro.com.br
Author: Lucas
Author URI: http://wordpress.org/
Description: Este tema foi feito para o site da Macro
Version: 1.4
Tags: Blog
*//*RESET*/
*{
margin: 0;
padding:0;
}/*header*/
#header{ width: 100%; height:70px; background-image: url(imagens/topo.jpg); background-repeat:repeat-x; margin: -20px 0 0 0px;
}
#header_logo{ margin: 90px 0 0 200px; float:left}
#header_face{ margin: 100px 0 0 205px; float:left}
#header_twitter{ margin: 99px 0 0 15px; float:left}
#header_projeto{ margin: 37px 0 0 50px; float:left}#header_menu{}
.links1 }
#header_menu1 {}
.links2 {}#header_bemvindo { }
/*menu*/
#menu {width: 600px; height: 43px; background-image:url(imagens/menu.jpg); margin: 120px 0 0 205px;}#dentromenu {width: 100%; height: 70px; margin: 0 auto; padding-top: 10px; margin: 0px 0 0 4px;}
.links {color:#FFFFFF; font; Georgia, “Times New Roman”, Times, serif; font-size: 15px; font-weight: bold;
text-decoration:none; padding: 7px;}/*menu*/
#content#content_bloco
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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
a:active { outline:none; }
ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:””; }
blockquote,q { quotes:”” “”; }/*
Page style
*/body {
font:normal 62.5%/1.5 Helvetica, Arial, sans-serif;
letter-spacing:0;
color:#434343;
padding:20px 0;
position:relative;
text-shadow:0 1px 0 rgba(255,255,255,.8);
-webkit-font-smoothing: subpixel-antialiased;
}#content_bloco {
width:970px;
padding:10px;
margin:0 auto;
position:relative;
z-index:0;
}#example {
width:600px;
height:350px;
position:relative;
}#ribbon {
position:absolute;
top:-3px;
left:-15px;
z-index:500;
}#frame {
position:absolute;
z-index:0;
width:1167px;
height:341px;
top:-3px;
left:-120px;
}/*
Slideshow
*/#slides {
position:absolute;
top:15px;
left:4px;
z-index:100;
}/*
Slides container
Important:
Set the width of your slides container
Set to display none, prevents content flash
*/.slides_container {
width:918px;
overflow:hidden;
position:relative;
display:none;
}/*
Each slide
Important:
Set the width of your slides
If height not specified height will be set by the slide content
Set to display block
*/.slides_container a {
width:1570px;
height:270px;
display:block;
}.slides_container a img {
display:block;
}/*
Next/prev buttons
*/#slides .next,#slides .prev {
position:absolute;
top:107px;
left:-39px;
width:24px;
height:43px;
display:block;
z-index:101;
}#slides .next {
left:932px;
}
Pagination
*/.pagination {
margin:26px auto 0;
width:100px;
}.pagination li {
float:left;
margin:0 1px;
list-style:none;
}.pagination li a {
display:block;
width:12px;
height:0;
padding-top:12px;
background-image:url(../img/pagination.png);
background-position:0 0;
float:left;
overflow:hidden;
}.pagination li.current a {
background-position:0 -12px;
}#content_bemvindo
{ margin: -30px 0 0 410px; float:left}#content_siderbar {width: 30%; height: 70px; color:#666666; font; Georgia, “Times New Roman”, Times, serif; font-size: 15px; font-weight: bold;
text-decoration:none; padding: 230px; margin: -230px 0 0 480px; }.links1 {color:#FF6600; font; Georgia, “Times New Roman”, Times, serif; font-size: 15px; text-decoration:underline; font-weight: bold; padding: 0px; margin: 0px 0 0 0px; float:left}
/*menu*/
#footer{ position:absolute;bottom: 0px;
left:0px;
width: 100%; height:45px; background-image: url(imagens/rodape.jpg); background-repeat:repeat-x; margin: 0px 0 0 0px;}#footer_ass{width: 150px; height: 55px; background-image:url(imagens/menu1.png); margin: -55px 0 0 1025px;}
.links2 {color:#FFFFFF; font; Georgia, “Times New Roman”, Times, serif; font-size: 15px; font-weight: bold;
text-decoration:none; padding: 0px; margin: 30px 0 0 40px; float:left}#footer_ass1{width: 150px; height: 55px; background-image:url(imagens/menu2.png); margin: -55px 0 0 850px;}
.links3 {color:#FFFFFF; font; Georgia, “Times New Roman”, Times, serif; font-size: 15px; font-weight: bold;
text-decoration:none; padding: 0px; margin: -20px 0 0 30px;float:left}#footer_txt{color:#FFFFFF; font; Georgia, “Times New Roman”, Times, serif; font-size: 13px; text-decoration:none; font-weight: bold; padding: 7px; margin: 6px 0 0 225px}
O tópico ‘Erro no tema’ está fechado para novas respostas.