Advanced Search

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