3, 4 Colunas
Resumo de postagem
2 menus horizontais editaveis
cores: verde e amarelo
Tema: África
COPIE O CODIGO ABAIXO E COLE NO HTML DO SEU BLOG
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Date :August 04, 2009
THE CONTENTS OF THIS TEMPLATE IS MADE BY BIETEMPLATES & IPIETOON (Icon is copyrighted to respective artist).
PLEASE BE RESPECTFUL AND DO NOT REMOVE CREDIT FOOTER LINK WITHOUT OUR PERMISSION.
YOU ARE ALLOWED TO DISTRIBUTE BUT NOT ALLOWED TO ADD ANY LINK ON FOOTER
----------------------------------------------- */
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}
body {
background:url() repeat;
font-size: 12px;
font-family:Verdana,arial, tahoma, Sans-Serif;
text-align: left;
margin: 0 auto 0;
padding: 0;
}
#wrap {
background:#f3f2e8;
width: 980px;
margin: 0px auto 10px;
padding: 0px auto 0;
position: relative;
}
a, a:visited {
color: #660000;
text-decoration: none;
}
a:hover {
color: #660000;
text-decoration: underline;
}
a img {
border-width: 0;
}
#content-wrapper {
width: 960px;
margin: 10px auto 0px;
padding: 0px auto 0;
position: relative;
}
/* Header
-----------------------------------------------*/
#header-wrapper{
width: 980px;
color: #fff;
margin: 30px auto 0;
padding: 0px;
overflow: hidden;
}
#header-inner {
background-position: left;
background-repeat: no;
}
.headerleft h1 {
color: #FFF;
font-family: Georgia, Times New Roman;
font-size:56px;
font-weight: normal;
margin: 0;
padding: 0;
text-decoration: none;
}
.headerleft h3 {
font-family: Lucida sans unicode,Georgia, Times New Roman;
font-weight: normal;
margin: 0;
padding: 0;
}
.headerleft .description {
color: #f3f2e8;
margin-left: 0px;
padding-left: 20px;
font-family:Georgia, Times New Roman;
font-size:18px;
font-style:italic;
font-weight:bold;
}
.headerleft {
width: 480px;
float: left;
margin: 0;
padding: 0;
}
.headerright {
width: 470px;
float: right;
margin: 0;
padding: 0;
font-weight: bold;
}
/*The top Menu*/
#top-wrap{
margin:auto;
padding:0;
width: 980px;
background:#228B22;
}
#navwrap {margin:auto; width:560px; float:left;}
.topnav ul {list-style:none;margin:0;padding:0px; float:left;}
.topnav li {float:left;margin:0;text-align:center;}
.topnav li a { font-weight:normal; font-size:11px; text-transform:uppercase; display:block;padding:15px;color:#a4a5a1;text-decoration:none;}
.topnav li a {background:none; }
.topnav li a:hover, li a:focus, li a:active {text-decoration:none; background:#FFD700; color:#FFD700;}
#navwrapright {margin: 0px auto; width:400px; float:right; text-align:right;}
.topnavright ul {list-style:none;margin:0;padding:0px; float:right;}
.topnavright li {float:left;margin:0;text-align:center;}
.topnavright li a {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlScvRkt_bYrQPqXJTgz64t6GoCEDYxg_0umPSKdNh5d5ltJFxS3EejHwsq178fBcU_7IvXR6hPUzSsmwhVr5Yomql1RlvR-xs-31Kq9WEYC5ooPyd2zBGWxnmYMRa-Am8awyH5gA0YDBI/s1600/rss.png) no-repeat left center; font-weight:normal; font-size:11px; text-transform:uppercase; display:block;padding:15px 10px 10px 20px;color:#a4a5a1;text-decoration:none;}
.topnav li a:hover, li a:focus, li a:active {text-decoration:none; background:#393837; color:#fff;}
/* Navigation Menu
------------------------------------------------------*/
#nav {
background:#FFD700;
width: 980px;
font-size: 11px;
color: #a79578;
font-weight: bold;
margin: 0 auto 0px;
padding: 0px auto 0px;
}
#nav ul {
float: left;
list-style: none;
margin: 0;
padding:0;
}
#nav li {
list-style: none;
margin: 0;
padding: 0;
}
#nav li a, #nav li a:link, #nav li a:visited {
color: #DAA520;
display: block;
font-weight: normal;
text-transform: lowercase;
margin: 0;
padding: 7px 10px;
}
#nav li a:hover, #nav li a:active {
background:#1C1C1C;
color:#FF0000;
margin: 0;
padding: 7px 10px;
text-decoration: none;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
background: #372c24;
width: 150px;
color: #FFF;
font-weight: normal;
text-transform: lowercase;
float: none;
margin: 0;
padding: 7px 10px;
border-bottom: 1px solid #372c24;
border-left: 1px solid #372c24;
border-right: 1px solid #372c24;
}
#nav li li a:hover, #nav li li a:active {
background: #a79578;
color: #FFF;
padding: 7px 10px;
}
#nav li {
float: left;
padding: 0;
}
#nav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0;
padding: 0;
}
#nav li ul a {
width: 140px;
}
#nav li ul ul {
margin: -32px 0 0 171px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
#nav li:hover, #nav li.sfhover {
position: static;
}
/*----------------SEARCH----------------*/
#search {
float: left;
margin:0;
padding:0;
}
#search form {
margin: 0;
padding:5px auto;
}
#search fieldset {
margin: 0;
padding: 0;
border: none;
}
#search p {
margin: 0;
font-size: 85%;
}
#s {
margin:0px;
float: left;
width:200px;
padding: 4px;
background:#DAA520;
border:1px solid #fff;
font: normal 100%;
color:#333;
}
#searchsubmit {
margin-left:20px;
float: right;
margin-top: 0px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzoXpoQvkw5DDG_fAklaU8vOqAUtPLcBQzC44_QKZ5CKvYO-y3xJVHsElgZkIKPotXHakL08pjlkl5G0_bOBjOrVW921gIy5fFjpgUT5RFJ8vzv-WTdigaWCbZ6MZFOb6hbmP0t9ser-2q/s1600/views-24.png) no-repeat right center;
border: none;
height:24px;
width:24px;
line-height:24px
}
#outer-wrapper {
width: 960px;
margin: 0px auto 0;
padding: 0;
line-height: 18px;
}
#main-wrapper {
float: left;
width: 500px;
margin: 0;
padding: 0;
}
#sidebar-wrapper {
float: right;
width: 455px;
margin: 0;
padding: 0;
display: inline;
text-align:justify;
}
#rightsidebar-wrapper {
width: 280px;
float: right;
overflow: hidden;
}
#midsidebar-wrapper {
width: 165px;
overflow: hidden;
float: left;
margin: 0 10px 0 0;
padding:0;
display: inline;
}
.midsidebar .widget-content{
margin-bottom:10px; overflow:hidden;
}
.rightsidebar, .midsidebar {
line-height: 1.5em;
}
.rightsidebar h2,.midsidebar h2{
color: #000;
font-size: 16px;
font-weight: bold;
text-transform: titlecase;
margin: 0px 0px 5px;
padding: 3px 0 6px 0px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_M98ct-th8sWVwjTkt2rRJCKELJl32pPIP72iE5lrRVtLZGduQptGjrWqD0GwcJa8ImGmd-wDEuru6OaCaTdHQqPB0pMdk_f6tveDTKsdK2l59GIzeO6NKQD2zwpF6sAq9cB6st5hxyAr/s1600/hl-dot.gif) repeat-x bottom center;
}
#sidebar p {
margin: 0;
padding: 0 0 0 45px;
}
#sidebar a img {
border: none;
margin: 0;
padding: 0;
}
.rightsidebar ul, .midsidebar ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.rightsidebar ul li {
float:left;
list-style-type: none;
margin: 0 0 5px;
padding-left: 15px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp9ZjA1PJlyOFg-nNYAG8b_HdxXMxvESplweW4-8z8jds9b8JrW7hYlRpwEHE-fmL4BRzC_JpkeIXMsXWdsikfzAS1sPmxJibLXOQV0a6R8_kKBv7bkQvl6_2-ck4k_qshBsWdHEO1QRd_/s1600/bullet_black.png) no-repeat left center;
}
.midsidebar ul li{
list-style-type: none;
margin: 0 0 5px;
padding-left: 15px;
border-bottom:1px solid #cfcfcf;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp9ZjA1PJlyOFg-nNYAG8b_HdxXMxvESplweW4-8z8jds9b8JrW7hYlRpwEHE-fmL4BRzC_JpkeIXMsXWdsikfzAS1sPmxJibLXOQV0a6R8_kKBv7bkQvl6_2-ck4k_qshBsWdHEO1QRd_/s1600/bullet_black.png) no-repeat left center;
}
.rightsidebar .widget {
background:#fff;
border:1px solid #cfcfcf;
float: left;
width: 258px;
margin: 0 0 10px;
padding: 10px 10px;
}
.midsidebar .widget {
background:#fff;
border:1px solid #cfcfcf;
float: left;
width: 153px;
margin: 0 0 10px;
padding: 10px 5px;
}
.main .widget {
margin: 0 0 1.5em;
padding: 0 0 1.5em;
}
/*POST ELEMENT*/
h2.date-header {
margin: 1.5em 0 .5em;
display: none;
}
.post {
background:#fff;
float: left;
width: 475px;
margin-bottom:10px;
padding: 10px;
overflow:hidden;
border:1px solid #cfcfcf;
}
.post h3 {
margin: 0 0 5px;
padding-bottom:6px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_M98ct-th8sWVwjTkt2rRJCKELJl32pPIP72iE5lrRVtLZGduQptGjrWqD0GwcJa8ImGmd-wDEuru6OaCaTdHQqPB0pMdk_f6tveDTKsdK2l59GIzeO6NKQD2zwpF6sAq9cB6st5hxyAr/s1600/hl-dot.gif) repeat-x bottom center;
}
.post h3 a, #content h1 a:visited {
color: #000;
font-size: 28px;
font-weight: bold;
margin: 0 0 5px;
padding: 0;
}
.post h3 a:hover {
color: #000;
text-decoration: none;
}
.post-body {
text-align:justify;
margin: 2em 0 .5em;
line-height: 1.6em;
}
.post-body blockquote {
line-height: 1.3em;
}
.post img {
padding: 10px;
}
.post blockquote {
margin: 5px;
padding: 0px 20px 0 15px;
border-left: 4px solid #cfcfcf;
color:#777;
font-size: 18px;
font-family: Georgia,trebuchet ms, tahoma, Verdana, Arial, Sans-Serif;
font-weight: normal;
font-style:italic;
}
.post blockquote p {
margin: 0;
padding: 0 0 0px;
}
.postmeta {
background:#372c24;
padding:1px;
color:#fff;
}
.postmeta a {
color:#fff;
}
/*COMMENTS*/
.comments {
background:#fff;
float: left;
width: 475px;
margin-bottom:5px;
padding: 10px;
overflow:hidden;
border:1px solid #cfcfcf;
}
#comments h4 {
color: #000;
font-size: 20px;
font-weight: normal;
margin: 0 0 5px;
padding: 0 0 10px 0;
}
#comments-block {
width: 475px;
float: left;
padding: 0;
margin: 0;
}
#comments-block .comment-author {
margin: 0em 0;
font-weight: bold;
}
#comments-block .comment-body {
margin: .25em 0 10px;
padding-left: 20px;
font-size:12px;
text-align:justify;
}
#comments-block .comment-footer {
margin: -.25em 0 2em;
line-height: 1.4em;
text-transform: uppercase;
letter-spacing: .1em;
border-bottom:1px solid #cfcfcf;
}
#comments-block .comment-body p {
margin: 0 0 .75em;
}
.deleted-comment {
font-style: italic;
color: gray;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
.feed-links {
clear: both;
line-height: 2.5em;
display:none;
}
.main .widget {
margin: 0 0 1.5em;
padding: 0 0 1.5em;
}
.main .Blog {
border-bottom-width: 0;
}
/*FOOTER*/
#footer {
width: 960px;
clear: both;
margin: 0 auto;
padding-top: 15px;
line-height: 1.6em;
text-transform: uppercase;
letter-spacing: .1em;
text-align: center;
}
/* ----- LOWER SECTION ----- */
#lower-wrapper {
background:#372c24;
margin:auto;
padding: 5px 0px 0px 0px;
width: 980px;
}
#lowerbar-wrapper {
color:#a4a5a1;
float: left;
margin: 0px 5px auto;
padding-bottom: 20px;
width: 32%;
text-align: justify;
font-size:100%;
line-height: 1.6em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
.lowerbar {margin: 0; padding: 0;}
.lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}
.lowerbar h2 {
margin: 0px 0px 10px 0px;
padding: 3px 0px 6px 0px;
text-align: left;
color: #fff;
font-size:20px;
border-bottom:1px solid #5a4c40;
}
.lowerbar ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}
.lowerbar li {
margin: 0px 0px 2px 0px;
padding: 0px 0px 1px 0px;
border-bottom:1px solid #5a4c40;
}
.lowerbar a {color: #fff; text-decoration: none;}
.lowerbar a:hover {text-decoration: underline; color: #171615}
.lowerbar a:visited {text-decoration: none; color: #fff;}
#credit {
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
width: 980px;
height: 30px;
font-size:11px;
clear: both;
color:#a4a5a1;
font-weight: normal;
background:#1b1613;
border-top:1px solid #5a4c40;
text-align:center;
}
#credit p {
margin: 0;
padding: 0
}
#credit a, .credit a:visited {
color: #a79578;
text-decoration: none;
font:verdana;
font-size:11px;
}
#credit a:hover{
color: #a79578;
text-decoration: underline;
}
/*-----------ADSENSE------------------*/
.adspost {
background:#fff;
float: left;
width: 578px;
margin-bottom:5px;
padding: 10px;
overflow:hidden;
border:1px solid #f3f1eb;
}
/* Ads Spots 125x125 */
#adspot {
overflow: hidden;
padding:0;
}
.ad1, .ad3 {
float: left;
margin-bottom: 5px;
padding-left:0px;
}
.ad2, .ad4 {
float: right;
margin-bottom: 5px;
padding-right:0px;
}
.rmlink {
background:#372c24;
margin-top:5px;
padding:0px 5px 1px 5px;
color:#fff;
}
.rmlink a {
font-size:11px;
font-style:italic;
color:#fff;
}
]]></b:skin>
<link href='http://www.merrypic.com/files/glxo92j550cq6z8z2xri_thumb.gif' rel='shortcut icon'/>
<link href='http://www.merrypic.com/files/glxo92j550cq6z8z2xri_thumb.gif' rel='shortcut icon'/>
<!--[if IE]>
<style type="text/css">
#menu li {
position:static;
}
</style>
<![endif]-->
<!--Internet Explorer Trancparency fix-->
<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
<![endif]-->
</head>
<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 500;
summary_img = 350;
img_thumb_height = 150;
img_thumb_width = 150;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
<body>
<div id='head'>
<div id='header-wrapper'>
<div class='headerleft'>
<b:section class='headerleft' id='headerleft' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='false' title='Sou da África (Cabeçalho)' type='Header'/>
</b:section>
</div>
<div class='headerright'>
<b:section class='headerright' id='headerright' maxwidgets='1' showaddelement='yes'/>
</div>
</div>
</div>
<div id='wrap'>
<div id='top-wrap'>
<div id='navwrap'>
<div class='topnav'>
<ul id='topnav'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://soudaafrica.blogspot.com/2010/01/musica-da-africa.html' target='_blank'>Música</a></li>
<li><a href='http://soudaafrica.blogspot.com/2010/02/feriados-nacionais.html' target='_blank'>Feriados</a></li>
<li><a href='http://soudaafrica.blogspot.com/2010/02/culinaria.html' target='_blank'>Comida</a></li>
<li><a href='http://soudaafrica.blogspot.com/2010/02/esporte.html' target='_blank'>Esportes</a></li>
<li><a href='http://soudaafrica.blogspot.com/search/label/Economia%20da%20%C3%81frica' target='_blank'>Economia</a></li>
<li><a href='http://soudaafrica.blogspot.com/search/label/Arte' target='_blank'>Arte</a></li>
</ul>
</div>
</div>
<div id='navwrapright'>
<div class='topnavright'>
<ul id='topnavright'>
</ul>
</div>
</div>
<div style='clear: both;'/>
</div>
<div id='nav'>
<ul id='nav'>
<li><a href='http://soudaafrica.blogspot.com/2010/01/fonte-african.html'>Fonte/Africa</a></li>
<li>
<ul>
<li>
</li>
</ul>
</li>
<li><a href='http://mapas.geographicguide.net/mapa-politico.htm'>Mapa</a></li>
<li><a href='http://soudaafrica.blogspot.com/2010/01/cultura.html'>Cultura</a></li>
<li><a href='http://soudaafrica.blogspot.com/2010/01/historia-da-africa.html'>História</a></li>
<li><a href='http://soudaafrica.blogspot.com/search/label/Etimologia'>Etimologia</a></li>
<li><a href='http://soudaafrica.blogspot.com/search/label/Resumo%20Geral'>Resumo geral</a></li>
<li><a href='http://soudaafrica.blogspot.com/2010/01/populacao-da-africa.html'>População</a></li>
<li><a href='http://soudaafrica.blogspot.com/2010/01/subdivisoes.html'>Subdivisões</a></li>
<li><a href='http://soudaafrica.blogspot.com/2010/01/problemas.html'>Probelmas</a></li>
<li><a href='http://soudaafrica.blogspot.com/2010/01/continente-africano.html'>Continente</a></li>
<li><a href='http://soudaafrica.blogspot.com/2010/01/cronologica-reflexiva.html'>Cronologia Negros</a></li>
<li><a href='http://soudaafrica.blogspot.com/2010/01/hinos-ouvir.html'>Hinos</a></li>
</ul>
</div>
<div style='clear: both;'/>
<div id='outer-wrapper'>
<div id='wrap2'>
<div id='content-wrapper'>
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/>
</b:section>
</div>
<!-- Sidebar -->
<div id='sidebar-wrapper'>
<div id='midsidebar-wrapper'>
<b:section class='midsidebar' id='midsidebar' preferred='yes'>
<b:widget id='Label2' locked='false' title='Assunto' type='Label'/>
</b:section>
</div>
<div id='rightsidebar-wrapper'>
<b:section class='rightsidebar' id='rightsidebar' preferred='yes'>
<b:widget id='HTML6' locked='false' title='' type='HTML'/>
<b:widget id='HTML4' locked='false' title='Veja:' type='HTML'/>
<b:widget id='Label3' locked='false' title='Poetas' type='Label'/>
<b:widget id='HTML1' locked='false' title='Ver mapa' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Arquivado' type='BlogArchive'/>
</b:section>
</div>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div> <!-- end content-wrapper -->
</div></div> <!-- end outer-wrapper -->
<div id='lower'>
<div id='lower-wrapper'>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'>
<b:widget id='HTML5' locked='false' title='Parceria' type='HTML'/>
</b:section>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'>
<b:widget id='HTML2' locked='false' title='Divulgue!' type='HTML'/>
<b:widget id='HTML3' locked='false' title='Ratings and Recommendations by outbrain' type='HTML'/>
</b:section>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes'>
<b:widget id='Label4' locked='false' title='Destaque' type='Label'/>
<b:widget id='Label1' locked='false' title='Marcadores' type='Label'/>
</b:section>
</div>
<div style='clear: both;'/>
</div> </div><!-- end lower-wrapper -->
<!-- If you only distribute this template, do not put your link -->
<div id='credit'>
<p><a expr:href='data:blog.homepageUrl'><data:blog.title/></a><a href='' target='_blank'>Adaptado Igor Natanyo WoodMag is Designed by Ipietoon </a> <a href='' target='_blank'/></p>
</div>
</div>
</body>
</html>