Return to Snippet

Revision: 27104
at May 22, 2010 13:19 by 67ideas


Initial Code
<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>

Initial URL
http://67ideas.com

Initial Description
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.

Initial Title
Tumblr Theme Scaffold

Initial Tags
html

Initial Language
HTML