HTML THEME TUMBLR CODE:
Visualise: http://fuckcrazyfame.tumblr.com/
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}
<meta name="description" content="{MetaDescription}" />
<meta name="image:Background" content="http://static.tumblr.com/..."/>
<meta name="image:Header" content=""/>
{/block:Description}
<style type="text/css" media="screen, print, projection">
body,
html {
margin:0;
padding:0;
text-align:center;
color:#FFFFFF;
background:#080808 url(http://www.snazzyspace.com/defaultimages/080808_brass-knuckles.gif);
text-align:left;
background-attachment:fixed;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
}
a:link {
color:#FFFFFF;
text-decoration:none;
}
a:visited {
color:#FFFFFF;
text-decoration:none;
}
a:hover {
color:#FFFFFF;
text-decoration:none;
}
a:active {
color:#FFFFFF;
text-decoration:none;
}
#wrap {
width:705px;
text-align:left;
padding:10px;
border-radius: 15px;
-moz-border-radius: 15px;
margin:50px auto;
background:#080808;
}
#header {
padding:0px;
background:#080808;
text-align:right;
}
#header a, #header a:visited, #header a:active {
display:block;
font-family:georgia, arial, helvetica, verdana;
text-align:right;
color:white;
padding:15px;
border-radius: 15px;
-moz-border-radius: 15px;
text-decoration:none;
text-transform:uppercase;
font-size:28px;
letter-spacing:-1px;
}
#header a:hover {
background:#838383;
color:white;
}
h1 {
margin:0;
color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size:22px;
}
h2 {
margin:0;
}
#main {
float:left;
width:440px;
padding:10px;
background:#080808;
border-right:1px solid #eee;
}
#sidebar {
float:right;
width:200px;
padding:10px;
background:#080808;
color:#FFFFFF;
text-align:left;
font-family: Verdana, Helvetica, sans-serif;
font-size:12px;
}
#sidebar h1{
font-family: Arial, Verdana, "Microsoft Sans Serif", Times, serif;
font-size: 12px;
font-weight: bold;
background: #838383;
border-radius: 10px;
display:block;
text-align:right;
-moz-border-radius: 10px;
margin-top: 12px;
margin-bottom: 10px;
padding: 5px 5px;
color: #FFFFFF;
letter-spacing: 0px;
}
#sidebar h2{
font-family: Arial, Verdana, "Microsoft Sans Serif", Times, serif;
font-size: 12px;
font-weight: bold;
background: #838383;
border-radius: 10px;
display:block;
text-align:right;
-moz-border-radius: 10px;
margin-top: 12px;
margin-bottom: 10px;
padding: 5px 5px;
color: #FFFFFF;
letter-spacing: 0px;
}
#sidebar ul li;
margin: 2em;
width: 10em;
padding: 5px;
}
A.mainnavi:link, A.mainnavi:active, A.mainnavi:visited {
display:block;
color:#FFFFFF;
font-size:9px;
padding: 5px;
float: center;
width:328px;
text-align:center;
text-decoration:none;
text-transform: uppercase;
margin-left:1px;
margin-bottom:1px;
letter-spacing:0px;
font-weight:lighter;
background:#080808;
border-bottom: 1px solid #080808;
}
#col3 {
float: left;
width: 160px;
}
#col3 h1{
font-family: Verdana, "Microsoft Sans Serif", Times, serif;
font-size: 12px;
font-weight: bold;
background: #E46F0A;
margin-top: 12px;
margin-bottom: 10px;
padding: 5px;
color: #FFFFFF;
width: 140px;
letter-spacing: 0px;
}
#col3 p{
line-height: 12pt;
}
#col2 {
float: right;
width: 160px;
}
#col2 h1{
font-family: Verdana, "Microsoft Sans Serif", Times, serif;
font-size: 12px;
font-weight: bold;
background: #080808;
margin-top: 12px;
margin-bottom: 10px;
padding: 5px 5px;
color: #FFFFFF;
letter-spacing: 0px;
}
#col2 p{
text-align: center;
margin-top: 175px;
}
A.navi:link, A.navi:active, A.navi:visited {
display:block;
color:#FFFFFF;
font-size:9px;
padding: 5px;
float: center;
width:180px;
text-align:center;
text-decoration:none;
text-transform: uppercase;
margin-left:1px;
margin-bottom:1px;
letter-spacing:0px;
font-weight:lighter;
background:#080808;
border-bottom: 1px solid #080808;
}
A.page:link, A.page:active, A.page:visited {
font-family: Arial, Verdana, Helvetica, sans-serif;
color:#FFFFFF;
font-size:30px;
padding: 0px;
float:;
text-align:left;
text-decoration:none;
margin-left:0px;
margin-bottom:0px;
letter-spacing:2px;
font-weight:bold;
background:#080808;
}
* html #footer {
height:1px;
}
#footer {
clear:both;
padding:10px;
background:#080808;
font-size:9px;
font-family: Verdana;
color:#FFFFFF;
text-decoration: none;
}
#footer p {
margin:0;
}
/*
POSTMETA AND IMAGE BORDER AND LIKES CSS
*/
#postmeta {
font-family: Arial, Verdana, "Microsoft Sans Serif", Times, serif;
font-size: 12px;
font-weight: bold;
background: #838383;
border-radius: 10px;
display:block;
text-align:right;
-moz-border-radius: 10px;
margin-top: 12px;
margin-bottom: 10px;
padding: 5px 5px;
color: #FFFFFF;
letter-spacing: 0px;
}
#postmeta a{
color: #FFFFFF;
text-decoration: none;
border: none;
border-bottom: 1px dotted #080808;
}
#postmeta a:hover{
color: #FFFFFF;
text-decoration: strike-through;
border: none;
}
img.border {
display:block;
float:;
border:1px solid #080808;
padding:4px;
margin-right:6px;
background-color:#080808;
}
ul#likestitle {
list-style-type: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
ul#likes {
list-style-type: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
li.like_post {
/* Should match the width specified in the Likes tag */
width: 200px;
padding: 0 40px 0 0;
float: left;
}
li.like_post img {
max-width: 190px;
}
li.like_post blockquote {
margin: 0;
padding: 0 0 0 10px;
border-left: 1px solid #eee;
}
li.like_post ol,
li.like_post ul {
margin: 0 0 0 15px;
padding: 0;
}
li.like_post .like_link a {
font-weight: bold;
}
li.like_post .like_title {
font-weight: bold;
}
li.like_post .post_info_bottom {
margin: 5px 0 0 0;
display: block !important;
}
.tumblrbutton {
position:absolute;
top:0;
left:0;
}
#sidebar li {
padding: 20px 5px 20px 5px;
border-bottom: 1px solid #eee;
width:190px;
{CustomCSS}
</style>
</head>
<body>
<div class="tumblrbutton"><a href="http://disneyprogramacao.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilqp1YAiOrh7j_mKQAKwL1pYEprBFrwkkEXRcuTj1PKb-Jv6xbFjk-GWHX0Lz64IegnKu90fzUaE0BsI9iP-8MTCwbA74JD6tar5G7a1i84yW1xLIKdycBA4Veyu4ZMRTScDb0O1FTpTwE/s1600/tumblrbutton1.PNG" border="0" /></div>
<div id="wrap">
<div id="header">{block:IfHeaderImage}<center><img src="{image:Header}" width="685"/></center>{/block:IfHeaderImage}
{block:IfNotHeaderImage}
<center><a href= "http://www.{Name}.tumblr.com/" class="page">{Title}</a></center>
{/block:IfNotHeaderImage}
</div>
<div id="main">
{block:Posts}
<!-- Text Posts -->
{block:Regular}
<div class="regular">
{block:Title}
<h1>{Title}</h1>
{/block:Title}
{Body}
</div>
<div id="postmeta">{ShortMonth} {DayOfMonthWithZero}. <a
href="{Permalink}" title="Permalink"> {NoteCount} Notes.</a></div>
{/block:Regular}
<!-- Photo Posts -->
{block:Photo}
<div class="photo">
{LinkOpenTag}<center><img src="{PhotoURL-400}" alt="{PhotoAlt}" class="border"/></center>{LinkCloseTag}
{block:Caption}{Caption}{/block:Caption}
</div>
<div id="postmeta">{ShortMonth} {DayOfMonthWithZero}. <a
href="{Permalink}" title="Permalink"> {NoteCount} Notes.</a></div>
{/block:Photo}
<!-- Quote Posts -->
{block:Quote}
<div class="quote">
<div class="quotes">
<p class="blockquote">"<i>{Quote}
</i>"</p>
</div>
{block:Source}<div class="source">�
{Source}</div>{/block:Source}
</div>
<div id="postmeta">{ShortMonth} {DayOfMonthWithZero}. <a
href="{Permalink}" title="Permalink"> {NoteCount} Notes.</a></div>
{/block:Quote}
<!-- Link Posts -->
{block:Link}
<u><a href="{URL}" class="link" {Target}>{Name}
</a></u>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
<div id="postmeta">{ShortMonth} {DayOfMonthWithZero}. <a
href="{Permalink}" title="Permalink"> {NoteCount} Notes.</a></div>
{/block:Link}
<!-- Chat Posts -->
{block:Conversation}
<div class="conversation">
{block:Title}<h1><a
href="{Permalink}">{Title}</a></h1>{/block:Title}
<ul>{block:Lines}
<li class="{Alt}">{block:Label}
<span
class="label">{Label}</span>{/block:Label}
{Line}</li>
{/block:Lines}</ul>
</div>
<div id="postmeta">{ShortMonth} {DayOfMonthWithZero}. <a
href="{Permalink}" title="Permalink"> {NoteCount} Notes.</a></div>
{/block:Conversation}
<!-- Audio Posts -->
{block:Audio}
<div class="audio">
{AudioPlayerBlack}
{block:Caption}{Caption}{/block:Caption}
</div>
<div id="postmeta">{ShortMonth} {DayOfMonthWithZero}. <a
href="{Permalink}" title="Permalink"> {NoteCount} Notes.</a></div>
{/block:Audio}
<!-- Video Posts -->
{block:Video}
<div class="video">
<center>{Video-400}</center>
<p>{block:Caption}{Caption}{/block:Caption}</p>
</div>
<div id="postmeta">{ShortMonth} {DayOfMonthWithZero}. <a
href="{Permalink}" title="Permalink"> {NoteCount} Notes.</a></div>
{/block:Video}
{/block:Posts}
{block:PostNotes}
<h2>Notes</em></h2>
{PostNotes}
{/block:PostNotes}
<center>
{block:PreviousPage}
<a href="{PreviousPage}" class="page">← anterior //</a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}" class="page">próxima →</a>
{/block:NextPage}
</center>
</div>
<div id="sidebar">
<h1>Quem escreve?</h1>
<center>
{Description}
</center>
<h1>Search</h1>
<form action="/search" method="get">
<input type="text" name="q" value="{SearchQuery}"/>
<input type="submit" value="OK"/>
</form>
<h1>Navigation</h1>
<a href= "http://www.{Name}.tumblr.com/" class="navi">Home</a>
<a href= "http://www.{Name}.tumblr.com/archive" class="navi">Archive</a>
<a href= "http://www.{Name}.tumblr.com/ask" class="navi">Ask Me</a>
<a href= "{RSS}" class="navi">Subscribe?</a>
<p><center>
{block:Following}
{block:Followed}
<a href="{FollowedURL}"><img src="{FollowedPortraitURL-16}"/></a>
{/block:Followed}
{/block:Following}
</p></center>
<h1>Stuff I Like</h1>
<div>
{block:Likes}
<div id="likes_container">
{Likes limit="10" summarize="100" width="200"}
</div>
{/block:Likes}
</div>
</div>
<div id="footer">
</div><!-- end #footer -->
</div>
</body>
</html>
1 comentários:
Adorei *_*
Postar um comentário