→ How to Theme: Vol III - Cheat Sheet

<html>
<head>

    <title>{Title}</title>
    <link rel="shortcut icon" href="{Favicon}">
    <link rel="altertnate" type="application/rss+xml" href="{RSS}">
    <meta name="description" content="" />
    <meta http-equiv="x-dns-prefetch-control" content="off"/>

    <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>

<style type="text/css">

body {
	font-size: 10px;
	font-family: Calibri, Candara, Segoe;
	color: #000;
	background-color: #f9f9f9;}

a {
	color: #cf2d85;
text-decoration: none;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;}

a:hover {
	color: #000;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;}

.container  {width: 800px; margin: auto;}

.sidebar {
        width: 200px;
        height: 200px;
        position: fixed;
        padding: 10px;
        background-color: #fff;}

.postcol {width: 540px; margin-left: 240px;}

.posts {margin-bottom: 20px; background-color: #fff; padding: 20px;}
</style>
</head>

<body>
<div class="container">

<div class="sidebar">This is the sidebar div.
<a href="/">This is a link.</a></div>

<div class="postcol">
{block:Posts}
<div class="posts">

<!---------------------------------------------------
	TEXT POSTS
---------------------------------------------------->
{block:Text}
{block:Title}<h2>{Title}</h2>{/block:Title}
{Body}
{/block:Text}

<!---------------------------------------------------
	ANSWER POSTS
---------------------------------------------------->
{block:Answer}
<div class="question">
<img src="{AskerPortraitURL-40}"> {Asker} asked: {Question}
</div>
{Answer}
{/block:Answer}

<!---------------------------------------------------
	QUOTE POSTS
---------------------------------------------------->
{block:Quote}
<div class="quote">
<div class="quotetext_{Length}">"{Quote}"</div>
{block:Source}<div class="source">{Source}</div>{/block:Source}
</div>
{/block:Quote}

<!---------------------------------------------------
	LINK POSTS
---------------------------------------------------->
{block:Link}
<h2><a href="{URL}">{Name}</a></h2>
{block:Description}{Description}{/block:Description}
{/block:Link}

<!---------------------------------------------------
	CHAT POSTS
---------------------------------------------------->
{block:Chat}
{block:Title}<h2>{Title}</h2>{/block:Title}
<ul class="convo">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}
{Line}</li>{/block:Lines}</ul>
{/block:Chat}

<!---------------------------------------------------
	PHOTO POSTS
---------------------------------------------------->
{block:Photo}
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="400px">{LinkCloseTag}

{block:Caption}{Caption}{/block:Caption}
{/block:Photo}

<!---------------------------------------------------
	PHOTOSET POSTS
---------------------------------------------------->
{block:Photoset}
{Photoset-500}
{block:Caption}{Caption}{/block:Caption}
{/block:Photoset}

<!---------------------------------------------------
	VIDEO POSTS
---------------------------------------------------->
{block:Video}
{Video-500}
{block:Caption}{Caption}{/block:Caption}
{/block:Video}
</div>
{/block:Posts}

</div></div>
</body>
</html>