segunda-feira, 31 de outubro de 2011
Theme Para Tumblr da Pink
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script src='http://static.tumblr.com/iihcsbj/QUElox2fq/jquery-1.1.3.1.min.js'type='text/javascript'/></script>
<script src='http://static.tumblr.com/iihcsbj/2Ytlox2g9/jquery.lavalamp.min.js' type='text/javascript'/></script>
<script src='http://static.tumblr.com/iihcsbj/NTDlox2gu/jquery.easing.min.js' type='text/javascript'/></script>
<script type='text/javascript'>
$(function() { $(".lavaLamp").lavaLamp({ fx: "backout", speed: 700 })});
</script>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function($){
$('#top-s').val('').focus(function(){ $(this).val(''); }).blur(function(){ if($(this).val() == '') $(this).val(''); });
$('#searchform').parent().addClass('search-fix');
$('.current_page_item').addClass('current');
$('.lavaLampWithImage').lavaLamp({
fx: "backout",
speed: 900
});
$('.tagpost').each(function(){
tagPosW = $(this).width();
if(tagPosW > 532) $(this).addClass('longtag');
});
$('.widthfix + .meta .tagpost').each(function(){
tagPosW = $(this).width();
tagPosH = $(this).height();
if((tagPosW > 420) || (tagPosH > 37)) $(this).removeClass('longtag').addClass('tagfix');
});
$('#tab-content').tabs({ fxSlide: true });
$('.widget').wrapInner('<div class="inner"></div>');
//toggle on sidebar
$('.toggle').each(function() {
$(this).addClass('pointer');
var widgetHeader = $(this).parent();
$(this).toggle(
function() {
$(this).addClass('toggle-down');
widgetHeader.addClass('compact');
},
function() {
$(this).removeClass('toggle-down');
widgetHeader.removeClass('compact');
}
);
});
});
//]]>
</script>
<script type="text/javascript">
function changeNavigation(id) {document.getElementById('liuc').innerHTML=document.getElementById(id).innerHTML}
</script>
<title>{title}</title>
<link rel="shortcut icon" href="http://lh4.ggpht.com/_NZJzdRm10Y0/TTSEOKTnyFI/AAAAAAAAAE0/LQKudlRIu14/s800/gif4.gif" />
</head>
<style type="text/css">
/** BASE FEITA POR VANESSA SANTOS, COM DIVERSAS AJUDAS. SINGLETHEMES.TUMBLR.COM / SMILEDREAMY.TUMBLR.COM **/
html::-webkit-scrollbar {width:12px; height:auto;background: #f8f8ff;}
html::-webkit-scrollbar-corner { background: #d9e6e9;}
html::-webkit-scrollbar-button:vertical {height:1px;display:block;}
html::-webkit-scrollbar-button:horizontal {width:1px;display:block;}
html::-webkit-scrollbar-thumb:vertical {background: #d9e6e9;;border-right:none;-webkit-border-radius: 8px;}
html::-webkit-scrollbar-thumb:horizontal {background-image: url(URL DA IMAGEM OU PATTERN PRA BARRINHA);border: 1px solid #fff;border-bottom;}
html::-webkit-scrollbar-thumb {background-image: url(URL DA IMAGEM OU PATTERN PRA BARRINHA);}
html::-webkit-scrollbar-thumb:hover {background-image: url(URL DA IMAGEM OU PATTERN PRA BARRINHA);border: 1px dashed #777;}
html::-webkit-scrollbar-track-piece {background: none;}
html::-webkit-scrollbar:vertical {border-left: 1px solid #fff;}
html::-webkit-scrollbar:horizontal {border-top: 1px solid #b6b6b6;}
/**** IN�CIO - Menu Lavalamp por MyLoveOnTop.tumblr ****/
.lavaLampWithImage {
position: relative;
height: 30px;
width: 300px; /**** ajuste aqui a largura do menu ****/
background: #FF82AB; /**** ajuste aqui a cor do fundo do menu ****/
padding: 5px;
border-radius: 15px;
overflow: hidden;
}
.lavaLampWithImage li {
float: left;
list-style: none;
}
.lavaLampWithImage li.back {
background:#f8f8ff; /**** ajuste aqui a cor da "lava" ****/
width: 9px; height: 30px;
z-index: 8;
position: absolute;
border-radius: 15px;
}
.lavaLampWithImage li.back .left {
background: #f8f8ff; /**** ajuste aqui a cor da "lava" (a mesma de cima) ****/
height: 30px;
margin-right: 0px;
border-radius:15px;
}
.lavaLampWithImage li a{
font: 12px verdana;
text-decoration: none;
color: #505050; /**** ajuste aqui a cor da fonte ****/
outline: none;
text-align: center;
top: 7px;
letter-spacing: -8;
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
margin: auto 20px;
}
.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
color:#505050;
border: none;
}
.lavaLampNoImage {
position: relative;
height: 29px;
width: 421px;
background-color: white;
padding: 15px;
margin: 10px 0;
overflow: hidden;
border: 1px solid gray;
}
.lavaLampNoImage li {
float: left;
list-style: none;
}
.lavaLampNoImage li.back {
border: 1px solid #000;
background-color: #000;
width: 9px;
height: 30px;
z-index: 8;
position: absolute;
}
.lavaLampNoImage li a {
font: bold 14px arial;
text-decoration: none;
color: #000;
outline: none;
text-align: center;
top: 7px;
text-transform: uppercase;
letter-spacing: 0;
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
margin: auto 10px;
}
.lavaLampNoImage li a:hover, .lavaLampNoImage li a:active, .lavaLampNoImage li a:visited {
border: none;
}
.lavaLampBottomStyle {
position: relative;
height: 29px;
width: 421px;
background-color: white;
padding: 15px;
margin: 10px 0;
overflow: hidden;
border: 1px solid gray;
}
.lavaLampBottomStyle li {
float: left;
list-style: none;
}
.lavaLampBottomStyle li.back {
border-bottom: 5px solid blue;
width: 9px;
height: 30px;
z-index: 8;
position: absolute;
}
.lavaLampBottomStyle li a {
font: bold 14px arial;
text-decoration: none;
color: #000;
outline: none;
text-align: center;
top: 7px;
text-transform: uppercase;
letter-spacing: 0;
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
margin: auto 10px;
}
.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
border: none;
}
/**** FIM - Menu Lavalamp por MyLoveOnTop.tumblr ****/
/** CAIXA DOS POSTS **/
.box {color: #b6b6b6; background: #fff; margin:5px;padding:5px; margin-bottom:10px; -webkit-box-shadow:1px 1px 1px #cfcfcf; border-radius: 0px;}
/** Aqui � onde voc� ir� arrumar o lugar onde os posts ficar�o **/
#conteudo { width: 540px; padding-bottom:8px; margin-top:13px; color: #000; font: 11px tahoma; margin-bottom: 15px; margin-left: 360px; padding: 5px; float: left; }
/** Ajeite aqui o lugar da side **/
#sidebar {position:fixed; width:298px;left:53px; top:89px;}
#sidebar2 {position:absolute; width:800px;left:-5px; top:-75px;}
#sidebar3 {position:absolute; width:1000px;left:250px; top:-100px;}
.he {position:fixed; width:398px;right:13px; bottom:0px;}
.la {position:fixed; width:378px;left:0px; bottom:20px;}
/** Caixa da sidebar **/
#caixa{color:#777; background:#fff; padding:4px; font-size: 10px; font-family: verdana;-webkit-box-shadow:0 0 1em #cfcfcf; text-align:justify; border:0px solid #505050;border-radius: 14px;}
/** Titulo dos posts **/
.titulo {font-size:25px; color:#48D1CC; font-family: 'Century gothic'; text-align:left; text-shadow: 1px 1px 1px #fff;}
/** titulo do menu falso iframe **/
.titulo2 {font-size:25px; color:#48D1CC; font-family: 'courier new'; text-align:left; text-shadow: 1px 1px 1px #fff; border-bottom: 1px dashed #b6b6b6;}
/** fundo das tags **/
.tag {background: #F0F8FF;color: #505050;font-size: 11px;margin-top:1px; text-align:left;padding:3px;border-top:0px solid #d4d4d3;letter-spacing:1px; border-radius: 0px;}
/** NEGRITO **/
b, strong {color: #505050; text-decoration: none; cursor: help;}
/** RISCADO **/
s {color: #48D1CC;cursor: help;}
/** IT�LICO **/
i, em {color:#48D1CC; text-decoration: none;cursor: help;}
/** SUBLINHADO**/
u, underline {text-decoration: none; border-bottom: 1px solid #000;cursor: help;}
/** Links **/
a:link {color: #bce0e8; text-decoration: none;}
a:active {color: #bce0e8; text-decoration: none;}
a:visited {color: #bce0e8; text-decoration: none;}
a:hover { color: #48D1CC; text-shadow: 1px 1px 1px #fff;}
/** mude aqui a cor da sele��o do texto! **/
::-moz-selection
{
background: #f8f8ff;
color: #2a2a2a;
}
::selection
{
background: #f8f8ff;
color: #2a2a2a;
text-shadow: 1px 1px 1px
}
/** borda da imagem da sidebar **/
.border2 {background: #f8f8ff; padding:8px; border:1px solid #fff;opacity: 0.8; filter:alpha(opacity=80); -webkit-transition-duration: .90s; border-radius:1px; border-radius: 8px;}
.border2:hover {background: #b6b6b6; padding:8px; opacity:1; filter:alpha(opacity=99); -webkit-transition-duration: .90s;}
/** Background do theme **/
body {background: #000000;}
/** blocks **/
blockquote {border-left:6px solid #E0FFFF;padding-left:3px; margin:3px;}
/*** Pagina��o by madlyluv.com ***/
#paginacaoml {font-size: 11px; font-weight: bold; line-height: 21px; }
#paginacaoml a {background: #c9c9c9; margin: 0 1px 0 0; padding: 2px 4px; color: #888; text-decoration: none; border-radius:6px;}
#paginacaoml a:hover {background: #000; border: none; text-shadow: 1px 1px 1px #fff;}
#paginacaoml span.pagina_atual {background: #fff; margin: 0 1px 0 0; padding: 2px 4px; color: #e9c7d5; text-decoration: none;}
#paginacaoml span.info {background: #cfcfcf; margin: 0 1px 0 0; padding: 2px 4px; color: #fff; text-decoration: none; border-radius: 4px;}
/*** menu hover por marlivia.tumblr.com ***/
ul.a{margin:5px 0 5px 0;padding:1px;}
ul.a li,ul{list-style:none;}
ul.a li{margin:1px 0 2px 0;font-family : verdana;
border-bottom:1px solid #eee;}
/** ASK **/
.ask {align:right;background:#f5f5f5;border-right: 7px solid #f5f5f5; margin:7px 5px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; font: 11px Tahoma, Verdana, Tahoma; color:#888; text-shadow: 1px 1px 1px #fff;}
.ask p {margin:1px 0px;}
.ask 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;}
/** SUA RESPOSTA NAS ASKS **/
.res {font-family: tahoma; font-size:11px; color:#888; text-align:right;border-top:2px dotted #d4d4d3;}
#menuv {
display : block;
border-bottom : 1px solid #b6b6b6;
background-repeat : no-repeat;
text-indent : 5px;
vertical-align : middle;
line-height : 14px;
margin-bottom : 0px;
background :#fff no-repeat left;
padding-left : 10px;}
#menuv:hover {
display : block;
vertical-align : middle;
cursor: none;
border-bottom : 1px solid #b6b6b6;
background : no-repeat left;
padding-left : 10px;}
</style><body>
<img src="http://media.tumblr.com/tumblr_ltsm6dHbKE1r29rdx.jpg" class="he">
<div id="sidebar">
<div id="caixa">
<img src="http://30.media.tumblr.com/tumblr_ltwjj8HDjV1qiz9vvo1_400.gif" width="100%%">
</div>
object width="262" height="25"><param name="movie" value="http://www.youtube-nocookie.com/v/FJfFZqTlWrQ?hl=en&autoplay=1&loop=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube-nocookie.com/v/FJfFZqTlWrQ?hl=en&autoplay=1&loop=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="262" height="25"><noembed><a href="http://www.youtube.com/watch?v=FJfFZqTlWrQ?hl=en&autoplay=1&loop=1"><img src="http://www.gtaero.net/ytmusic/play.png" alt="Play" style="border:0px;" /></a></noembed></object>
<div class="la">
<img src="se quiser coloque uma fotinha aqui" width="380px" class"la"></div>
<div id="sidebar2">
<ul class='lavaLampWithImage'>
<li><a href='/'>Home</a></li>
<li><a href='/ask'>Ask</a></li>
<li><span onClick="changeNavigation('01')" title="Sobre mim"><a>About</a></span></li>
<li><span onClick="changeNavigation('02')" title="Sobre o tumblr"><a>Tumblr</a></span></li>
<li><span onClick="changeNavigation('04')" title="Faq"><a>Faq</a></span></li>
<li><a href='/tagged/SUATAG'>Textos</a></li>
</ul></center>
</div>
<BR>
<br><br><br><br>
</div>
<div id="posts"><div id="conteudo"><div id="mar"><div id="liuc">
<div class="box">
Eu não quero ser a garota que ri mais alto
Ou a garota que nunca quer estar sozinha
Eu não quero ser aquela chamada às 4:00 da
manhã
Porque eu sou o único que você conhece do mundo que
não esta em casa
<br/>
Eu não quero ser a garota que tem de preencher o
silêncio
O silêncio me assusta porque ele grita A verdade
- Pink
<br></div>
{block:Posts}
{block:Text}<div class="box">
<div class="titulo">{block:Title}<a href="{Permalink}" class="title">{Title}</a>{/block:Title}</div>
<div>{Body}</div>
<BR>
<div class="tag">Postado dia <b>{DayOfMonth}</b>/<b>{MonthNumberWithZero}</b>/<b>{Year}</b> {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom} - {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
{block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}
- <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">REBLOG</a>
<br>
{block:HasTags}<u>Tags:</u> {block:Tags} <a href="{TagURL}">{Tag}</a># {/block:Tags}{/block:HasTags}</a>
</div></div>
{/block:Text}
{block:Quote}<div class="box">
<div class="titulo">{Quote}</div>
{block:Source}— {Source}{/block:Source}
<div class="tag">Postada dia <b>{DayOfMonth}</b>/<b>{MonthNumberWithZero}</b>/<b>{Year}</b> {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom} - {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
{block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}
- <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">REBLOG</a>
<br>
{block:HasTags}<u>Tags:</u> {block:Tags} <a href="{TagURL}">{Tag}</a># {/block:Tags}{/block:HasTags}</a>
</div></div>
{/block:Quote}
{block:Answer}
<div class="box">
<img src="{AskerPortraitURL-40}"align="left" width="60px"/> <div class="ask"><span></span>{Asker}: {Question}</div>
<div class="res">{Answer}</div>
<div class="tags"><b>Ask</b> respondida em <b>{DayOfMonth}</b>/<b>{MonthNumberWithZero}</b>/<b>{Year}</b></div>
<div class="h3"></div></div>
{/block:Answer}
{block:Photo}
<div class="box"><center>{LinkOpenTag}<a href="{Permalink}"><img class="border2"
src="{PhotoURL-500}" title="{PhotoAlt}" width="95%"/>{LinkCloseTag}</center>
</a><br>
{block:Caption}{Caption}{/block:Caption}
<div class="tag">Postada dia <b>{DayOfMonth}</b>/<b>{MonthNumberWithZero}</b>/<b>{Year}</b> {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom} - {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
{block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}
- <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">REBLOG</a>
<br>
{block:HasTags}<u>Tags:</u> {block:Tags} <a href="{TagURL}">{Tag}</a># {/block:Tags}{/block:HasTags}</a>
</div></div>
{/block:Photo}
{block:Chat}<div class="box">
<div class="titulo">{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</div>
<table>
{block:Lines}
<tr>
{block:Label}<td class="name">{Label}</td>{block:Label}
<td class="words">{Line}</td>
</tr>
{/block:Lines}
</table><br><br>
<div class="tag">Postado dia <b>{DayOfMonth}</b>/<b>{MonthNumberWithZero}</b>/<b>{Year}</b> {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom} - {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
{block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}
- <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">REBLOG</a>
<br>
{block:HasTags}<u>Tags:</u> {block:Tags} <a href="{TagURL}">{Tag}</a># {/block:Tags}{/block:HasTags}</a>
</div></div>
{/block:Chat}
{block:Audio}
<div class="box">
<div style="float:right; margin-top: 4px;"><i> {PlayCount} vezes</i> {block:ExternalAudio}(<a href="{ExternalAudioURL}">Download</a>){/block:ExternalAudio}</div>
<center>{AudioPlayerWhite}</center>
{block:Caption}{Caption}{/block:Caption}
<div class="tag">Postado dia <b>{DayOfMonth}</b>/<b>{MonthNumberWithZero}</b>/<b>{Year}</b> {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom} - {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
{block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}
- <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">REBLOG</a>
<br>
{block:HasTags}<u>Tags:</u> {block:Tags} <a href="{TagURL}">{Tag}</a># {/block:Tags}{/block:HasTags}</a>
</div></div>
{/block:Audio}
{block:Video}
<div class="box">
<center>{Video-500}</center>
{block:Caption}{Caption}{/block:Caption}<br>
<div class="tag">Postado dia <b>{DayOfMonth}</b>/<b>{MonthNumberWithZero}</b>/<b>{Year}</b> {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom} - {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
{block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}
- <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">REBLOG</a>
<br>
{block:HasTags}<u>Tags:</u> {block:Tags} <a href="{TagURL}">{Tag}</a># {/block:Tags}{/block:HasTags}</a>
</div></div>
{/block:Video}
{block:Link}
<div class="box">
<div class="titulo"><a href="{URL}" class="link" {Target}>{Name}</a></div>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
<BR>
<div class="tag">Postado dia <b>{DayOfMonth}</b>/<b>{MonthNumberWithZero}</b>/<b>{Year}</b> {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom} - {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
{block:ContentSource}<a href="{SourceURL}" target=blank>(Source)</a>{/block:ContentSource}
- <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">REBLOG</a>
<br>
{block:HasTags}<u>Tags:</u> {block:Tags} <a href="{TagURL}">{Tag}</a># {/block:Tags}{/block:HasTags}</a>
</div></div>
{/block:Link}
{/block:Posts}
<div class="box">
<center><div id="paginacaoml"><span class="info" style="font-weight: normal;">P�gina <b>{CurrentPage}</b> de <b>{TotalPages}</b></span> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{/block:Pagination}
{block:JumpPagination length="10"}
{block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
{/block:JumpPagination}
{block:Pagination}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
</div>
</div><br>
</div></div></p></div></div></div></div></div></div></div></div></div></div></div></div></div>
<div id="01" style="display:none">
<div class="box">
<div class="titulo2">Sobre Mim</div>
Escreva sobre voc� ou bote um texto, sei l�!
</div>
<div class="box">
<div class="titulo2">Lista de Desejos </div>
<s>fiz isso</s><br>
n�o fiz isso<br>
<s>fiz isso</s><br>
n�o fiz isso<br>
<s>fiz isso</s><br>
</div>
<div id="02" style="display:none">
<div class="box">
<div class="titulo2">Sobre meu tumblr</div>
Escreva sobre o seu tumblr aqui!
</div>
<div class="box">
<div class="titulo2">Recomendo</div>
~ <a href="http://LINK_DO_Tumblr">NOME</a><br>
~ <a href="http://LINK_DO_Tumblr">NOME</a> <br>
~ <a href="http://LINK_DO_Tumblr">NOME</a><br>
~ <a href="http://LINK_DO_Tumblr">NOME</a><br>
~ <a href="http://LINK_DO_Tumblr">NOME</a><br>
~ <a href="http://LINK_DO_Tumblr">NOME</a><br>
</div>
<div class="box">
<div class="titulo2">Cr�ditos</div>
<div id="menuv"><b>Modifica�oes por:</b> < href="http//meumundothemes.tumblr.com/">ThamiresCampos.</a>
<div id="menuv"><b>Base por:</b> <a href="http://smiledreamy.tumblr.com/">Vanessa Santos.</a></div>
<div id="menuv"><b>Pagina��o:</b> <a href="madlyluv.com">Madlyluv</a> </div>
<div id="menuv"><b>Menu hover:</b> <a href="http://marlivia.tumblr.com/">Marlivia</a></div>
<div id="menuv"><b>Ajudas:</b> <a href="http://ilovehtml.tumblr.com">I love HTML.</a>, <a href="http://tumbletricks.tumblr.com/">Tumble Tricks.</a> e <a href="http://dicastumblr.com/"> Dicas Tumblr.</a></div>
</div></div></div>
<div id="04" style="display:none">
<div class="box">
<div class="titulo2">F.A.Q</div>
Sua faq aqui!
</div>
</div>
</body>
</html>
theme para tumblr da Avril Lavigne
<html>
<head>
<!-- CODIGO DO FAVICON -->
<link rel="shortcut icon" href="{Favicon}">
<!-- CODIGO DO TITULO -->
<title>Título</title>
<!-- AQUI INICIA O CSS -->
<style type="text/css">
body {background-color: #fff; font-family: Arial, serif; color: #000; text-align: center; font-size: 11px; background-image:url('http://www.lazerbeleza.com/wp-content/uploads/2010/03/Marca-de-roupas-de-Avril-Lavigne12.jpg'); background-attachment: fixed;background-position:right bottom;background-repeat:no-repeat; }
#pagina {width: 810px;}
#conteudo {margin-left:400px; margin-top:5px; width: 540px; padding: 5px; text-shadow: 0 1px 1px #fff; }
#conteudo .post {margin-bottom:10px;}
/*** espacos ***/
.both{clear: both;}
h1 {color: #FFB6C1; font-family: 'Never Say Never', serif; font-size:20px; line-height:25px; font-weight:normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:left; letter-spacing: 1px;}
h2 {color: #FFB6C1; font-family: 'Arial', tahoma; font-size:20px; line-height:25px; font-weight: normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:left; letter-spacing: 1px;}
/*** paginação seta ***/
.pagset {display: inline-block; padding:5px; text-align:center; line-height:15px; color:#FFB6C1; float: center; font-family:arial; font-size:40px; alpha(Opacity=90);-webkit-transition-duration: .80s; margin-left: 1px; margin-right: 1px; text-shadow: 0 1px 1px #FFF; justify; margin-top: 5px;}
.left {float: left;margin: 1px 4px 0 4px;}
.right {float: right;margin: 1px 4px 0 4px;}
.post{margin-bottom:20px;}
.post .title {margin:0; padding:0; font-size:18px; line-height:22px; font-weight:normal;}
img, a img {border:0;}
.info {border-bottom:1px solid #DB7093; margin:10px 0 0 0; padding:0 0 5px 0; font-size:11px; line-height:14px; color:#999999;}
.name{ text-align:right; line-height: 15px; font-family: tahoma;font-size: 11px;font-weight:bold; }
.box {overflow:hidden; letter-spacing: 1px; text-align: justify; color: #666; font: 11px tahoma; background-color: #FFF; padding:6px;}
.wishlist { display: block; background-color: transparent; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eee; padding-top: 1px; padding-bottom: 1px; padding-right: 2px; padding-left: 2px; margin-right: 2px; }
.center {text-align: center; display: block; margin-left: auto; margin-right: auto;}
.left {float: left; margin: 1px 4px 0 4px;}
.right {float: right; margin: 1px 4px 0 4px;}
a.notes{text-decoration:none}
a.notes{text-decoration:noneposition:relative;left:1px;}
.source {margin-top:9px;}
#info {font-family: tahoma; font-size:7pt; border-top:1px dashed #000000;}
#infoo {border-top:2px dashed #000000;}
.notes-bottom ol, .notes-bottom ul {margin: 0; padding: 0; list-style: none;}
.notes-bottom li {background #BEBEBE; border-bottom: 1px solid f0f0f0; margin: 0; padding: 5px 0 20px 0; font-size: 10px;}
.notes-bottom li:hover {border-bottom: 1px solid f0f0f0; background: #DB7093; bottom:1px;
font-size: 10px; position: relative;}
.notes-bottom li img.avatar {
margin: 0 5px 0 0;
float: left;
width: auto;
padding: 2px; background:#DB7093;border:1px solid #000000; }
.divdate {border-bottom: 2px dashed #EE494B; margin: 5px 0px 5px 0px;}
.date {font-family: Tahoma; font-size:7pt;}
.meta{margin:5px 0 5px;font-family:verdana, serif; font-size:11px;border-bottom:1px solid #f0f0f0;}
a.tag{color:#DB7093;}
a.tag:hover{color:#DB7093;text-decoration:none;position:Relative;bottom:1px;}
a.reblog{color#DB7093;}
a.reblog:hover{color:#DB7093;text-decoration:none;}
a.notas{color:#DB7093;}
a.notas:hover{color:#DB7093;text-decoration:none;}
.both{clear:both;}
img {max-width: 500px;}
a {
color: #DB7093;
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: #FFB6C1;
filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}
blockquote{margin-left:15px; border-left: 4px solid #DB7093; padding-left:5px; }
<!-- CODIGO DA BORDA NAS IMAGENS -->
.border {display: block; margin-left: auto; margin-right: auto; padding: 6px; text-align: center; background: url(http://static.tumblr.com/f9r1gcx/I6Alniw93/seamless-floral-pattern-in-blue-thumb17738482.jpg);}
.borda {display: block; margin-left: auto; margin-right: auto; padding: 4px; text-align: center; background: url(http://static.tumblr.com/f9r1gcx/I6Alniw93/seamless-floral-pattern-in-blue-thumb17738482.jpg);}
.borderimage {margin-left: -07px; max-width:700px; margin-top: -07px;}
.infopost {display: block; font-family: Verdana; font-size: 10px; letter-spacing: 1px; text-align: left; color: #eee; padding: 2px; margin-top: -3px; border-bottom: 1px solid #eee;}
<!-- CONFIGURACOES DA ASK -->
.ask {
background:#eee;
text-align: left;
margin-left: 56px;
padding: 5px 5px 5px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-bottom: 1px solid #DCDCDC;
}
<!-- AQUI SAO AS CORES DO NEGRITO, ITALICO E SUBLINHADO -->
s {color: #ACACAC;} i {color: #849BC6;} em {color: #849BC6;} b {color:#ACACAC;} strong {color: #ACACAC;} u, span.sublinha {text-decoration: none; border-bottom: 1px solid #ACACAC;}
#side{
text-align:justify;
float:left;
position:fixed;
width: 300px;
margin-top:18px;
margin-left:45px;
padding:0px;}
.caixap2{
padding: 3px;
height: 20px;
background: #fff;
background-repeat: no-repeat;
font-family: verdana;
font-style: normal;
font-size: 11px;
color: #A292A5;
text-align:justify;
margin-bottom: 10px;
}
un {font-family: Tahoma; width: 28%; float: left; background:#FFB6C1; padding: 5px; text-align: center; margin: 2px; -moz-border-radius: 03px; -webkit-border-radius: 07px; font-size: 08pt; color: #fff;}
un:hover {font-family: Tahoma; width: 28%; float: left; background:#DB7093; padding: 5px; text-align: center; margin: 2px; -moz-border-radius: 03px; -webkit-border-radius: 07px; font-size: 08pt; color: #fff;}
.caixa {background: #fff; padding: 5px 5px 8px 5px;}
</style>
</head>
<body>
<!-- CONFIGURACOES DA SIDEBAR NO LADO DIREITO -->
<div id="side">
<div style="position: fixed; width: 270px; left: 72px; padding-top: 0px; z-index: 2;">
<img src="http://i40.tinypic.com/35cjz8m.gif" width="265" class="border"><br>
<div class="caixa">
<!-- MENU -->
<center><a href="/" title="Voltar aos posts"><un>Home</un></a>
<span onClick="document.getElementById('liuc').innerHTML=
document.getElementById('01').innerHTML" style="CURSOR:hand;"title="Saiba mais sobre mim (:"><un>About</span>
<span onClick="document.getElementById('liuc').innerHTML=
document.getElementById('02').innerHTML" style="CURSOR:hand;" title="Ask-me"><un>Ask me</span>
<span onClick="document.getElementById('liuc').innerHTML=
document.getElementById('03').innerHTML" style="CURSOR:hand;" title="Veja quem eu sigo, créditos e recomendo!"><un>Tumblr</span>
<a href="LINK"><un>Link 1</un></a>
<a href="LINK"><un>Link 2</un></a></center>
<!-- TROQUE O TEXTINHO ABAIXO PELA SUA DESCRIÇÃO -->
Cumprir todas as regras tornaria minha vida tão chata. Eu quero poder dizer que extrapolei. Então, tirem meus pés do chão. Me dêem qualquer coisa que faça eu me sentir viva.
</br>
Eu to pouco me fudendo para o que os outros vão diser.
</br>
Quando você vai embora
Os pedaços do meu coração
Sentem a sua falta.
<br></div>
<object width="262" height="25"><param name="movie" value="http://www.youtube-nocookie.com/v/p---FegxGuM?hl=en&autoplay=1&loop=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube-nocookie.com/v/p---FegxGuM?hl=en&autoplay=1&loop=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="262" height="25"><noembed><a href="http://www.youtube.com/watch?v=p---FegxGuM?hl=en&autoplay=1&loop=1"><img src="http://www.gtaero.net/ytmusic/play.png" alt="Play" style="border:0px;" /></a></noembed></object>
<div class="left"><div class="pagset">{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}</div></div>
<div class="right"><div class="pagset">{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div></div>
<br><br>
</div></div></p></div></div></div>
<div style="clear:both;"></div>
</div>
</div></div>
<!-- conteudo -->
</div>
<div id="conteudo">
<!-- liuc -->
<div id="liuc">
<!-- TAGS DOS POSTS- CUIDADO PRA N APAGAR NADINHA DAQUI -->
<!---------- POSTS --------------------------->
<div style="position:absolute; width:540px; left: 420px; top:10px; padding-top:0px;">
<img src="http://farm6.static.flickr.com/5124/5312229428_33d46d93ba.jpg" width="1003" class="border">
{block:Posts}
{block:Regular}<div class="post"><div class="box">
{block:Title}<h1>{Title}</h1>{/block:Title}
<div class="entry">{Body}</div>
<div class="divdate"></div>
<!---------------- DATA DOS POSTS ------------->
<div class="date"><a class="notes" href="{Permalink}"><center>Texto</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue this!</a>)</center></div>
<div class="tag">{block:HasTags}<center>Tags: {block:Tags} <a class="tag" href="{TagURL}">{Tag}</a> #{/block:Tags}{/block:HasTags}</a></center></div>
</div></div>
{/block:Regular}
<!---------- PHOTOS --------------------------->
{block:Photo}
<div class="post"><div class="box">
<center>{LinkOpenTag}<img src="{PhotoURL-500}" class="borderimage" alt="{PhotoAlt}" width=550px/>{LinkCloseTag}</center>
{block:Caption}
<br>
<div class="caption">{Caption}</div>
{/block:Caption}
<div style="clear:both;"></div>
<BR>
<div class="divdate"></div>
<!---------------- DATA DOS POSTS ------------->
<div class="date"><a class="notes" href="{Permalink}"><center>Photo</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue this!</a>)</center></div>
<div class="tag">{block:HasTags}<center>Tags: {block:Tags} <a href="{TagURL}">{Tag}</a> #{/block:Tags}{/block:HasTags}</a></center></div>
</div></div>
{/block:Photo}
<div style="clear:both;"></div>
<!---------- ASK --------------------------->
{block:Answer}
<div class="post"><DIV CLASS="BOX">
<img src="{AskerPortraitURL-40}"align="left" class="borda"/>
<div class="ask"><b>{Asker}</b>:
<br>{Question}<br></div>
{Answer}
<div style="clear:both;"></div>
<BR>
<div class="divdate"></div>
<!---------------- DATA DOS POSTS ------------->
<div class="date"><a class="notes" href="{Permalink}"><center>Mensagem</a> postada em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> </center></div>
</div></div>
{block:Answer}
<div style="clear:both;"></div>
<!---------- QUOTES --------------------------->
{block:Quote}
<div class="post"><div class="box">
<h1>{Quote}</h1>
</span>
{block:Source}<div class="source">— {Source}</div>{/block:Source}
<BR>
<div class="divdate"></div>
<!---------------- DATA DOS POSTS ------------->
<div class="date"><a class="notes" href="{Permalink}"><center>Quote</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue this!</a>)</center></div>
<div class="tag">{block:HasTags}<center>Tags: {block:Tags} <a class="tag" href="{TagURL}">{Tag}</a> #{/block:Tags}{/block:HasTags}</a></center></div>
</div></div>
{/block:Quote}
<div style="clear:both;"></div>
<!---------- LINKS --------------------------->
{block:Link}
<div class="post"><div class="box"><a href="{URL}" class="link" {Target}><h1>{Name}</h1></a>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
<BR>
<div class="divdate"></div>
<!---------------- DATA DOS POSTS ------------->
<div class="date"><a class="notes" href="{Permalink}"><center>Link</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue this!</a>)</center></div>
<div class="tag">{block:HasTags}<center>Tags: {block:Tags} <a class="tag" href="{TagURL}">{Tag}</a> #{/block:Tags}{/block:HasTags}</a></center></div>
</div></div>
{/block:Link}
<div style="clear:both;"></div>
<!---------- CHAT --------------------------->
{block:Chat}
<div class="post"><div class="box">
{block:Title}<div class="h1"><a href="{Permalink}">{Title}</a></div>
{/block:Title}
<div class="chat">
{block:Lines}
<div class="{Alt} user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</div>
{/block:Lines}
</div>
<BR>
<div class="divdate"></div>
<!---------------- DATA DOS POSTS ------------->
<div class="date"><a class="notes" href="{Permalink}"><center>Chat</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue this!</a>)</center></div>
<div class="tag">{block:HasTags}<center>Tags: {block:Tags} <a class="tag" href="{TagURL}">{Tag}</a> #{/block:Tags}{/block:HasTags}</a></center></div>
</div></div>
{/block:Chat}
<div style="clear:both;"></div>
<!---------- AUDIO --------------------------->
{block:Audio}
<div class="post"><div class="box">
{AudioPlayerWhite}
{block:Caption}
<div class="caption">{Caption}</div>
<div style="float:right; margin-top: -50px;"><h>Música ouvida {PlayCount} vezes</h> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>
{/block:Caption}
<div class="divdate"></div>
<!---------------- DATA DOS POSTS ------------->
<div class="date"><a class="notes" href="{Permalink}"><center>Música</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue this!</a>)</center></div>
<div class="tag">{block:HasTags}<center>Tags: {block:Tags} <a class="tag" href="{TagURL}">{Tag}</a> #{/block:Tags}{/block:HasTags}</a></center></div>
</div></div>
{/block:Audio}
<div style="clear:both;"></div>
<!---------- VIDEOS --------------------------->
{block:Video}
<div class="post">
<div class="box">
{Video-500}
<br>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
<BR>
<div class="divdate"></div>
<!---------------- DATA DOS POSTS ------------->
<div class="date"><a class="notes" href="{Permalink}"><center>Vídeo</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue this!</a>)</center></div>
<div class="tag">{block:HasTags}<center>Tags: {block:Tags} <a class="tag" href="{TagURL}">{Tag}</a> #{/block:Tags}{/block:HasTags}</a></center></div>
</div></div>
{/block:Video}
<div style="clear:both;"></div>
<!---------------- NOTAS DOS POSTS ------------->
{block:PostNotes}<div class="box">
<div class="notes-bottom">
{PostNotes}
</div>
{/block:PostNotes}
<!---------------- FIM DAS NOTAS DOS POSTS ------------->
{/block:Posts}
<br>
</div>
</div></div>
<!-- INICIO DO FALSO IFRAME CUIDADO E N APAGUE NADINHA DAQUI TA ? -->
<div id="01" style="display:none;"><div class="box">
<h2>Profile</h2>
<div class="infopost"></div><br>
<b>Coloca</b> <u>aqui</u> <i>alguma</i> coisa sobre você, sua idade, o signo e blábláblá. Coloca o que tu gosta de fazer, suas manias, fala sobre a escola, as matérias que você gosta, as que não gosta. Põe o link do orkut, do forms, seilá! Coloca livros que você gosta, filmes, músicas que te encantam. Coloca as séries que você gosta, o que você acha sobre tal coisa, como é sua relação com sua mãe, se você tem bichinho de estimação, qual o nome dele> Fala sobre esmaltes, sobre televisão. fala sobre o teu estilo, se você gosta de florzinhas, e lacinhos. Ah, bota o que quiser aqui... To só enrolando pra encher o espaço e ficar bonitinho quando vocês forem ver. Beijos ;*
</div></div></div></div><br>
<div id="02" style="display:none;"><div class="box">
<h2>Ask me</h2>
<div class="infopost"></div><br>
<iframe frameborder="0" scrolling="no" width="100%" height="150" src="http://meumundotheme.tumblr.com/ask" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p></span>
</div>
</div></div><br>
<div id="03" style="display:none;"><div class="box">
<h2>Recomendo</h2>
<div class="infopost"></div>
<br>
<a href="http://mesalvedomundo.tumblr.com">Láah.</a><br>
<a href="link">Nome</a><br>
<a href="link">Nome</a><br>
<a href="link">Nome</a><br>
<a href="link">Nome</a><br>
</div>
<br>
<div class="box">
<h2>Créditos</h2>
<div class="infopost"></div>
<div class="wishlist">Theme por <a href="meumundothemes.tumblr.com">ThamiresCampos</a></div>
<div class="wishlist">Pelas imagens postadas aqui - <a href="http://weheartit.com/">We?It</a></div>
<div class="wishlist">Base do CSS pela <a href="http://marlivia.tumblr.com">Marlivia</a></div>
<div class="wishlist">Paginação pela <a href="http://madlyluv.com/">Ana Flávia</a></div>
<div class="wishlist">Tags dos posts: <a href="http://s-erendipidade.tumblr.com/">Bruninha Amaro</a></div>
</div><br>
<div class="box">
<h2>Quem eu sigo...</h2>
<div class="infopost"></div><br>
{block:Following}
{block:Followed}
<a title="{FollowedTitle}" target=_blank" href="{FollowedURL}"><img src="{FollowedPortraitURL-30}"alt="{FollowedURL}" style="border: 5px solid #eee" class="opacidade"/></a>
{/block:Followed}
{/block:Following}</center>
</div></div></div>
</body>
</html>
<head>
<!-- CODIGO DO FAVICON -->
<link rel="shortcut icon" href="{Favicon}">
<!-- CODIGO DO TITULO -->
<title>Título</title>
<!-- AQUI INICIA O CSS -->
<style type="text/css">
body {background-color: #fff; font-family: Arial, serif; color: #000; text-align: center; font-size: 11px; background-image:url('http://www.lazerbeleza.com/wp-content/uploads/2010/03/Marca-de-roupas-de-Avril-Lavigne12.jpg'); background-attachment: fixed;background-position:right bottom;background-repeat:no-repeat; }
#pagina {width: 810px;}
#conteudo {margin-left:400px; margin-top:5px; width: 540px; padding: 5px; text-shadow: 0 1px 1px #fff; }
#conteudo .post {margin-bottom:10px;}
/*** espacos ***/
.both{clear: both;}
h1 {color: #FFB6C1; font-family: 'Never Say Never', serif; font-size:20px; line-height:25px; font-weight:normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:left; letter-spacing: 1px;}
h2 {color: #FFB6C1; font-family: 'Arial', tahoma; font-size:20px; line-height:25px; font-weight: normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:left; letter-spacing: 1px;}
/*** paginação seta ***/
.pagset {display: inline-block; padding:5px; text-align:center; line-height:15px; color:#FFB6C1; float: center; font-family:arial; font-size:40px; alpha(Opacity=90);-webkit-transition-duration: .80s; margin-left: 1px; margin-right: 1px; text-shadow: 0 1px 1px #FFF; justify; margin-top: 5px;}
.left {float: left;margin: 1px 4px 0 4px;}
.right {float: right;margin: 1px 4px 0 4px;}
.post{margin-bottom:20px;}
.post .title {margin:0; padding:0; font-size:18px; line-height:22px; font-weight:normal;}
img, a img {border:0;}
.info {border-bottom:1px solid #DB7093; margin:10px 0 0 0; padding:0 0 5px 0; font-size:11px; line-height:14px; color:#999999;}
.name{ text-align:right; line-height: 15px; font-family: tahoma;font-size: 11px;font-weight:bold; }
.box {overflow:hidden; letter-spacing: 1px; text-align: justify; color: #666; font: 11px tahoma; background-color: #FFF; padding:6px;}
.wishlist { display: block; background-color: transparent; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eee; padding-top: 1px; padding-bottom: 1px; padding-right: 2px; padding-left: 2px; margin-right: 2px; }
.center {text-align: center; display: block; margin-left: auto; margin-right: auto;}
.left {float: left; margin: 1px 4px 0 4px;}
.right {float: right; margin: 1px 4px 0 4px;}
a.notes{text-decoration:none}
a.notes{text-decoration:noneposition:relative;left:1px;}
.source {margin-top:9px;}
#info {font-family: tahoma; font-size:7pt; border-top:1px dashed #000000;}
#infoo {border-top:2px dashed #000000;}
.notes-bottom ol, .notes-bottom ul {margin: 0; padding: 0; list-style: none;}
.notes-bottom li {background #BEBEBE; border-bottom: 1px solid f0f0f0; margin: 0; padding: 5px 0 20px 0; font-size: 10px;}
.notes-bottom li:hover {border-bottom: 1px solid f0f0f0; background: #DB7093; bottom:1px;
font-size: 10px; position: relative;}
.notes-bottom li img.avatar {
margin: 0 5px 0 0;
float: left;
width: auto;
padding: 2px; background:#DB7093;border:1px solid #000000; }
.divdate {border-bottom: 2px dashed #EE494B; margin: 5px 0px 5px 0px;}
.date {font-family: Tahoma; font-size:7pt;}
.meta{margin:5px 0 5px;font-family:verdana, serif; font-size:11px;border-bottom:1px solid #f0f0f0;}
a.tag{color:#DB7093;}
a.tag:hover{color:#DB7093;text-decoration:none;position:Relative;bottom:1px;}
a.reblog{color#DB7093;}
a.reblog:hover{color:#DB7093;text-decoration:none;}
a.notas{color:#DB7093;}
a.notas:hover{color:#DB7093;text-decoration:none;}
.both{clear:both;}
img {max-width: 500px;}
a {
color: #DB7093;
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: #FFB6C1;
filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}
blockquote{margin-left:15px; border-left: 4px solid #DB7093; padding-left:5px; }
<!-- CODIGO DA BORDA NAS IMAGENS -->
.border {display: block; margin-left: auto; margin-right: auto; padding: 6px; text-align: center; background: url(http://static.tumblr.com/f9r1gcx/I6Alniw93/seamless-floral-pattern-in-blue-thumb17738482.jpg);}
.borda {display: block; margin-left: auto; margin-right: auto; padding: 4px; text-align: center; background: url(http://static.tumblr.com/f9r1gcx/I6Alniw93/seamless-floral-pattern-in-blue-thumb17738482.jpg);}
.borderimage {margin-left: -07px; max-width:700px; margin-top: -07px;}
.infopost {display: block; font-family: Verdana; font-size: 10px; letter-spacing: 1px; text-align: left; color: #eee; padding: 2px; margin-top: -3px; border-bottom: 1px solid #eee;}
<!-- CONFIGURACOES DA ASK -->
.ask {
background:#eee;
text-align: left;
margin-left: 56px;
padding: 5px 5px 5px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-bottom: 1px solid #DCDCDC;
}
<!-- AQUI SAO AS CORES DO NEGRITO, ITALICO E SUBLINHADO -->
s {color: #ACACAC;} i {color: #849BC6;} em {color: #849BC6;} b {color:#ACACAC;} strong {color: #ACACAC;} u, span.sublinha {text-decoration: none; border-bottom: 1px solid #ACACAC;}
#side{
text-align:justify;
float:left;
position:fixed;
width: 300px;
margin-top:18px;
margin-left:45px;
padding:0px;}
.caixap2{
padding: 3px;
height: 20px;
background: #fff;
background-repeat: no-repeat;
font-family: verdana;
font-style: normal;
font-size: 11px;
color: #A292A5;
text-align:justify;
margin-bottom: 10px;
}
un {font-family: Tahoma; width: 28%; float: left; background:#FFB6C1; padding: 5px; text-align: center; margin: 2px; -moz-border-radius: 03px; -webkit-border-radius: 07px; font-size: 08pt; color: #fff;}
un:hover {font-family: Tahoma; width: 28%; float: left; background:#DB7093; padding: 5px; text-align: center; margin: 2px; -moz-border-radius: 03px; -webkit-border-radius: 07px; font-size: 08pt; color: #fff;}
.caixa {background: #fff; padding: 5px 5px 8px 5px;}
</style>
</head>
<body>
<!-- CONFIGURACOES DA SIDEBAR NO LADO DIREITO -->
<div id="side">
<div style="position: fixed; width: 270px; left: 72px; padding-top: 0px; z-index: 2;">
<img src="http://i40.tinypic.com/35cjz8m.gif" width="265" class="border"><br>
<div class="caixa">
<!-- MENU -->
<center><a href="/" title="Voltar aos posts"><un>Home</un></a>
<span onClick="document.getElementById('liuc').innerHTML=
document.getElementById('01').innerHTML" style="CURSOR:hand;"title="Saiba mais sobre mim (:"><un>About</span>
<span onClick="document.getElementById('liuc').innerHTML=
document.getElementById('02').innerHTML" style="CURSOR:hand;" title="Ask-me"><un>Ask me</span>
<span onClick="document.getElementById('liuc').innerHTML=
document.getElementById('03').innerHTML" style="CURSOR:hand;" title="Veja quem eu sigo, créditos e recomendo!"><un>Tumblr</span>
<a href="LINK"><un>Link 1</un></a>
<a href="LINK"><un>Link 2</un></a></center>
<!-- TROQUE O TEXTINHO ABAIXO PELA SUA DESCRIÇÃO -->
Cumprir todas as regras tornaria minha vida tão chata. Eu quero poder dizer que extrapolei. Então, tirem meus pés do chão. Me dêem qualquer coisa que faça eu me sentir viva.
</br>
Eu to pouco me fudendo para o que os outros vão diser.
</br>
Quando você vai embora
Os pedaços do meu coração
Sentem a sua falta.
<br></div>
<object width="262" height="25"><param name="movie" value="http://www.youtube-nocookie.com/v/p---FegxGuM?hl=en&autoplay=1&loop=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube-nocookie.com/v/p---FegxGuM?hl=en&autoplay=1&loop=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="262" height="25"><noembed><a href="http://www.youtube.com/watch?v=p---FegxGuM?hl=en&autoplay=1&loop=1"><img src="http://www.gtaero.net/ytmusic/play.png" alt="Play" style="border:0px;" /></a></noembed></object>
<div class="left"><div class="pagset">{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}</div></div>
<div class="right"><div class="pagset">{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div></div>
<br><br>
</div></div></p></div></div></div>
<div style="clear:both;"></div>
</div>
</div></div>
<!-- conteudo -->
</div>
<div id="conteudo">
<!-- liuc -->
<div id="liuc">
<!-- TAGS DOS POSTS- CUIDADO PRA N APAGAR NADINHA DAQUI -->
<!---------- POSTS --------------------------->
<div style="position:absolute; width:540px; left: 420px; top:10px; padding-top:0px;">
<img src="http://farm6.static.flickr.com/5124/5312229428_33d46d93ba.jpg" width="1003" class="border">
{block:Posts}
{block:Regular}<div class="post"><div class="box">
{block:Title}<h1>{Title}</h1>{/block:Title}
<div class="entry">{Body}</div>
<div class="divdate"></div>
<!---------------- DATA DOS POSTS ------------->
<div class="date"><a class="notes" href="{Permalink}"><center>Texto</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue this!</a>)</center></div>
<div class="tag">{block:HasTags}<center>Tags: {block:Tags} <a class="tag" href="{TagURL}">{Tag}</a> #{/block:Tags}{/block:HasTags}</a></center></div>
</div></div>
{/block:Regular}
<!---------- PHOTOS --------------------------->
{block:Photo}
<div class="post"><div class="box">
<center>{LinkOpenTag}<img src="{PhotoURL-500}" class="borderimage" alt="{PhotoAlt}" width=550px/>{LinkCloseTag}</center>
{block:Caption}
<br>
<div class="caption">{Caption}</div>
{/block:Caption}
<div style="clear:both;"></div>
<BR>
<div class="divdate"></div>
<!---------------- DATA DOS POSTS ------------->
<div class="date"><a class="notes" href="{Permalink}"><center>Photo</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue this!</a>)</center></div>
<div class="tag">{block:HasTags}<center>Tags: {block:Tags} <a href="{TagURL}">{Tag}</a> #{/block:Tags}{/block:HasTags}</a></center></div>
</div></div>
{/block:Photo}
<div style="clear:both;"></div>
<!---------- ASK --------------------------->
{block:Answer}
<div class="post"><DIV CLASS="BOX">
<img src="{AskerPortraitURL-40}"align="left" class="borda"/>
<div class="ask"><b>{Asker}</b>:
<br>{Question}<br></div>
{Answer}
<div style="clear:both;"></div>
<BR>
<div class="divdate"></div>
<!---------------- DATA DOS POSTS ------------->
<div class="date"><a class="notes" href="{Permalink}"><center>Mensagem</a> postada em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> </center></div>
</div></div>
{block:Answer}
<div style="clear:both;"></div>
<!---------- QUOTES --------------------------->
{block:Quote}
<div class="post"><div class="box">
<h1>{Quote}</h1>
</span>
{block:Source}<div class="source">— {Source}</div>{/block:Source}
<BR>
<div class="divdate"></div>
<!---------------- DATA DOS POSTS ------------->
<div class="date"><a class="notes" href="{Permalink}"><center>Quote</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue this!</a>)</center></div>
<div class="tag">{block:HasTags}<center>Tags: {block:Tags} <a class="tag" href="{TagURL}">{Tag}</a> #{/block:Tags}{/block:HasTags}</a></center></div>
</div></div>
{/block:Quote}
<div style="clear:both;"></div>
<!---------- LINKS --------------------------->
{block:Link}
<div class="post"><div class="box"><a href="{URL}" class="link" {Target}><h1>{Name}</h1></a>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
<BR>
<div class="divdate"></div>
<!---------------- DATA DOS POSTS ------------->
<div class="date"><a class="notes" href="{Permalink}"><center>Link</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue this!</a>)</center></div>
<div class="tag">{block:HasTags}<center>Tags: {block:Tags} <a class="tag" href="{TagURL}">{Tag}</a> #{/block:Tags}{/block:HasTags}</a></center></div>
</div></div>
{/block:Link}
<div style="clear:both;"></div>
<!---------- CHAT --------------------------->
{block:Chat}
<div class="post"><div class="box">
{block:Title}<div class="h1"><a href="{Permalink}">{Title}</a></div>
{/block:Title}
<div class="chat">
{block:Lines}
<div class="{Alt} user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</div>
{/block:Lines}
</div>
<BR>
<div class="divdate"></div>
<!---------------- DATA DOS POSTS ------------->
<div class="date"><a class="notes" href="{Permalink}"><center>Chat</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue this!</a>)</center></div>
<div class="tag">{block:HasTags}<center>Tags: {block:Tags} <a class="tag" href="{TagURL}">{Tag}</a> #{/block:Tags}{/block:HasTags}</a></center></div>
</div></div>
{/block:Chat}
<div style="clear:both;"></div>
<!---------- AUDIO --------------------------->
{block:Audio}
<div class="post"><div class="box">
{AudioPlayerWhite}
{block:Caption}
<div class="caption">{Caption}</div>
<div style="float:right; margin-top: -50px;"><h>Música ouvida {PlayCount} vezes</h> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>
{/block:Caption}
<div class="divdate"></div>
<!---------------- DATA DOS POSTS ------------->
<div class="date"><a class="notes" href="{Permalink}"><center>Música</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue this!</a>)</center></div>
<div class="tag">{block:HasTags}<center>Tags: {block:Tags} <a class="tag" href="{TagURL}">{Tag}</a> #{/block:Tags}{/block:HasTags}</a></center></div>
</div></div>
{/block:Audio}
<div style="clear:both;"></div>
<!---------- VIDEOS --------------------------->
{block:Video}
<div class="post">
<div class="box">
{Video-500}
<br>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
<BR>
<div class="divdate"></div>
<!---------------- DATA DOS POSTS ------------->
<div class="date"><a class="notes" href="{Permalink}"><center>Vídeo</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue this!</a>)</center></div>
<div class="tag">{block:HasTags}<center>Tags: {block:Tags} <a class="tag" href="{TagURL}">{Tag}</a> #{/block:Tags}{/block:HasTags}</a></center></div>
</div></div>
{/block:Video}
<div style="clear:both;"></div>
<!---------------- NOTAS DOS POSTS ------------->
{block:PostNotes}<div class="box">
<div class="notes-bottom">
{PostNotes}
</div>
{/block:PostNotes}
<!---------------- FIM DAS NOTAS DOS POSTS ------------->
{/block:Posts}
<br>
</div>
</div></div>
<!-- INICIO DO FALSO IFRAME CUIDADO E N APAGUE NADINHA DAQUI TA ? -->
<div id="01" style="display:none;"><div class="box">
<h2>Profile</h2>
<div class="infopost"></div><br>
<b>Coloca</b> <u>aqui</u> <i>alguma</i> coisa sobre você, sua idade, o signo e blábláblá. Coloca o que tu gosta de fazer, suas manias, fala sobre a escola, as matérias que você gosta, as que não gosta. Põe o link do orkut, do forms, seilá! Coloca livros que você gosta, filmes, músicas que te encantam. Coloca as séries que você gosta, o que você acha sobre tal coisa, como é sua relação com sua mãe, se você tem bichinho de estimação, qual o nome dele> Fala sobre esmaltes, sobre televisão. fala sobre o teu estilo, se você gosta de florzinhas, e lacinhos. Ah, bota o que quiser aqui... To só enrolando pra encher o espaço e ficar bonitinho quando vocês forem ver. Beijos ;*
</div></div></div></div><br>
<div id="02" style="display:none;"><div class="box">
<h2>Ask me</h2>
<div class="infopost"></div><br>
<iframe frameborder="0" scrolling="no" width="100%" height="150" src="http://meumundotheme.tumblr.com/ask" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p></span>
</div>
</div></div><br>
<div id="03" style="display:none;"><div class="box">
<h2>Recomendo</h2>
<div class="infopost"></div>
<br>
<a href="http://mesalvedomundo.tumblr.com">Láah.</a><br>
<a href="link">Nome</a><br>
<a href="link">Nome</a><br>
<a href="link">Nome</a><br>
<a href="link">Nome</a><br>
</div>
<br>
<div class="box">
<h2>Créditos</h2>
<div class="infopost"></div>
<div class="wishlist">Theme por <a href="meumundothemes.tumblr.com">ThamiresCampos</a></div>
<div class="wishlist">Pelas imagens postadas aqui - <a href="http://weheartit.com/">We?It</a></div>
<div class="wishlist">Base do CSS pela <a href="http://marlivia.tumblr.com">Marlivia</a></div>
<div class="wishlist">Paginação pela <a href="http://madlyluv.com/">Ana Flávia</a></div>
<div class="wishlist">Tags dos posts: <a href="http://s-erendipidade.tumblr.com/">Bruninha Amaro</a></div>
</div><br>
<div class="box">
<h2>Quem eu sigo...</h2>
<div class="infopost"></div><br>
{block:Following}
{block:Followed}
<a title="{FollowedTitle}" target=_blank" href="{FollowedURL}"><img src="{FollowedPortraitURL-30}"alt="{FollowedURL}" style="border: 5px solid #eee" class="opacidade"/></a>
{/block:Followed}
{/block:Following}</center>
</div></div></div>
</body>
</html>
Assinar:
Comentários (Atom)
