Posted By

67ideas on 05/22/10

Tagged

html

Versions (?)

Last Edited at 05/22/10 01:19pm

Statistics

Viewed 588 times

Favorited by 1 user(s)

Related snippets

Tumblr Theme Scaffold

/ Published in: HTML

This is a bare-bones, centered Tumblr layout with no styling, and a right-aligned sidebar. It has blocks for every content type, so completing this with your custom styling should be quick and easy.

Highlighted TextExpand

<html>
    <head>
      <meta name="color:Background" content="#3b627e">
        <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}" />
        {/block:Description}
        
        <style type="text/css">
          html { }
          body { width: 900px; margin: 0 auto; }
          #title { }
          #wrapper { }
          #posts { float: left; padding: 30px; width: 520px; }
          #side { float: left; width: 200px; }
          #footer { clear: both; }
          {CustomCSS}
        </style>
    </head>
    
    <body>
        <h1 id="title">{Title}</h1>
        
        <div id="wrapper">
          <ol id="posts">
              {block:Posts}
                  {block:Text}
                      <li class="post text">
                          {block:Title}
                              <h3><a href="{Permalink}">{Title}</a></h3>
                          {/block:Title}

{Body}
                      </li>
                  {/block:Text}

{block:Photo}
                      <li class="post photo">
                          <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>

{block:Caption}
                              <div class="caption">{Caption}</div>
                          {/block:Caption}
                      </li>
                  {/block:Photo}
                
                  {block:Photoset}
                      <li class="post photoset">
                          {Photoset-500}

{block:Caption}
                              <div class="caption">{Caption}</div>
                          {/block:Caption}
                      </li>
                  {/block:Photoset}

{block:Quote}
                      <li class="post quote">
                          "{Quote}"

{block:Source}
                              <div class="source">{Source}</div>
                          {/block:Source}
                      </li>
                  {/block:Quote}

{block:Link}
                      <li class="post link">
                          <a href="{URL}" class="link" {Target}>{Name}</a>

{block:Description}
                              <div class="description">{Description}</div>
                          {/block:Description}
                      </li>
                  {/block:Link}

{block:Chat}
                      <li class="post chat">
                          {block:Title}
                              <h3><a href="{Permalink}">{Title}</a></h3>
                          {/block:Title}

<ul class="chat">
                              {block:Lines}
                                  <li class="{Alt} user_{UserNumber}">
                                      {block:Label}
                                          <span class="label">{Label}</span>
                                      {/block:Label}

{Line}
                                  </li>
                              {/block:Lines}
                          </ul>
                      </li>
                  {/block:Chat}

{block:Video}
                      <li class="post video">
                          {Video-500}

{block:Caption}
                              <div class="caption">{Caption}</div>
                          {/block:Caption}
                      </li>
                  {/block:Video}

{block:Audio}
                      <li class="post audio">
                          {AudioPlayerBlack}

{block:Caption}
                              <div class="caption">{Caption}</div>
                          {/block:Caption}
                      </li>
                  {/block:Audio}
                
                  {NoteCountWithLabel}
              {/block:Posts}
            
              {block:SearchPage}
              {block:NoSearchResults}
          </ol>
        
          <div id="side">
            {block:Description}
                <p id="description">{Description}</p>
            {/block:Description}
            
            <img id="avatar" src="{PortraitURL-64}" alt="User Avatar" />
          
            <form id="search" action="/search" method="get">
                <input type="text" name="q" value="{SearchQuery}"/>
                <input type="submit" value="Search"/>
            </form>
          </div>

<p id="footer">
              {block:PreviousPage}
                  <a id="back_button" href="{PreviousPage}">&#171; Previous</a>
              {/block:PreviousPage}

{block:NextPage}
                  <a href="{NextPage}">Next &#187;</a>
              {/block:NextPage}

<a href="/archive">Archive</a>
          </p>
        </div>
    </body>
</html>

URL: http://67ideas.com

Report this snippet Tweet