Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Seguinte, eu e um amigo estamos criando um site/blog, bom como agente não tinha dinheiro para mandar fazer o template eu mesmo fiz, sabia algo de css, html e php, mas só que emu site ficou um merdo no ie, só no ie, todo desconfigurado.
CSS:
body{
background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/imagem1.jpg)no-repeat;
background-color:orange;
color:#fff;
text-align:center;
margin:4px;
}
#tudo{
width:1024px;
text-align:left;
margin:0 auto;
}
#blocogeral{
width:1000px;
margin:0 auto;
text-align:left;
padding:0px;
clear:both;
}
#header{
text-align:left;
width:100%;
clear:both;
}
#topo{
height:200px;
float:left;
clear:both;
}
#banner2{
float:right;
margin-top:29px;
color:black;
padding:5px;
}
#menu{
height:28px;
background:#fff;
float:right;
width:295px;
border-radius:8px;
color:black;
margin-top:4px;
} float:left;
list-style:none;
margin-top:2px;
padding:0;
margin-left:19px;
} display:inline;
margin-right:;
font-size:18px;
} text-decoration:none;
color:orange;
} color:#fc8424;
} margin-top:0px;
}
#botoes{
background:#fff;
height:78px;
float:right;
width:295px;
border-radius:11px;
margin-top:4px;
}
#twitter{
margin-left:5px;
margin-top:5px;
float:left;
background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/twitter.png);
}
#facebook{
float:left;
margin-left:4px;
margin-top:5px;
background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/facebook.png);
}
#orkut{
float:left;
margin-left:5px;
margin-top:5px;
background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/orkut.png);
}
#rss{
float:right;
margin-top:5px;
margin-right:5px;
background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/rss.png);
} background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/rssh.png);
} background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/twitterh.png);
} background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/orkuth.png);
} background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/facebookh.png);
}
#calendario{
height:180px;
background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/5maio.png)no-repeat;
margin-top:10px;
margin-left:10px;
margin-bottom:10px;
}
#bannersidebar{
width:275px;
height:230px;
margin-left:10px;
margin-top:15px;
margin-bottom:10px;
}
#sidebar{
width:295px;
background:#fff;
height:1500px;
float:right;
border-radius:8px;
margin-bottom:4px;
margin-bottom:65px;
}
#imagemfacebook{
margin-bottom:7px;
margin-left:8px;
}
#banner{
background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/banner.png) no-repeat;
margin-top:10px;
height:80px;
margin-left:10px;
margin-bottom:50px;
}
#busca{
margin-top:4px;
margin-bottom:4px;
color:black;
height:18px;
float:right;
width:295px;
} margin-left:20px;
margin-top:2px;
background:url(http://localhost/wordpress%20Pt-Br/wp-content/themes/Chinelaco/images/iconebusca.png)no-repeat;
}*/
/*#iconebusca:hover{
background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/iconebuscahover.png)no-repeat;
clear:both;
}*/
#centro{
width:700px;
float:left;
background:#fff;
color:#000;
margin-right:4px;
margin-top:4px;
margin-bottom:65px;
border-radius:8px;
font-family:'tahoma';
}
#centropagina{
width:700px;
float:left;
height:1636px;
background:#fff;
color:#000;
margin-right:4px;
margin-top:4px;
border-radius:8px;
margin-bottom:65px;
font-family:'tahoma';
}
#centrobusca{
width:690px;
float:left;
background:#fff;
color:#000;
margin-right:4px;
margin-top:4px;
border-radius:8px;
margin-bottom:65px;
padding:5px;
height:1626px;
font-family:'tahoma';
}
#busca2{
margin-top:20px;
border-bottom:1px solid #ccc;
margin-bottom:10px;
}Font-size:25px;
margin:0px;
margin-left:25px;
margin-bottom:3px;
padding:0px;
font-family:"tahoma";
} Color:black;
text-decoration:none;
} Color:black;
text-decoration:underline;
} margin-bottom:25px;
margin-left:25px;
font-size:20px;
Color:#fc8424;
font-family:"tahoma";
}font-size:14px;
margin:0px;
margin-left:25px;
margin-top:0px;
font-family:"tahoma";
margin-bottom:10px;
}
#imagemt{
background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/imagemt.png) no-repeat;
text-align:left;
margin:0;
padding:0;
font-family:'tahoma';
font-size:11px;
}
#imagemt2{
background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/imagemt.png) no-repeat;
text-align:left;
margin:0;
padding:0;
font-family:'tahoma';
font-size:11px;
}color:black;
text-decoration:none;
margin-left:25px;
}
#small{
float;left;
} font-size:12px;
color:#8a8a8a;
margin-left:26px;
list-style:none;
} text-decoration:underline;
color:#8a8a8a;
} text-decoration:none;
color:black;
}
#coments{
float:right;
margin-right:15px;
} margin: 14px 25px 10px;
text-align:center;
font-size:15px;
padding:0 5x 0;
line-height:2px;
}
#texto{
width:650px;
margin-left:25px;
font-family:'tahoma';
} color:#e08b00;
color:#e08b00;
text-decoration:none;
} margin-top:25px;
margin-left:40px;
}
#rodapecentro{
margin-left:60px;
width:400px;
margin-bottom:40px;
}
#rodape{
width:1000px;
background:#fff;
color:#000;
height:170px;
clear:both;
padding:0px;
margin:0 auto;
border-radius:8px;
background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/bgrodape2.png);
}
#ctwitter{
float:left;
margin-left:349px;
margin-top:70px;
background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/twitter.png);
}
#crss{
float:right;
margin-top:70px;
margin-right:349px;
background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/rss.png);
}
#corkut{
float:right;
margin-top:70px;
margin-right:10px;
background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/orkut.png);
}
#cfacebook{
margin-top:70px;
float:left;
margin-left:10px;
background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/facebook.png);
}background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/twitterh.png);
}background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/rssh.png);
}background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/orkuth.png);
}background:url(http://chinelaco.com.br/wp-content/themes/Chinelaco/images/facebookh.png);
}
#creditos{
font-size:11px;
float:left;
margin-left:230px;
color:#565656;
margin-top:5px;
}Color:#282828;
}text-decoration:none;
color:black;
}/ conteudo: insira o plano de fundo e formate a tag <li> que irá exibir seus posts /
#widget-twitter .conteudo {background:url(images/corpotw.png) repeat-y;}
#widget-twitter .conteudo ul {margin:0; padding:5px 35px; font-size:12px; font-family:'tahoma';}
#widget-twitter .conteudo ul li {list-style-type:none; padding:7px 0; }
/ rodape /
#widget-twitter .rodape {height:62px; background:; padding:;}
/ Comments /
#commentsbox {
margin:0;
margin-left:20px;
margin-right:20px;
}
h3#comments{
font-size:20px;
color:black;
font-weight:bold;
padding:10px 10px ;
margin-top:10px;
background:#fd9530;
border:1px solid #CCC;
border-radius:5px;
font-family:'tahoma';
}
ol.commentlist {
margin:0px 0 0;
clear:both;
overflow:hidden;
list-style:none;
}margin:5px 0;
line-height:18px;
padding:10px;
background:#f9f9f9;
border:1px solid #eee;
}color:#333;
}color:#333;
font-weight:bold;
text-decoration:none !important;
}
ol.commentlist li .comment-author .fn {
color:#333;
}color:#eee;
font-style:normal;
}font-size:10px;
}color:#000;
}
ol.commentlist li .comment-meta a {
color:#e79e35;
text-decoration:none !important;
}line-height:22px;
margin-top:5px;
color:#666;
font-size:12px;
}margin-top:10px;
font-size:10px;
}background:#e0b561;
border:1px solid #ff943d;
color:black;
text-decoration:none;
padding:3px 10px;
border-radius:4px;
font-family:'tahoma';
}
ol.commentlist li.odd {
}
ol.commentlist li.even {
}
ol.commentlist li ul.children {
list-style:none;
margin:1em 0 0;
text-indent:0;
}
ol.commentlist li ul.children li.depth-2 {
margin:0 0 0px 50px;
}
ol.commentlist li ul.children li.depth-3 {
margin:0 0 0px 50px;
}
ol.commentlist li ul.children li.depth-4 {
margin:0 0 0px 50px;
}
ol.commentlist li ul.children li.depth-5 {
margin:0 0 0px 50px;
}
.comment-nav{
padding:5px ;
height:20px;
}
.comment-nav a:link,.comment-nav a:visited{
color:#E73540;
}
#respond{
padding:0px 0px ;
margin:10px 0px;
background:#f9f9f9;
border:1px solid #eee;
}
#respond h3 {
font-size:18px;
color:black;
background:#E73540;
font-weight:bold;
padding:10px 10px ;
background:#fd9530;
border:1px solid #ccc;
border-radius:5px;
font-family:'tahoma';
}
#commentform {
padding:10px 20px;
}
#commentform a {
color:#E73540;
}
#commentform p{
margin:5px 0px ;
color:#999;
}display:block;
padding:5px 0;
color:#999;
}font-size:10px;
}margin-bottom:10px;
padding:5px 5px;
margin:0 10px 10px 0;
background:#fff;
border:1px solid #ffb15d;
color:#02070F;
}width:50%;
}
#respond input#commentSubmit {
width:100px;
padding:3px 5px;
background:#ffb016;
border:1px solid #ff9f16;
color:black;
margin:10px 0px;
cursor:pointer;
border-radius:4px;
font-family:'tahoma';
}border:none;
background:#fff;
border:1px solid #ffb15d;
width:70%;
margin:10px 0px 0px 0px;
padding:5px 5px;
color:#02070F;
}border:1px solid #ff7200;
}border:1px solid #ff7200;
}.alignnone{
padding: 5px;
}
.aligncenter{
margin-left: auto;
margin-right: auto;
padding: 5px;
}
.alignright {
float: right;
padding: 5px;
}
.alignleft {
float: left;
padding: 5px;
}
.wp-caption {
border: 1px solid #DDDDDD;
text-align: center;
background-color: #F5F4F0;
padding-top: 6px;
margin: 10px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 12px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
color: #666666;
text-transform: capitalize;
}Por favor ajudem :)
vlw
>
Bom, isso não é sobre Word Press, é puro xhtml e css.. Tipo se ficar muito errado no IE é sinal que o xhtml e o css não foi bem estruturado, mas sabemos também que o internet explorer foi a pior coisa que a microsoft já inventou. Mas em fim, você pode "consertar" isso utilizando comentários condicionais, ou seja fazendo uma css para os internet explorers que deseja, é dificil deixar completamente igual, mas corrige 90% dos erros. Confira como fazer aqui: http://maujor.com/tutorial/condcom.php
Eu poderia mover direto para a área específica mas sei que o pessoal ao ver tanto código faria o mesmo que eu, então fica a seu critério.
Abs.
é como eu disse, é o primeiro template que eu faço, mas vou tentar usar os comentarios.
Normal brother, fazer um template é igual fazer um site normal, mesma estrutura, porem utilizando funções do wp.
Bom, isso não é sobre Word Press, é puro xhtml e css.. Tipo se ficar muito errado no IE é sinal que o xhtml e o css não foi bem estruturado, mas sabemos também que o internet explorer foi a pior coisa que a microsoft já inventou. Mas em fim, você pode "consertar" isso utilizando comentários condicionais, ou seja fazendo uma css para os internet explorers que deseja, é dificil deixar completamente igual, mas corrige 90% dos erros. Confira como fazer aqui: http://maujor.com/tutorial/condcom.php
Eu poderia mover direto para a área específica mas sei que o pessoal ao ver tanto código faria o mesmo que eu, então fica a seu critério.
Abs.