/ 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.
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
<html> <head> <meta name="color:Background" content="#3b627e"> <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> <div id="wrapper"> <ol id="posts"> {block:Posts} {block:Text} <li class="post text"> {block:Title} {/block:Title} {Body} </li> {/block:Text} {block:Photo} <li class="post photo"> <img src="{PhotoURL-500}" alt="{PhotoAlt}"/> {block:Caption} {/block:Caption} </li> {/block:Photo} {block:Photoset} <li class="post photoset"> {Photoset-500} {block:Caption} {/block:Caption} </li> {/block:Photoset} {block:Quote} <li class="post quote"> "{Quote}" {block:Source} {/block:Source} </li> {/block:Quote} {block:Link} <li class="post link"> {block:Description} {/block:Description} </li> {/block:Link} {block:Chat} <li class="post chat"> {block:Title} {/block:Title} <ul class="chat"> {block:Lines} <li class="{Alt} user_{UserNumber}"> {block:Label} {/block:Label} {Line} </li> {/block:Lines} </ul> </li> {/block:Chat} {block:Video} <li class="post video"> {Video-500} {block:Caption} {/block:Caption} </li> {/block:Video} {block:Audio} <li class="post audio"> {AudioPlayerBlack} {block:Caption} {/block:Caption} </li> {/block:Audio} {NoteCountWithLabel} {/block:Posts} {block:SearchPage} {block:NoSearchResults} </ol> <div id="side"> {block:Description} {/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} {/block:PreviousPage} {block:NextPage} {/block:NextPage} </p> </div> </body> </html>
URL: http://67ideas.com