Tumblr… Tumbleogs? Trac tools for TextMate

Lentilpraxis Tumblr Theme

June 20th, 2007

If you like the theme I’ve made for Tumblr, you can grab a copy for your own Tumblr site.

it’s a copy and paste affair

Select custom theme on your Tumblr settings page. Copy and paste to replace the code inside custom theme textarea on the Tumblr settings page. Then Save settings…

Hover here for a Snap preview…

<!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>
        
         
        
        <meta name="color:Background" content="#eee"/>
        <meta name="color:Content Background" content="#fff"/>
        <meta name="color:Title" content="#444"/>
        <meta name="color:Description" content="#666"/>
        <meta name="color:Post Title" content="#c00"/>    
        <meta name="color:Text" content="#444"/>
        <meta name="color:Inline Link" content="#c00"/>
        <meta name="color:Quote" content="#666"/>
        <meta name="color:Quote Source" content="#444"/>
        <meta name="color:Link Post" content="#c00"/>
        <meta name="color:Conversation Background" content="#f8f8f8"/>
        <meta name="color:Conversation Border" content="#ddd"/>
        <meta name="color:Conversation Text" content="#444"/>
        <meta name="color:Conversation Label" content="#111"/>
        <meta name="color:Photo Border" content="#eee"/>   
        <meta name="color:Date" content="#fff"/>
        <meta name="color:Date Background" content="#ccc"/>
        

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        
        <link rel="alternate" type="application/rss+xml" title="RSS" 
        href="/rss"/>

        

        
        
    </head>
    <body>
        <div id="content">
            <h1><a href="/">{Title}</a></h1>

            {block:Description}
                <div id="description">
                    <div>{Description}</div>
                </div>
            {/block:Description}
            
            {block:Posts}
                <div class="post">
                    <div class="labels">
                        {block:NewDayDate}
                            <div class="date"><a href="{Permalink}">{Month} {DayOfMonth}</a></div>
                        {/block:NewDayDate}
                    
                        {block:SameDayDate}
                            <div class="date"><a href="{Permalink}">+</a></div>
                        {/block:SameDayDate}
                    </div>

                    {block:Regular}
                        <div class="regular">
                            {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
                            {Body}
                        </div>
                    {/block:Regular}
                    
                    {block:Photo}
                        <div class="photo">
                            <img src="{PhotoURL-400}" alt="{PhotoAlt}"/><br/>
                            {block:Caption}
                                <div class="caption">{Caption}</div>
                            {/block:Caption}
                        </div>
                    {/block:Photo}
                    
                    {block:Quote}
                        <div class="quote">
                            <span class="quote">
                                <big class="quote">&#8220;</big> {Quote}
                            </span>
                            {block:Source}<span class="source">{Source}</span>{/block:Source}
                        </div>
                    {/block:Quote}
                    
                    {block:Link}
                        <div class="link">
                            <a href="{URL}" class="link" {Target}>{Name}</a>
                            {block:Description}
                                <span class="description">{Description}</span>
                            {/block:Description}
                        </div>
                    {/block:Link}
                    
                    {block:Conversation}
                        <div class="conversation">
                            {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
                            <ul>
                                {block:Lines}
                                    <li>
                                        {block:Label}<span class="label">{Label}</span>{/block:Label}
                                        {Line}
                                    </li>
                                {/block:Lines}
                            </ul>
                        </div>
                    {/block:Conversation}
                    
                    {block:Video}
                        <div class="video">
                            {Video-400}
                            {block:Caption}
                                <div class="caption">{Caption}</div>
                            {/block:Caption}
                        </div>
                    {/block:Video}
                </div>
            {/block:Posts}

            <div id="footer">
                {block:PreviousPage}
                    <a href="{PreviousPage}">&#171; Previous</a> &nbsp;&nbsp;
                {/block:PreviousPage}
                
                {block:NextPage}
                    <a href="{NextPage}">Next &#187;</a>
                {/block:NextPage}
            </div>
        </div>
    </body>
</html>

can you Digg it? can you Digg it? is it del.icio.us? is it del.icio.us?

Category: General

3 Comments Add your own

  • 1. Kindy  |  July 21st, 2007 at 4:25 am

    Thanks, it’s so good.

  • 2. Canut & Geek » &hellip  |  July 26th, 2007 at 4:17 pm

    [...] Probar, Descargar [...]

  • 3. jonny  |  August 1st, 2007 at 4:14 am

    Very nice, thank you! I love the timeline effect.

Leave a Comment

You must be logged in to post a comment .

Trackback this post  |  Subscribe to the comments via RSS Feed