3 de dez de 2010

Template Encantada Disney


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(http://3.bp.blogspot.com/_fN8wBWylUn8/TPhI4FKoxlI/AAAAAAAACc0/ijXlEND5cto/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('http://1.bp.blogspot.com/_FXIne2ZDJII/TPjJGL94i2I/AAAAAAAAEKM/rAC4dJqca-Y/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('http://4.bp.blogspot.com/_fN8wBWylUn8/TPhKGXRP9qI/AAAAAAAACc8/OVttY2IJy1c/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(http://4.bp.blogspot.com/_fN8wBWylUn8/TPjGUCO_MQI/AAAAAAAACdc/z-oMXnn-szU/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('http://3.bp.blogspot.com/_fN8wBWylUn8/TPjJ_Yc_3_I/AAAAAAAACdg/mWAHTcZAecM/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(http://2.bp.blogspot.com/_fN8wBWylUn8/TPhOd40My2I/AAAAAAAACdA/1ITC0dDT9rw/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='http://3.bp.blogspot.com/_TOgLIzRT88Y/TOMF3eCgDII/AAAAAAAAIGA/6u7FBz6jIaM/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='http://4.bp.blogspot.com/_TOgLIzRT88Y/TOMF2r2BlJI/AAAAAAAAIF8/U37vkuvbWoA/s1600/twitter.png'/><span class='tip'>Siga-me no Twitter</span></a>
<a class='tip_trigger' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'><img src='http://3.bp.blogspot.com/_TOgLIzRT88Y/TOMO75kIoUI/AAAAAAAAIGM/l3kSkli-OtU/s1600/001.png'/><span class='tip'>Feed posts</span></a>
<a class='tip_trigger' expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'><img src='http://3.bp.blogspot.com/_TOgLIzRT88Y/TOMO75kIoUI/AAAAAAAAIGM/l3kSkli-OtU/s1600/001.png'/><span class='tip'>Feed comentários</span></a>
<li><a class='tip_trigger' href='#footer'><img src='http://2.bp.blogspot.com/_fN8wBWylUn8/TPjE6gKMyiI/AAAAAAAACdM/WuhRCbRdoes/s1600/down2.png'/><span class='tip'>Desce</span></a></li>
  <li><a class='tip_trigger' href='#header'><img src='http://2.bp.blogspot.com/_fN8wBWylUn8/TPjE_4Jn_PI/AAAAAAAACdU/S3CbUWiMw5Y/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 == &quot;REPLACE&quot;'>
      <!--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 + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
      </div>
    <b:else/>
      <!--Show image as background to text-->
      <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                      + &quot;background-repeat: no-repeat; &quot;                      + &quot;width: &quot; + data:width + &quot;px; &quot;                      + &quot;height: &quot; + data:height + &quot;px;&quot;' 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 != &quot;&quot;'>
      <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <b:if cond='data:team == &quot;true&quot;'> <!-- 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 != &quot;&quot;'>
        <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 == &quot;true&quot;'>
          <dd class='profile-data'><data:location/></dd>
        </b:if>

        <b:if cond='data:aboutme != &quot;&quot;'><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 + &quot;_blog-pager-newer-link&quot;' 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 + &quot;_blog-pager-older-link&quot;' 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 + &quot;&amp;target=email&quot;' 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 + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' 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 + &quot;&amp;target=twitter&quot;' 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 + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' 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 + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=415,width=690\&quot;); return false;&quot;' 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'>&#160;</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 + &quot;_backlinks-create-link&quot;' 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 != &quot;item&quot;'>

          <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='http://2.bp.blogspot.com/_fN8wBWylUn8/TPjFCLbV2qI/AAAAAAAACdY/wLfn9HnI9hg/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 != &quot;item&quot;'>
           <b:if cond='data:post.showBacklinks'>
             <a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><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'>&#160;</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='http://1.bp.blogspot.com/_fN8wBWylUn8/TPjE86EoeEI/AAAAAAAACdQ/V7bChj8extg/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 != &quot;true&quot;'>,</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(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <span class='delete-comment-icon'>&#160;</span>
    </a>
  </span>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <span class='quick-edit-icon'>&#160;</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 == &quot;item&quot;'>
        <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='&quot;item-control &quot; + data:comment.adminClass'>
    <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
      <span class='delete-comment-icon'>&#160;</span>
    </a>
  </span>
</b:includable>
<b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- 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='&quot;comment-&quot; + data:comment.id'>
            <a expr:name='&quot;comment-&quot; + 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='&quot;#comment-&quot; + 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 + &quot;_backlinks-container&quot;'>
       <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 == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (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 == &quot;false&quot;'>
            <!-- (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 == &quot;expanded&quot;'>
    <a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; +       &quot;&amp;dir=close&amp;toggle=&quot; + data:interval.toggleId +       &quot;&amp;toggleopen=&quot; + data:toggleopen'>
        <span class='zippy toggle-open'>&#9660; </span>
    </a>
  <b:else/>
    <a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; +         &quot;&amp;dir=open&amp;toggle=&quot; + data:interval.toggleId +         &quot;&amp;toggleopen=&quot; + data:toggleopen'>
          <span class='zippy'>&#9658; </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='&quot;archivedate &quot; + 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 + &quot;_ArchiveMenu&quot;'>
    <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 + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <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'>&#160;</div>
    </div> <!-- end content-wrapper -->
    <div id='footer-wrapper'>
      <b:section class='footer' id='footer'/>
    </div>
  </div></div> <!-- end outer-wrapper -->
<div align='center'>&#169;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.

Mostruário de Templates / baseado no Simple | por © Templates e Acessórios ©2011