HTML de Themes para Tumblr: Theme Tumblr Ecoando-Notas 22

Para colocar o theme no seu Tumblr basta que você, passe o mouse sobre a caixa de texto abaixo, depois basta que você copie-o (Ctrl + C) e cole-o (Ctrl + V) na area de HTML do /Custumize do Tumblr. Agora basta salvar e prontinho... xD

<html><head>  <link href='http://fonts.googleapis.com/css?family=Handlee' rel='stylesheet' type='text/css'> <link rel="shortcut icon" href="{Favicon}" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script><script type="text/javascript">function slideSwitch() {     var $active = $('#slideshow img.active');             $active.addClass('last-active');                 // verifica se existe um próximo objeto na div #slideshow, caso ele nao exista, retorna para o primeiro     var $next =  $active.next().length ? $active.next() : $('#slideshow img:first');       $next.css({opacity: 0.0})         .addClass('active')         .animate({opacity: 1.0}, 1000, function() {             $active.removeClass('active last-active');         }); }   $(function() {         //Executa a função a cada 2 segundos         setInterval( "slideSwitch()", 2500 ); }); </script>  <script type="text/javascript">       //Created by Title bar Maker (http://www.bosiljak.hr/titlemaker)              function tb8_makeArray(n){        this.length = n;        return this.length;        }              tb8_messages = new tb8_makeArray(1);              tb8_messages[0] = "{Title}";              tb8_rptType = 'infinite';              tb8_rptNbr = 5;              tb8_speed = 100;              tb8_delay = 2000;              var tb8_counter=1;              var tb8_currMsg=0;              var tb8_tekst ="";              var tb8_i=0;              var tb8_TID = null;              function tb8_pisi(){              tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);              document.title = tb8_tekst;              tb8_sp=tb8_speed;              tb8_i++;              if (tb8_i==tb8_messages[tb8_currMsg].length){              tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;              }              if (tb8_currMsg == tb8_messages.length){              if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){              clearTimeout(tb8_TID);              return;              }              tb8_counter++;              tb8_currMsg = 0;        }              tb8_TID = setTimeout("tb8_pisi()", tb8_sp);              }              tb8_pisi()              </script> <meta name="image:sidebar" content="http://static.tumblr.com/bvw6kcj/GCvm73la9/tumblr_m6y9rgcpvi1r8g9bio2_250.png"/><meta name="image:background" content="http://static.tumblr.com/bvw6kcj/MRRm7057i/tumblr_m3giifzmz31rvpfk1o2_250.jpg"/>    <meta name="color:background" content="#E8E8E8" /><meta name="color:links" content="#4F4F4F" /><meta name="color:linkhover" content="#4F4F4F" /><meta name="color:fonteh1" content="#9C9C9C" /><meta name="color:riscado" content="#9C9C9C" /><meta name="color:italico" content="#9C9C9C" /><meta name="color:negrito" content="#828282" /><meta name="color:sublinhado" content="#9C9C9C" />  <meta name="font:fonte" content="verdana" /><meta name="text:titulo" content="keep calm and smile" />  <meta name="text:Link1" content="/" /><meta name="text:Link1 Title" content="link 1" /><meta name="text:Link2" content="/" /><meta name="text:Link2 Title" content="link 2" /><meta name="text:Link3" content="/" /><meta name="text:Link3 Title" content="link 3" /><meta name="text:Link4" content="/" /><meta name="text:Link4 Title" content="link 4" /><meta name="text:Link5" content="/" /><meta name="text:Link5 Title" content="link 5" />   <script type="text/javascript">function changeNavigation(id) {document.getElementById('liuc').innerHTML=document.getElementById(id).innerHTML} </script><title>{title}</title><link rel="shortcut icon" href="{favicon}" />   <style>   /*** Barra de rolagem personalizada ***/ ::-webkit-scrollbar {width:6px;height:auto;background:#fff;border-bottom:none;} ::-webkit-scrollbar-button:vertical {height:6px;display:block;} ::-webkit-scrollbar-thumb:vertical {background-color: #D3D3D3; border-radius: 20px;} /*** Fim da barra de rolagem ***/    /*** fonte ***/     @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}   @font-face {font-family: "Handlee";src: url('http://fonts.googleapis.com/css?family=Handlee');}      /*** credito ***/ .credit{background-color:#fff; font-size: 8px; color: {color:text}; text-align: center; width: 42px; height: 10px; position: fixed; margin-left: 188px; font-family: tinytots; margin-top: 3px; overflow: hidden; text-transform: none; line-height: 10px;}  /*** personalização reblog***/  .h1 {color: #FFC1C1; font-size: 8px; padding: 3px; text-align: center; font-family: 'tinytots'; background: #F5F5F5; letter-spacing: 1px; text-shadow: 0px 0px 0px #; border-top: 0px solid #F5F5F5}    .reblogph{margin-left: 540px; margin-top: 10px; min-width: 20px; position: absolute; z-index: 5; }   /*** body***/  body {background:{color:background} url('{image:background}'); font: 11px {font:fonte}; text-align:justify; color: #666;background-attachment:fixed; background-repeat: repeat;}  /*** pagina, post e side ***/  #page {width: 876px; margin-top: 0px; margin-right: auto; margin-bottom: 50px; margin-left: auto;}   #posts {top: 20px; left: 310px; width:540px; position: absolute;}   #side {width:200px; text-align: justify; float: left; position: fixed; margin-top:172px; left:106px;}   #box1 {width:120px; text-align: justify; float: left; position: fixed; margin-top:22px; left:855px;}  #box2 {width:230px; text-align: justify; float: left; position: fixed; margin-top:230px; left:38px;}  #boxd {width:230px; text-align: justify; float: left; position: fixed; margin-top:266px; left:89px;}  #col {width:30px; text-align: justify; float: left; position: fixed; margin-top:225px; left:50px;}   .caixapost {background:#fff; margin-bottom: 3px;  padding: 6px;  text-align: justify; border: px solid {color:borda};}   .boxsidebar {background:#fff;;Width: 180px;height: 180px; padding: 3px; margin-bottom: 2px; left:1px;font-family: "tinytots";font-size: 8px; color:#000;padding-top:5px;}  .box1 {background:#fff;Width: 1px;height: 110px; padding: 3px; margin-bottom: 2px; left:2px;font-family: "verdana";font-size: 9px; color:#000;padding-top:5px;border-bottom: 0px solid #000;}  .box2 {background: transp;Width: 244px;height: 10px; padding: 2px; margin-bottom: 2px; left:2px;font-family: "Handlee";font-size: 20px; text-align:center; color:#828282;text-shadow: 0px 0px 2px #CFCFCF; padding-top:6px; border-bottom: 0px solid #000; }  .boxd {background: transp ;Width: 134px;height: 75px; padding: 2px; margin-bottom: 2px; left:2px;font-family: "tahoma";font-size: 10px; text-align:center; color:#828282; text-shadow: 0px 0px 1px #CFCFCF;padding-top:6px; border-bottom: 0px solid #CFCFCF; }  .col{font-family: "verdana";font-size: 40px; text-align:center; color:#FFB5C5;margin-top:-20px; -moz-transform: rotate(2deg); -webkit-transform: rotate(320deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg);}    /*** Titulo dos posts ***/ .title {color: {color:fonteh1}; font-family:'georgia'; font-size:14px; line-height:20px; font-weight:normal; margin:0px; padding:2px; margin-bottom:-0px; text-align:left; letter-spacing:px; border-bottom: px solid #CFCFCF;}   /*** ask ***/ .bubble {align:right;background: #eee; margin:5px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} .bubble p {margin:1px 0px;} .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #eee;} .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #eee}   /* aspas nos quotes */ .aspas{ position:relative; top:-10px; font-size:80px; opacity:0.1; filter: alpha(opacity = 10);color: #386F6D;} .quote{ margin-left:20px; margin-top:-85px; line-height:25px; letter-spacing:-1px;}    /* blockquote */ blockquote {border-left: 5px solid #D8BFD8; padding: 2px  2px 2px 8px; margin: 4px; line-height: 14px; background-color: #FFF;}  blockquote blockquote {border-left: 5px solid #386F6D; padding: 2px  2px 2px 8px; margin: 4px; line-height: 14px; background-color: #FFF;}  blockquote blockquote blockquote {border-left: 5px solid #386F6D; padding: 2px  2px 2px 8px; margin: 4px; line-height: 14px; background-color: #FFF;} blockquote blockquote blockquote blockquote {border-left: 5px solid #386F6D; padding: 2px  2px 2px 8px; margin: 4px; line-height: 14px; background-color: #FFF;}    /* formatacao das notes */ notes {display:block; background:#f8f8f8; font-size:10px; letter-spacing:1px; padding:1px 4px 1px 4px;  margin-top: 3px; font-weight:strong;}     a { color: {color:links}; text-decoration: none; -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; transition: color 0.5s ease-out;} a:hover { color: {color:linkhover}; filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;} s {color: {color:riscado};}  i {color: {color:italico};}  b {color: {color:negrito}; } strong {color: {color:strong} } u, span.sublinha {cursor: nw-resize; text-decoration: none; border-bottom: 1px dashed {color:sublinhado};}    /*** menu ***/  #navig {padding:2px; margin-bottom:5px; font-size:8px; font-family:tinytots; text-align:center; margin:auto; margin-top:-20px; padding-top:2px;position:fixed; float:left; top:46px; z-index:0;} #navig a{display:block; color:{color:link menu}; text-transform:uppercase; margin:2px 0px 2px 0px; background-color:#fff; padding:7px 15px 7px 10px; left:12px; line-left: 10px; width:50px;} #navig a:hover {color:{color:link menub}; }    #home {width: 23px; position: fixed; background-color: #FFF; font-size: 9px; font-family: tahoma; padding: 5px; height: 18px; margin-left: 37px; margin-top: 22px; opacity:0.9;}   #message {width: 23px; position: fixed; background-color: #ffffff; font-size: 9px; font-family: tahoma; padding: 5px; height: 18px; margin-left: 37px; margin-top: 51px; opacity:0.8;}     /*** paginação ***/     a.page, a.page:visited, a.page:active  {width: 50px; background:transparent;     padding: 2px; color: #FFC0CB ; display: block; text-decoration: none; text-align: center;   margin-top: 3px; font-size: 45px; font-family: tahoma;text-shadow: 0px 1px 1px #000;   }       a.page:hover  {width: 50px;  background:transparent;    padding: 2px; color: #B5B5B5; display: block; text-decoration: none;    text-align: center; font-family: tahoma;     }       /*** Personalização da Paginação | por Life-HTML  ***/       .righty {bottom: 20px;  z-index: 4; position: fixed;right:10px;     }       .lefty {bottom: 20px;  z-index: 4; position: fixed;left:10px;     }        /*** margem ***/  .g1 {margin:0px; border:3px solid #fff; padding:1px; background: #fff;   -webkit-border-top-left-radius: 20px;   -moz-border-radius-topleft: 20px;   border-top-left-radius: 0px;}      </style></head><body> <div style="position:fixed; width:80px; left:864px; padding-top:22px; z-index:2;"><div id="navig"><a href="{text:Link1}">{text:Link1 Title} </a><a href="{text:Link2}">{text:Link2 Title} </a><a href="{text:Link3}">{text:Link3 Title} </a><a href="{text:Link4}">{text:Link4 Title} </a><a href="{text:Link5}">{text:Link5 Title} </a>  </div></div>   <div id="box1"><div class="box1"></div></div>  <div id="box2"><div class="box2">{text:titulo}</div></div>  <div id="col"><div class="col">♕</div></div>  <div id="boxd"><div class="boxd"><center>{description} </center></div></div>   <div style="position:fixed; width:30px; left: 78px; top:66px; padding-top:0px; z-index:2;top: 19px"><img src="{image:sidebar}"width="160px" height="188"class="g1"></div>  <center><div class="credit"><a href="http://ecoando-notas.tumblr.com/"> © theme</a></center></div></div>    </div> </div> <div id="home"><a href="/"><div style="opacity:0.7"><center><img src="http://static.tumblr.com/bvw6kcj/pTxm73jq6/home.png" width="16px"></center></a></div></div> <div id="message"><a href="/ask"><div style="opacity:0.7; margin-left:4px"><img src="http://static.tumblr.com/bvw6kcj/qKhm73j0h/ask.png" width="15px"></a></div></div>  <br>      <div id="posts"><div class="caixapost">  {block:Posts}    {block:Quote}<div class="title">"{Quote}"</div>{/block:Quote}   {block:Title}<div class="title"><a href="{Permalink}"class="fontht">{Title}</a></div>{/block:Title} {block:Link} <a class="title" href="{URL}" {Target}>{Name}</a>{block:Description} {Description} {/block:Description} {/block:Link}   {block:Text}{Body}{/block:Text}   {block:Photo} {LinkOpenTag}<center><img src="{PhotoURL-500}" width="520px" class="border">{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption} {/block:Photo} {block:Photoset}<center><div class="box3"><center>{Photoset-500}</center></div></center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset} {block:Quote}     {block:Quote}{block:Source}<center><P>— {Source}</p></center>{/block:Source}{/block:Quote}   {/block:Source} {/block:Quote}   {block:Chat} <a class="title" href="{Permalink}">{Title}</a><div class="chat">{block:Lines} <div class="{Alt} user_{UserNumber}"><div id="menu">{block:Label} <span class="label"><b>{Label}</b></span>{/block:Label} {Line} </div></div>{/block:Lines} </div>{/block:Chat} {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}   {block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span>{Asker} sussurrou: {Question} </div>{Answer}{/block:Answer}     {block:Audio}<span class="audio"><center>{AudioPlayerWhite}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio} <br><br><div class="h1"><div class="h2"><center><a href="{Permalink}">Posted :</a>  <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<b>{Year}</b>  ✖  {NoteCount} notes ✖ <a href="{ReblogURL}" target="_blank">Reblog this!</a> {block:RebloggedFrom}✖ (<a href="{ReblogParentURL}">via</a>/<a href="{ReblogRootURL}">source</a>){/block:RebloggedFrom} ✖ {block:HasTags}{block:Tags}#<a href="{TagURL}" class="tag" style="color:#000;">{Tag}</a> {/block:Tags}{/block:HasTags}</a></notes><div style="clear:both;"></div></div></div><br>  {/block:Posts}   </div></div></div>   <center>    <div class="lefty">    {block:PreviousPage}    <a href="{PreviousPage}" class="page">«</a>    {/block:PreviousPage}     </div>    <div class="righty">{block:NextPage}<a href="{NextPage}" class="page">»</a>   {/block:NextPage}    </div>   </center>                  <div style="background-color:transparent; border:0px; position:fixed; bottom:0px; left:0px; padding:1px; "><a href="http://themesparatumblr.net" target="_blank" title="Themes para Tumblr"  ><img alt="Themes para Tumblr" title="Themes para Tumblr" height="25" src="http://www.thethc.xpg.com.br/tumblr.png" width="150"></a></div></body></html>

Em caso de dúvidas veja o nosso tutorial com imagens, clicando aqui.

quarta-feira, 10 de abril de 2013

Theme Tumblr Ecoando-Notas 22