Dorky Glasses Tumblr Layout Code.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.
dtd"> <html lang="en"> <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}" /> <meta name="image:Background" content="http://static.tumblr.com/..."/> <meta name="image:Header" content=""/> {/block:Description} <style type="text/css" media="screen, print, projection"> body, html { margin:0; padding:0; text-align:center; color:#FFFFFF; background:#000000 url(http://www.snazzyspace.com/defaultimages/ 000000_smart-glasses.gif); text-align:left; background-attachment:fixed; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; } a:link { color:#FFFFFF; text-decoration:none; } a:visited { color:#FFFFFF; text-decoration:none; } a:hover { color:#FFFFFF; text-decoration:none; } a:active { color:#FFFFFF; text-decoration:none; } #wrap { width:705px; text-align:left; padding:10px; border-radius: 15px; -moz-border-radius: 15px; margin:50px auto; background:#000000; } #header {
padding:0px; background:#000000; text-align:right; } #header a, #header a:visited, #header a:active { display:block; font-family:georgia, arial, helvetica, verdana; text-align:right; color:white; padding:15px; border-radius: 15px; -moz-border-radius: 15px; text-decoration:none; text-transform:uppercase; font-size:28px; letter-spacing:-1px; } #header a:hover { background:#7f7f7f; color:white; } h1 { margin:0; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size:22px; } h2 { margin:0; } #main { float:left; width:440px; padding:10px; background:#000000; border-right:1px solid #eee; } #sidebar { float:right; width:200px; padding:10px; background:#000000; color:#FFFFFF; text-align:left; font-family: Verdana, Helvetica, sans-serif; font-size:12px; } #sidebar h1{ font-family: Arial, Verdana, "Microsoft Sans Serif", Times, serif; font-size: 12px; font-weight: bold; background: #7f7f7f; border-radius: 10px;
display:block; text-align:right; -moz-border-radius: 10px; margin-top: 12px; margin-bottom: 10px; padding: 5px 5px; color: #FFFFFF; letter-spacing: 0px; } #sidebar h2{ font-family: Arial, Verdana, "Microsoft Sans Serif", Times, serif; font-size: 12px; font-weight: bold; background: #7f7f7f; border-radius: 10px; display:block; text-align:right; -moz-border-radius: 10px; margin-top: 12px; margin-bottom: 10px; padding: 5px 5px; color: #FFFFFF; letter-spacing: 0px; } #sidebar ul li; margin: 2em; width: 10em; padding: 5px; } A.mainnavi:link, A.mainnavi:active, A.mainnavi:visited { display:block; color:#FFFFFF; font-size:9px; padding: 5px; float: center; width:328px; text-align:center; text-decoration:none; text-transform: uppercase; margin-left:1px; margin-bottom:1px; letter-spacing:0px; font-weight:lighter; background:#000000; border-bottom: 1px solid #000000; }
#col3 { float: left; width: 160px; }
#col3 h1{ font-family: Verdana, "Microsoft Sans Serif", Times, serif; font-size: 12px; font-weight: bold; background: #E46F0A; margin-top: 12px; margin-bottom: 10px; padding: 5px; color: #FFFFFF; width: 140px; letter-spacing: 0px; } #col3 p{ line-height: 12pt; } #col2 { float: right; width: 160px; } #col2 h1{ font-family: Verdana, "Microsoft Sans Serif", Times, serif; font-size: 12px; font-weight: bold; background: #000000; margin-top: 12px; margin-bottom: 10px; padding: 5px 5px; color: #FFFFFF; letter-spacing: 0px; } #col2 p{ text-align: center; margin-top: 175px; } A.navi:link, A.navi:active, A.navi:visited { display:block; color:#FFFFFF; font-size:9px; padding: 5px; float: center; width:180px; text-align:center; text-decoration:none; text-transform: uppercase; margin-left:1px; margin-bottom:1px; letter-spacing:0px; font-weight:lighter; background:#000000; border-bottom: 1px solid #000000; } A.page:link, A.page:active, A.page:visited { font-family: Arial, Verdana, Helvetica, sans-serif;
color:#FFFFFF; font-size:30px; padding: 0px; float:; text-align:left; text-decoration:none; margin-left:0px; margin-bottom:0px; letter-spacing:2px; font-weight:bold; background:#000000; } * html #footer { height:1px; } #footer { clear:both; padding:10px; background:#000000; font-size:9px; font-family: Verdana; color:#FFFFFF; text-decoration: none; } #footer p { margin:0; } /* POSTMETA AND IMAGE BORDER AND LIKES CSS */ #postmeta { font-family: Arial, Verdana, "Microsoft Sans Serif", Times, serif; font-size: 12px; font-weight: bold; background: #7f7f7f; border-radius: 10px; display:block; text-align:right; -moz-border-radius: 10px; margin-top: 12px; margin-bottom: 10px; padding: 5px 5px; color: #FFFFFF; letter-spacing: 0px; } #postmeta a{ color: #FFFFFF; text-decoration: none; border: none; border-bottom: 1px dotted #000000; } #postmeta a:hover{ color: #FFFFFF; text-decoration: strike-through;
border: none; } img.border { display:block; float:; border:1px solid #000000; padding:4px; margin-right:6px; background-color:#000000; } ul#likestitle { list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 0; } ul#likes { list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 0; } li.like_post { /* Should match the width specified in the Likes tag */ width: 200px; padding: 0 40px 0 0; float: left; } li.like_post img { max-width: 190px; } li.like_post blockquote { margin: 0; padding: 0 0 0 10px; border-left: 1px solid #eee; } li.like_post ol, li.like_post ul { margin: 0 0 0 15px; padding: 0; } li.like_post .like_link a { font-weight: bold; } li.like_post .like_title { font-weight: bold; } li.like_post .post_info_bottom { margin: 5px 0 0 0; display: block !important; } .tumblrbutton { position:absolute;
top:0; left:0; } #sidebar li { padding: 20px 5px 20px 5px; border-bottom: 1px solid #eee; width:190px; {CustomCSS} </style> </head> <body> <div class="tumblrbutton"><a href="http://www.snazzyspace.com/tumblr-themes/page /1"><img src="http://www.snazzyspace.com/tumblrbutton.gif" border="0" /></div> <div id="wrap"> <div id="header">{block:IfHeaderImage}<center><img src="{image:Header}" width="685"/></center>{/block:IfHeaderImage} {block:IfNotHeaderImage} <center><a href= "http://www.{Name}.tumblr.com/" class="page">{Title}</a></cente r> {/block:IfNotHeaderImage} </div> <div id="main"> {block:Posts}
 {block:Regular} <div class="regular"> {block:Title} <h1>{Title}</h1> {/block:Title} {Body} </div> <div id="postmeta">{ShortMonth} {DayOfMonthWithZero}. <a href="{Permalink}" title="Permalink"> {NoteCount} Notes.</a></div> {/block:Regular}  {block:Photo} <div class="photo"> {LinkOpenTag}<center><img src="{PhotoURL-400}" a lt="{PhotoAlt}" class="border"/></center>{LinkCloseTag} {block:Caption}{Caption}{/block:Caption} </div> <div id="postmeta">{ShortMonth} {DayOfMonthWithZero}. <a href="{Permalink}" title="Permalink"> {NoteCount} Notes.</a></div> {/block:Photo}
 {block:Quote} <div class="quote"> <div class="quotes"> <p class="blockquote">"<i>{Quote} </i>"</p> </div> {block:Source}<div class="source"> {Source}</div>{/block:Source} </div> <div id="postmeta">{ShortMonth} {DayOfMonthWithZero}. <a href="{Permalink}" title="Permalink"> {NoteCount} Notes.</a></div> {/block:Quote}  {block:Link} <u><a href="{URL}" class="link" {Target}>{Name} </a></u> {block:Description} <div class="description">{Description}</div> {/block:Description} <div id="postmeta">{ShortMonth} {DayOfMonthWithZero}. <a href="{Permalink}" title="Permalink"> {NoteCount} Notes.</a></div> {/block:Link}  {block:Conversation} <div class="conversation"> {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title} <ul>{block:Lines} <li class="{Alt}">{block:Label} <span class="label">{Label}</span>{/block:Label} {Line}</li> {/block:Lines}</ul> </div> <div id="postmeta">{ShortMonth} {DayOfMonthWithZero}. <a href="{Permalink}" title="Permalink"> {NoteCount} Notes.</a></div>
{/block:Conversation}
 {block:Audio} <div class="audio"> {AudioPlayerBlack} {block:Caption}{Caption}{/block:Caption} </div> <div id="postmeta">{ShortMonth} {DayOfMonthWithZero}. <a href="{Permalink}" title="Permalink"> {NoteCount} Notes.</a></div> {/block:Audio}  {block:Video} <div class="video"> <center>{Video-400}</center> <p>{block:Caption}{Caption}{/block:Caption}</p> </div> <div id="postmeta">{ShortMonth} {DayOfMonthWithZero}. <a href="{Permalink}" title="Permalink"> {NoteCount} Notes.</a></div> {/block:Video} {/block:Posts} {block:PostNotes} <h2>Notes</em></h2> {PostNotes} {/block:PostNotes} <center> {block:PreviousPage} <a href="{PreviousPage}" class="page"> previous //</a> {/block:PreviousPage} {block:NextPage} <a href="{NextPage}" class="page">next </a> {/block:NextPage} </center> </div> <div id="sidebar"> <h1>About Me</h1> <center> {Description} </center> <h1>Search</h1> <form action="/search" method="get"> <input type="text" name="q" value="{SearchQuery}"/> <input type="submit" value="OK"/> </form> <h1>Navigation</h1> <a href= "http://www.{Name}.tumblr.com/" class="navi">Home</a>
<a href= "http://www.{Name}.tumblr.com/archive" class="navi">Archive</a> <a href= "http://www.{Name}.tumblr.com/ask" class="navi">Ask Me</a> <a href= "{RSS}" class="navi">Subscribe?</a> <p><center> {block:Following} {block:Followed} <a href="{FollowedURL}"><img src="{FollowedPortraitURL-16}"/></a > {/block:Followed} {/block:Following} </p></center> <h1>Stuff I Like</h1> <div> {block:Likes} <div id="likes_container"> {Likes limit="10" summarize="100" width="200"} </div> {/block:Likes} </div> </div> <div id="footer"> </div> </div> </body> </html>

Dorky Glasses Tumblr Layout Code.

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Dorky Glasses Tumblr Layout Code.

Uploaded by

Copyright:

Available Formats

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.

#col3 { float: left; width: 160px; }

You might also like