Template em 3 colunas, menu horizontal com efeito.
<?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 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>
<link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'/>
<title><data:blog.pageTitle/></title>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
--------------------------------------------------------
* Estilo Blogger Template
* Título do template: Template Encantada
* Design: Elke di Barros
* Origem: http://templateseacessorios.blogspot.com/
* Date: 24 de junho 2008 refeito em dezembro de 2010
----------------------------------------------------------
*/
/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#000" value="#e1ecff">
<Variable name="textcolor" description="Text Color"
type="color" default="#999999" value="#808080">
<Variable name="linkcolor" description="Link Color"
type="color" default="#FF3577" value="#666666">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#000" value="#4c4c4c">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#FFFFFF" value="#999999">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#6d8051" value="#7f7f7f">
<Variable name="bordercolor" description="Border Color"
type="color" default="#9ED838" value="#e6e6e6">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#ccc" value="#000000">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#226E8A" value="#000000">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#2B8CB4" value="#cccccc">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% 'Lucida Handwriting',Trebuchet,Lucida Handwriting,Sans-serif" value="normal normal 113% Trebuchet, Trebuchet MS, Arial, sans-serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal bold 78% 'Lucida Handwriting',Trebuchet,Lucida Handwriting,Lucida Handwriting,Sans-serif" value="normal bold 99% Trebuchet, Trebuchet MS, Arial, sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal bold 200% 'Courrier',Trebuchet,Verdana,Sans-serif" value="normal bold 6% Trebuchet, Lucida Handwriting, Lucida Handwriting, sans-serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Lucida Handwriting', Trebuchet, Verdana, Sans-serif" value="normal normal 92% Trebuchet, Trebuchet MS, Arial, sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 98% 'Lucida Handwriting', Lucida Handwriting,Lucida Handwriting, Lucida Handwriting, Sans-serif" value="normal normal 69% Trebuchet, Trebuchet MS, Arial, sans-serif">
*/
body {
background: #ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRGFOeOQBzmHaFdmglQK503VcKh35yR5wq7UpolCPSKM1dCcLyFhluqQiMwiUFwLAhx1vFu3GM8Rdn9n7QhmD6Ftt5jgEhSRcJxzwwMKFOxT2u0fHmG1XXQZp160WD6FlbW_B9qLXpJaZZ/s1600/back+encantada.png) repeat;
color:$textcolor;
font: x-small "Trebuchet MS", Lucida Handwriting, Lucida Handwriting, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: lcenter;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}
/* Header
-----------------------------------------------
*/
#header-wrapper {
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAD1bQTUbqFi8dAe_Y0D0KP2T60pDYETt5oIRjP6bsIAbUfQJuKGqdtlCCcv5fFyHLUDaU-3bFaEBlntYPgUemhLOberHgYbV2DujRZ8e-JVf107pG7vf0QW624rrD3xbAukFD8qzdYqI/s1600/encantada2un6.png') top right no-repeat;
width:940px;
height:250px;
margin: auto 0;
}
#header {
margin: -3px;
width:940px;
text-align: center;
}
#header h1 {
margin:0px 0px 0;
padding: 200px 0 0 0;
line-height:1.2em;
font-size: 60px;
font-family:'Tangerine', arial, serif;
letter-spacing:.2em;
color: #fff;
}
#header a {
margin-top: 365px;
color:#fff;
text-decoration:none;
}
#header a:hover {
color:$descriptioncolor;
}
#header .description {
margin:145 5px 0px;
padding-left:10px;
max-width:640px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.2em;
font: $descriptionfont;
color: $descriptioncolor;
}
/* Lista de páginas-----------------------------------------------*/
#PageList1 {
font-size: 22px;
font-family:'Tangerine', arial, serif;
float: center;
top:0px;
left:0px;
right:0px;
color: #fff;
background:#E8C4B8;
}
#PageList1 a:hover {
top:-30px;
left:0px;
right:0px;
color: #ccc;
border-top: 2px dashed #188696;
}
#PageList1 a:visited{
top:0px;
left:0px;
right:0px;
color: #fff;
}
/*Menu horizontal-----------------------------------*/
#nav{
background: #fff;
border: 1px dashed #D19096;
height:42px;
position:relative;
top:0px;
left:0px;
right:0px;
}
#nav ul{
height:28px;
list-style:none;
margin:8px auto;
width:980px;
}
#nav ul li{
display:inline;
float:left;
margin:0 5px;
}
#nav a{
font-size:12px;
font-weight:bold;
float:left;
padding: 3px 8px;
color:#999;
text-decoration: none;
background:transparent;
height:20px;
line-height:20px;
}
#nav a:hover{
background:#D19096;
color: #fff;
border-top: 8px solid #ECC7B5;
}
#nav a.top span, #nav a.footer span{
float:left;
width:18px;
height:22px;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 940px;
margin: 0px auto;
padding:3px;
text-align:left;
border: 4px solid $bordercolor;
background: transparent;
}
#main-wrapper {
background: transparent;
margin: 3px;
width: 510px;
float: left;
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 */
}
#sidebar-wrapper {
margin-bottom: 0px;
width: 210px;
float: right;
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 */
}
#newsidebar-wrapper {
margin-bottom: 0px;
width: 210px;
float: left;
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 */
}
/* Headings
------------------------------------------------ */
h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
letter-spacing:.2em;
color:$sidebarcolor;
}
/* Posts
-----------------------------------------------
*/
.date-header {
font-size: 20px;
font-family:'Tangerine', arial, serif;
width: 40px
text-align: right;
float: right;
margin:20px 10px -60px 2px;
padding: 5px;
color: #D08F95;
}
#showlink { font-size: 10px;
font-family:'Arial', arial, serif;
}
.post {
background: #FFFFFF url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhig-c133xZvGJdNteCsSa_3GO2GPQHkOnGkMBpGxmQOvP2pzX3Q1KN_EVpsQ5MfMaRiUaCzq-742YdjAQO5W7wG7wTELJ7k7lYXRT1Yt2H45IBAoJc54FqmiEhoo5CQQ1xAkDf7-fHbcY/s1600/postencantadaqh6.jpg') top no-repeat;
margin: 10px 2px 1px 2px;
padding: 6px 8px 1px 8px;
border:1px dashed #188696;
padding-bottom:1.5em;
border: 4px solid $bordercolor;
}
.post h3 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJxH3RiOD3DyRAPftbT8OGOiFX5lhbeL6xfLa7K6smK7IIm4BstqxRxH7TjvH_ckoSbPWQYvNyH5s2C6CcmwuSzsl02ygUSsShKFtJM8-zgnwKhY_rVYtDBpa-SgIfSw5E0zaGYXCmwaqp/s1600/Image10.png) no-repeat left;
color:#fff;
font-size: 32px;
font-family:'Tangerine', arial, serif;
border-bottom: 1px dashed #04272D;
margin:20px 2px 10px 15px;
padding:14px 0 4px 14px;
font-weight:normal;
line-height:1.1em;
color:$titlecolor;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#D08F95;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {
color:$textcolor;
}
.post-body {
margin: 8px 2px 0px 2px;
padding: 5px;
color:#D08F95;
line-height:1 em 2px;
font-size: 25px;
font-family:'Tangerine', arial, serif;
}
.post-links {
color: #ccc;
background: #000;
margin: 3px 0 3px 0;
padding: 5px 3px 5px 10px;
font-size: 10px;
}
.post-links a{
color: #fff;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
margin: 0px 2px 0px 2px;
padding: 5px;
color:$sidebarcolor;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
}
.comment-link {
float: right;
margin-$startSide:.6em;
}
.post-body img, table.tr-caption-container {
padding:4px;
border:1px solid #04272D;
}
.tr-caption-container img {
border: 1px solid $bordercolor;
padding: 2px 2px 2px 2px;
border: none;
padding: 0;
}
.post blockquote {
border-left: 20px solid $bordercolor;
padding: 6px 3px 6px 8px;
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
/* Comments
----------------------------------------------- */
#comments h4 {
padding-left: 5px;
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}
#comments-block {
padding-left: 5px;
margin:1em 0 1.5em;
line-height:1.3em;
}
#comments-block .comment-author {
padding-left: 5px;
margin:.5em 0;
}
#comments-block .comment-body {
padding-left: 5px;
margin:.25em 0 0;
}
#comments-block .comment-footer {
padding-left: 5px;
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
padding-left: 5px;
margin:0 0 .75em;
}
.deleted-comment {
padding-left: 5px;
font-style:italic;
color:gray;
}
.feed-links {
padding-left: 5px;
clear: both;
line-height: 2.5em;
}
#blog-pager-newer-link {
padding: 5px;
float: left;
}
#blog-pager-older-link {
padding: 5px;
float: right;
}
#blog-pager {
text-align: center;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar .widget {
background: #FFE8E8 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZBSCO44489KDMGc1cUc1xqzEkSBjnpchGhr2sHDbCqxP66m-cDjfPMAqJ0fGPK5Q1WUzootapZ0PKmvP4m255OLb4VBiP7rXFQGbZ44bR2nZnYbq4hvsuiJM5Xwf-aQpz0wqO5SqG-wa2/s1600/10sb0.gif') no-repeat top center;
margin:5px 3px 10px 3px;
border: 2px solid $bordercolor;
padding: 0 2px 4px 2px;
}
.sidebar h2 {
text-align:center;
margin:3px 3px 3px 3px;
padding: 58px 0 10px 0;
font-size: 85%;
font-size: 20px;
font-family:'Tangerine', arial, serif;
color: $sidebartextcolor;
}
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
border-bottom: 1px groove $bordercolor;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVfdrxT2V2j3cqYBtWuOQLHLefBXjAt7rT2ctGcXsUYBi6P4UOKwVNKMbKk4G48Id7aObuBYTPSfq6bA8vbDldqWIvbgNhN6Xd5UT3myea7yByE_apqEqfE2kWrha6VDV7WwAQT0ldTv3D/s1600/animation2cd1.gif) no-repeat;
margin: 1px 1px 1px 8px;
padding:1px 2px 1px 18px;
line-height:1.2em;
}
.main .widget {
margin:0 0 0.9em;
padding:0 0 0.9em;
}
.main .Blog {
}
/* Profile
----------------------------------------------- */
.profile-img {
float: center;
margin: 0 2px 0px 0;
padding: 4px;
border: 0px dashed $bordercolor;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.2em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}
/* Footer
------------------------------------------------ */
#footer {
width:772px;
clear:both;
margin: auto;
padding-top:0px;
line-height: 2.1em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
/** Page structure tweaks for layout editor wireframe */
body#layout #header {
margin-left: 10px;
margin-right: 10px;
}
#navbar {
display:none;
margim:none;
padding:none;
}
#navcontainer
{
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 10px;
}
#navlist li
{
display: inline;
padding-bottom: 14px;
padding-left: 20px;
background-repeat: no-repeat;
}
#navlist a
{
padding-left: 30px;
padding-bottom: 14px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}
#navlist a:link, #navlist a:visited
{
padding-left: 30px;
color: $pagetitlecolor;
background: url(.);
background-position: 0 -38px;
background-repeat: no-repeat;}
#navlist a:hover
{
color: black;
padding-left: 18px;
background:#ffffff;
background-repeat: no-repeat;
background-position: 0 3px;}
]]></b:skin>
<style>
.tip {
color: #000;
background:#fff;
border: 3px groove #ECC7B5;
display:none; /*--Hides by default--*/
padding:10px;
margin: -18px 2px 1px -246px;
position:absolute; z-index:1000;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
//Tooltips
$(".tip_trigger").hover(function(){
tip = $(this).find('.tip');
tip.show(); //Show tooltip
}, function() {
tip.hide(); //Hide tooltip
}).mousemove(function(e) {
var mousex = e.pageX + 20; //Get X coodrinates
var mousey = e.pageY + 20; //Get Y coordinates
var tipWidth = tip.width(); //Find width of tooltip
var tipHeight = tip.height(); //Find height of tooltip
//Distance of element from the right edge of viewport
var tipVisX = $(window).width() - (mousex + tipWidth);
//Distance of element from the bottom of viewport
var tipVisY = $(window).height() - (mousey + tipHeight);
if ( tipVisX < 20 ) { //If tooltip exceeds the X coordinate of viewport
mousex = e.pageX - tipWidth - 20;
} if ( tipVisY < 20 ) { //If tooltip exceeds the Y coordinate of viewport
mousey = e.pageY - tipHeight - 20;
}
//Absolute position the tooltip according to mouse position
tip.css({ top: mousey, left: mousex });
});
});
//]]>
</script>
</head>
<body>
<div id='outer-wrapper'><div id='wrap2'>
<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>
<div id='nav'>
<ul>
<li><a class='tip_trigger' href='#'>HOME<span class='tip'>Página inicial</span></a></li>
<li><a class='tip_trigger' href='ENDEREÇO DO LINK 1'>LINK 1<span class='tip'>ESCREVA ALGO SOBRE O LINK 1</span></a></li>
<li><a class='tip_trigger' href='ENDEREÇO DO LINK 2'>LINK 2<span class='tip'>ESCREVA ALGO SOBRE O LINK 2</span></a></li>
<li><a class='tip_trigger' href='ENDEREÇO DO LINK 3'>LINK 3<span class='tip'>ESCREVA ALGO SOBRE O LINK 3</span></a></li>
<li><a class='tip_trigger' href='ENDEREÇO DO LINK 4'>LINK 4<span class='tip'>ESCREVA ALGO SOBRE O LINK 4</span></a></li>
<li><a class='tip_trigger' href='ENDEREÇO DO LINK 5'>LINK 5<span class='tip'>ESCREVA ALGO SOBRE O LINK 5</span></a></li>
<a class='tip_trigger' href='ENDEREÇO DO FACEBOOK'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZq9QxH65iWmMrIWjjScGALEXx3HfNAOoDI96_4ZhFpF84OpUJ04yUQtF2V1dPl8P3I8TQ4rE1FM6s4igdk-JEiLQSNX0ulz3ltyNEBqCvJ2C0ecoEbyAp_mRCFBvrML-4R-SnabQO8xg/s1600/facebook.png'/><span class='tip'>Seja um fã no Facebook</span></a>
<a class='tip_trigger' href='ENDEREÇO DO TWITTER'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikyXsk7o8bJGk1NxZ7GfJwalrS_Z_WiAN7seN9VRxq5QQvjytfxvrzx4q1_wpBbzLShXfZiPu4iA2V1rq4_kylqsYxqm1O_0J9b953dP1RP3lzlQf_yqoPjQCjzVrt6Eg3MHSpFBOVl-w/s1600/twitter.png'/><span class='tip'>Siga-me no Twitter</span></a>
<a class='tip_trigger' expr:href='data:blog.homepageUrl + "feeds/posts/default"'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHyIYSTIBwhWY8GsALZxQ_-AM6XHg8PJBFYd-zs6JamOdEzyUF5-m9a5xQARsulszC7WHIxLkw22QUXXLFlHBcVPqGXCAGdNlpCwWSB_-JMsmU-sNHwqYPe6j32InKRtAb0hiWlwEu57A/s1600/001.png'/><span class='tip'>Feed posts</span></a>
<a class='tip_trigger' expr:href='data:blog.homepageUrl + "feeds/comments/default"'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHyIYSTIBwhWY8GsALZxQ_-AM6XHg8PJBFYd-zs6JamOdEzyUF5-m9a5xQARsulszC7WHIxLkw22QUXXLFlHBcVPqGXCAGdNlpCwWSB_-JMsmU-sNHwqYPe6j32InKRtAb0hiWlwEu57A/s1600/001.png'/><span class='tip'>Feed comentários</span></a>
<li><a class='tip_trigger' href='#footer'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivl3TJW5E6r5B2TA91-K5Bfz37X7qlGdpqHOYf3Ruv5x80Ric4IcXgyU3nB_VNfOosLwDujVxupTr8dq4XCYegYiEuW-7S5oD-mvznkhiUArwIDNWfLMmTXZolX6cWccBdgeQgS1c8ZxXN/s1600/down2.png'/><span class='tip'>Desce</span></a></li>
<li><a class='tip_trigger' href='#header'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiduIlqOGu4Cw5w0azQaRaM8RSSybZqaA4MG5mTKmWTxYSbaNs1jADpgQMFlGUx9O_1ohA7p-Gwzr-mfIL176WitP0M4zybUM36mtfCpmxgGJntQgjYJCuy9gH3YJBPHQmSBHCEWibjVKt_/s1600/up.png'/><span class='tip'>Sobe</span></a></li>
</ul>
</div>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='false' title='Template Encantada (Cabeçalho)' type='Header'>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "REPLACE"'>
<!--Show just the image, no text-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
</div>
<b:else/>
<!--Show image as background to text-->
<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-repeat: no-repeat; " + "width: " + data:width + "px; " + "height: " + data:height + "px;"' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</h1>
</div>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</h1>
</div>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol'>
<b:widget id='PageList1' locked='false' title='Páginas' type='PageList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='content-wrapper'>
<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'>
<b:widget id='Profile1' locked='false' title='Quem sou eu' type='Profile'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:team == "true"'> <!-- team blog profile -->
<ul>
<b:loop values='data:authors' var='i'>
<li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li>
</b:loop>
</ul>
<b:else/> <!-- normal blog profile -->
<b:if cond='data:photo.url != ""'>
<a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
</b:if>
<dl class='profile-datablock'>
<dt class='profile-data'><data:displayname/></dt>
<b:if cond='data:showlocation == "true"'>
<dd class='profile-data'><data:location/></dd>
</b:if>
<b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
</dl>
<a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='false' title='Postagens no blog' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
<a class='share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
<a class='share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
<a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>
<a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>
<a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, \"_blank\", \"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='post' var='post'>
<div class='post uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
<p class='post-footer-line post-footer-line-1'>
<span class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
</b:if>
</b:if>
</span>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3qIIAoq9HOzjKA8LUiI7In-1c2ST3JIx2M8MkBgapSzcFy5BpruMlKMLatlsKz2qk4cMj6cpJAzNlDUGvNRN0mT1Zrb_p-WZJNeQLjQd3NscKS5ieka3XqZC6WIZAV3VKFNMMyJ-dccYh/s1600/Image7.png'/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>
<!-- backlinks -->
<span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
</b:if>
</b:if>
</span>
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<span class='email-post-icon'> </span>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span>
</p>
<p class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaUAqM3ITfKVhW1Eo0Sm_-h744kUYaSNZ8lYokZd3R93bh5i3K87pdMuIun2eEMKD1CLt35CBp0dBMz-O0As6IOWRSOXbY7YEuaCzXqusg6BlQccHGbGgWcYkqs__ddiVVmzwhqH3qL02b/s1600/Image6.png'/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
</p>
<p class='post-footer-line post-footer-line-3'/>
</div>
</div>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup' style='width:100px;height:20px;'/>
</b:if>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<span class='quick-edit-icon'> </span>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts'>
<b:include data='top' name='status-message'/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
</b:loop>
</div>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</p>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='PopularPosts1' locked='false' title='Postagens populares' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Arquivo do blog' type='BlogArchive'>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy'>► </span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
(<span class='post-count'><data:i.post-count/></span>)
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='flat' var='data'>
<ul class='flat'>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Marcadores' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div> <!-- end content-wrapper -->
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
</div></div> <!-- end outer-wrapper -->
<div align='center'>©2008 <a href='http://tudodisney.blogspot.com/' target='_blank'>Julinha Lady</a> Por <a href='http://templateseacessorios.blogspot.com/' target='_blank'>Templates e Acessorios</a> </div>
</body>
</html>
Nenhum comentário:
Postar um comentário
Deixe seu comentário apenas sobre o template.