Free Tumblr Themes, Widgets, Guides, Music Players, Cursors, Backgrounds, Hit Counters, Tutorials, How-To’s, Templates, Gifs, Q&A, and Much More.Tumblr (3.0; @customizemytumbl)http://customizemytumblr.com/<img src="http://25.media.tumblr.com/tumblr_mcznemoWcZ1rx4boco1_500.png"/><br/><br/><h1><a href="http://customizemytumblr.com/post/35020021197/how-to-change-your-tumblr-url-username-want-to">How to Change Your Tumblr URL/UserName</a></h1> <p> Want to change your <strong>tumblr url</strong>? Don’t like your <strong>tumblr username</strong>? or have you simply outgrown your old tumblr url and want to <strong>change it</strong>? This tutorial will show you how to do <strong>just that</strong>. </p> <!-- more --> <h3>First Step</h3> <p> Log in to your <a href="http://tumblr.com">Tumblr</a> account and select your blog from the sidebar to the right. <br/><br/><img alt="Step 1 on How to Change Your Tumblr URL or Name" src="https://dl.dropbox.com/u/52386376/customizemytumblr/customize%20blog/step1.jpg"/><br/><br/><img alt="Step 1 on How to Change Your Tumblr URL or Name" src="https://dl.dropbox.com/u/52386376/customizemytumblr/customize%20blog/step2.jpg"/></p> <h3>Step 2</h3> <p> Once your in your blogs dashboard, click on the <strong>“Settings”</strong> Gear from the top navigation. <br/><br/><img alt="Step 2 on How to Change Your Tumblr URL or Name" src="https://dl.dropbox.com/u/52386376/customizemytumblr/customize%20blog/step3.jpg"/></p> <h3>Step 3</h3> <p> Select your <strong>tumblr blog</strong> once more from the sidebar to the left. <br/><br/><img alt="Step 3 on How to Change Your Tumblr URL or Name" src="https://dl.dropbox.com/u/52386376/customizemytumblr/customize%20blog/step4.jpg"/></p> <h3>Step 4</h3> <p> The second option on this page will be your <strong>tumblr blog URL</strong>. In the textbox followed by <strong> .tumblr.com </strong> type in whatever name you desire for your <strong>new tumblr url</strong>. <br/><br/><img alt="Step 4 on How to Change Your Tumblr URL or Name" src="https://dl.dropbox.com/u/52386376/customizemytumblr/changeurl/step4.jpg"/></p> <h3>Final Step: Step 5</h3> <p> Lastly click on the blue <strong>Save</strong> button and your <strong>new tumblr url </strong> should be up and running. <br/><br/><img alt="Step 5 on How to Change Your Tumblr URL or Name " src="https://dl.dropbox.com/u/52386376/customizemytumblr/changeurl/step5.jpg"/><br/><br/> If you have chosen a <strong>tumblr url</strong> that is already in use you will get a red message stating <strong>“Another person has claimed this username”</strong>. You will have to try another name for your url that is not in use. You can test this out by typing <strong>the-url-you-want-to-use</strong>.tumblr.com into your browser and seeing if it’s taken or not. <br/><br/><img alt="Step 5 on How to Change Your Tumblr URL or Name " src="https://dl.dropbox.com/u/52386376/customizemytumblr/changeurl/step6.jpg"/><br/><br/> Your tumblr username and url should change with no issues if you follow the steps above. I would recommend you to create a secondary blog with your original username and use the <a href="http://customizemytumblr.com/post/24685024981/tumblr-moved-theme-by-customize-my-tumblr">Tumblr Moved Theme</a> to redirect anyone who visits your old url to your new tumblr url. <br/><br/><strong>Happy Tumblrin’!</strong> </p> <p><a href="http://customizemytumblr.com/tagged/Themes"><img alt="Tumblr Themes" height="79" src="http://static.tumblr.com/tkzrdeo/3mFm4rps8/click-for-tumblr-themes.jpg" width="837"/></a></p>http://customizemytumblr.com/post/35020021197http://customizemytumblr.com/post/35020021197Sun, 04 Nov 2012 19:15:00 -0500howtotumblr customizationhow to change tumblr urlchange urltumblrtumblr helpcustomize my tumblrcustomize tumblrnew tumblr usernamechange username<img src="http://25.media.tumblr.com/tumblr_mczlkdOdYy1rx4boco1_500.png"/><br/><br/><h1><a href="http://customizemytumblr.com/post/35016969835/lightgrid-by-dannygarcia-options-title">LightGrid by <i>dannygarcia</i></a></h1> <p> <b>Options:</b> Title, Description, Light/Dark/Alt Colors<br/><br/><b>Features:</b> Header Image, Show Notes Option, Disqus Comments<br/><!-- more --><br/><b>Demo: </b> <a href="http://safe.tumblr.com/theme/preview/118" target="_blank"><a href="http://safe.tumblr.com/theme/preview/118">http://safe.tumblr.com/theme/preview/118</a></a> <br/><br/><b>Theme Html Code: </b><br/></p> <pre name="box-content" id="box-content"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description} <!-- DEFAULT COLORS --> <meta name="color:Light" content="#fff000" /> <meta name="color:Dark" content="#19C2FF" /> <meta name="color:Alt" content="#e60000" /> <!-- END DEFAULT COLORS --> <meta name="if:Show notes" content="1" /> <meta name="text:Disqus Shortname" content="" /> <meta name="image:Header" content=""/> <title>{Title}{block:PostSummary} | {PostSummary}{/block:PostSummary}</title> <!-- Just for Tumblr --> <link rel="shortcut icon" href="{Favicon}"> <link rel="alternate" type="application/rss+xml" href="{RSS}"> <!-- YUI Reset CSS (<a href="http://developer.yahoo.com/yui/reset/">http://developer.yahoo.com/yui/reset/</a>) --> <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/sajzoro/tmrmHt/SQ/reset-min.css"> <!-- Blueprint Framework CSS (<a href="http://www.blueprintcss.org/">http://www.blueprintcss.org/</a>) --> <link rel="stylesheet" href="http://static.tumblr.com/2hc8tqc/vMCC/BwSQ/screen.css" type="text/css" media="screen, projection"> <link rel="stylesheet" href="http://static.tumblr.com/2hc8tqc/8uVHfBwSQ/print.css" type="text/css" media="print"> <!--[if IE]><link rel="stylesheet" href="http://static.tumblr.com/2hc8tqc/3a2K/BwSQ/ie.css" type="text/css" media="screen, projection"><![endif]--> <!-- Fancy-type Plugin --> <link rel="stylesheet" href="http://static.tumblr.com/2hc8tqc/ln0OfBwSQ/screen.css" type="text/css" media="screen, projection"> <link rel="stylesheet" href="http://static.tumblr.com/2hc8tqc/dijTfBwSQ/gs_style.css" type="text/css" media="all"> <style type="text/css"> html, body { background: #f2f2f2 url(<a href="http://static.tumblr.com/2hc8tqc/gckxOpwSQ/bg.gif">http://static.tumblr.com/2hc8tqc/gckxOpwSQ/bg.gif</a>) repeat fixed; } #header li a.active { background-color: {color:Light}; } #header li a:hover { background-color: {color:Light}; } #header li a.active { background-image: url(<a href="http://static.tumblr.com/2hc8tqc/s3V4epwSQ/bg_stripe.png">http://static.tumblr.com/2hc8tqc/s3V4epwSQ/bg_stripe.png</a>) repeat; color: #000; } #header li a.active:hover { background-color: {color:Light}; color: {color:Dark}; } #header a.name, #header a.name.active:hover { color: {color:Alt}; } #header a.name span, #header a.name.active:hover span { color: {color:Dark}; } #content h1#title span, #content h1.title span { background-color: {color:Light}; background-image: url(<a href="http://static.tumblr.com/2hc8tqc/s3V4epwSQ/bg_stripe.png">http://static.tumblr.com/2hc8tqc/s3V4epwSQ/bg_stripe.png</a>) repeat; } #content h1.quote { background: transparent url(<a href="http://static.tumblr.com/2hc8tqc/s3V4epwSQ/bg_stripe.png">http://static.tumblr.com/2hc8tqc/s3V4epwSQ/bg_stripe.png</a>) repeat; } #content h1.quote span { background: transparent url(<a href="http://static.tumblr.com/2hc8tqc/jqqBetwSQ/quote.png">http://static.tumblr.com/2hc8tqc/jqqBetwSQ/quote.png</a>); } * a, a, a:link { color: {color:Dark}; } * a:hover, a:hover, * a:visited:hover, a:visited:hover { background-color: {color:Light}; color: #000; background-image: url(<a href="http://static.tumblr.com/2hc8tqc/s3V4epwSQ/bg_stripe.png">http://static.tumblr.com/2hc8tqc/s3V4epwSQ/bg_stripe.png</a>) repeat; } * a:visited, a:visited { color: {color:Dark}; } .blue_striped { background-color: {color:Dark}; background-image: url(<a href="http://static.tumblr.com/2hc8tqc/s3V4epwSQ/bg_stripe.png">http://static.tumblr.com/2hc8tqc/s3V4epwSQ/bg_stripe.png</a>) repeat; } #nav a:hover img { background-color: {color:Light}; background-image: url(<a href="http://static.tumblr.com/2hc8tqc/s3V4epwSQ/bg_stripe.png">http://static.tumblr.com/2hc8tqc/s3V4epwSQ/bg_stripe.png</a>) repeat; } #nav img:hover { background-color: {color:Light}; background-image: url(<a href="http://static.tumblr.com/2hc8tqc/s3V4epwSQ/bg_stripe.png">http://static.tumblr.com/2hc8tqc/s3V4epwSQ/bg_stripe.png</a>) repeat; } #tags a { color: {color:Dark}; } #tags a:hover { color: #000; background-image: url(<a href="http://static.tumblr.com/2hc8tqc/s3V4epwSQ/bg_stripe.png">http://static.tumblr.com/2hc8tqc/s3V4epwSQ/bg_stripe.png</a>) repeat; background-color: {color:Light}; } ol.notes { margin: 0 0 0 200px; padding: 40px 0; } #footer p { background-image: url(<a href="http://static.tumblr.com/2hc8tqc/s3V4epwSQ/bg_stripe.png">http://static.tumblr.com/2hc8tqc/s3V4epwSQ/bg_stripe.png</a>) repeat; background-color: {color:Light}; } .regular_post_body img { max-width: 100%; } strong { font-weight: bold; } em { font-style: italic; } h3 { color: #19C2FF; font-size: 2.5em; margin-bottom: 10px; font-family: "GothamHTF-Light", "HelveticaNeue-Light", Helvetica, Arial, sans-serif; font-weight: lighter; } .module { padding-left: 10px; margin-left: 10px; border-left: 1px solid #DDD; margin-bottom: 75px; } #content .maincontent .meta h2 { margin-bottom: 0px; font-size: 3em; line-height: 36px; font-family: "GothamHTF-Light", "HelveticaNeue-Light", Helvetica, Arial, sans-serif; font-weight: lighter; } #disqus_thread { width: 470px; border-top: 1px solid #ddd; margin: 0 0 0 200px; padding: 40px 0; clear: both; } {CustomCSS} </style> </head> <body> <div class="container"> <div id="headerwrap"> <div class="span-18" id="header"> <div class="span-18 last"><ul> <li><a href="/" class="name active">{Title}</a></li> {block:HasPages} {block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages} {block:HasPages} <li><a href="/random/">{lang:Random post}</a></li> <li><a href="/mobile/">{lang:Mobile}</a></li> <li><a href="/archive/">{lang:Archive}</a></li> </ul></div> </div></div> {block:IfHeaderImage}<img src="{image:Header}"/>{/block:IfHeaderImage} <div class="span-24"><div class="span-5 blue_striped">&nbsp;</div><div class="span-18 last"><p>{Description}</p></div></div> <hr/> {block:TagPage} <div class="span-19 prepend-5"><h1>{lang:Posts tagged Tag}</h1></div> <hr/> {/block:TagPage} <div class="span-18" id="content"> {block:Posts} {block:Text} <div class="span-12 prepend-5 maincontent"> <div class="span-5 pull-5 border left meta"> <h2>{lang:Text}</h2> {block:Date}<p>{ShortMonth} {DayOfMonth}, {Year}<br /> @ {12Hour}:{Minutes} {AmPm}<br />{/block:Date} <a href="{Permalink}">{lang:Permalink}</a>{block:RebloggedFrom}<a href="{ReblogRootURL}" title="{ReblogRootTitle}">&#9996;</a>{/block:RebloggedFrom}{block:Date}{block:IfDisqusShortname}<br /><a href="{Permalink}#disqus_thread"></a>{/block:IfDisqusShortname}{/block:Date}{block:IfShowNotes}{block:NoteCount}<br />{NoteCountWithLabel}{/block:NoteCount}{/block:IfShowNotes}</p> </div> {block:Title}<h1 class="title"><span>{Title}</span></h1>{/block:Title} <div class="regular_post_body">{Body}</div> </div> {/block:Text} {block:Photo} <div class="span-12 prepend-5 maincontent"> <div class="span-5 pull-5 border left meta"> <h2>{lang:Photo}</h2> {block:Date}<p>{ShortMonth} {DayOfMonth}, {Year}<br /> @ {12Hour}:{Minutes} {AmPm}<br />{/block:Date} <a href="{Permalink}">{lang:Permalink}</a>{block:RebloggedFrom}<a href="{ReblogRootURL}" title="{ReblogRootTitle}">&#9996;</a>{/block:RebloggedFrom}{block:Date}{block:IfDisqusShortname}<br /><a href="{Permalink}#disqus_thread"></a>{/block:IfDisqusShortname}{/block:Date}{block:IfShowNotes}{block:NoteCount}<br />{NoteCountWithLabel}{/block:NoteCount}{/block:IfShowNotes}</p> </div> <a href="{LinkURL}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a> {block:Caption}<div>{Caption}</div>{/block:Caption} </div> {/block:Photo} {block:Quote} <div class="span-12 prepend-5 maincontent"> <div class="span-5 pull-5 border left meta"> <h2>{lang:Quote}</h2> {block:Date}<p>{ShortMonth} {DayOfMonth}, {Year}<br /> @ {12Hour}:{Minutes} {AmPm}<br />{/block:Date} <a href="{Permalink}">{lang:Permalink}</a>{block:RebloggedFrom}<a href="{ReblogRootURL}" title="{ReblogRootTitle}">&#9996;</a>{/block:RebloggedFrom}{block:Date}{block:IfDisqusShortname}<br /><a href="{Permalink}#disqus_thread"></a>{/block:IfDisqusShortname}{/block:Date}{block:IfShowNotes}{block:NoteCount}<br />{NoteCountWithLabel}{/block:NoteCount}{/block:IfShowNotes}</p> </div> <h1 class="quote"><span></span>{Quote}<div class="q">&#8221;</div></h1> {block:Source}<p>&mdash; {Source}</p>{/block:Source} </div> {/block:Quote} {block:Link} <div class="span-12 prepend-5 maincontent"> <div class="span-5 pull-5 border left meta"> <h2>{lang:Link}</h2> {block:Date}<p>{ShortMonth} {DayOfMonth}, {Year}<br /> @ {12Hour}:{Minutes} {AmPm}<br />{/block:Date} <a href="{Permalink}">{lang:Permalink}</a>{block:RebloggedFrom}<a href="{ReblogRootURL}" title="{ReblogRootTitle}">&#9996;</a>{/block:RebloggedFrom}{block:Date}{block:IfDisqusShortname}<br /><a href="{Permalink}#disqus_thread"></a>{/block:IfDisqusShortname}{/block:Date}{block:IfShowNotes}{block:NoteCount}<br />{NoteCountWithLabel}{/block:NoteCount}{/block:IfShowNotes}</p> </div> <h1 class="title"><span class="link"><a href="{URL}">{Name} &raquo;</a></span></h1> {block:Description}{Description}{/block:Description} </div> {/block:Link} {block:Chat} <div class="span-12 prepend-5 maincontent"> <div class="span-5 pull-5 border left meta"> <h2>{lang:Chat}</h2> {block:Date}<p>{ShortMonth} {DayOfMonth}, {Year}<br /> @ {12Hour}:{Minutes} {AmPm}<br />{/block:Date} <a href="{Permalink}">{lang:Permalink}</a>{block:RebloggedFrom}<a href="{ReblogRootURL}" title="{ReblogRootTitle}">&#9996;</a>{/block:RebloggedFrom}{block:Date}{block:IfDisqusShortname}<br /><a href="{Permalink}#disqus_thread"></a>{/block:IfDisqusShortname}{/block:Date}{block:IfShowNotes}{block:NoteCount}<br />{NoteCountWithLabel}{/block:NoteCount}{/block:IfShowNotes}</p> </div> {block:Title}<h1 class="title"><span class="link">{Title}</span></h1>{/block:Title} {block:Lines} <p class="chat {Alt}">{block:Label}<span>{Label} </span>{/block:Label}{Line}</p> {/block:Lines} </div> {/block:Chat} {block:Audio} <div class="span-12 prepend-5 maincontent"> <div class="span-5 pull-5 border left meta"> <h2>{lang:Audio}</h2> {block:Date}<p>{ShortMonth} {DayOfMonth}, {Year}<br /> @ {12Hour}:{Minutes} {AmPm}<br />{/block:Date} <a href="{Permalink}">{lang:Permalink}</a>{block:Date}{block:IfDisqusShortname}<br /><a href="{Permalink}#disqus_thread"></a>{block:IfDisqusShortname}{/block:Date}<br />{lang:Played PlayCount times}.{block:ExternalAudio} <a href="{ExternalAudioURL}">DL</a>{/block:ExternalAudio}{block:IfShowNotes}{block:NoteCount}<br />{NoteCountWithLabel}{/block:NoteCount}{/block:IfShowNotes}</p> </div> {AudioPlayerWhite} {block:Caption}<p>{Caption}</p>{/block:Caption} </div> {/block:Audio} {block:Video} <div class="span-12 prepend-5 maincontent"> <div class="span-5 pull-5 border left meta"> <h2>{lang:Video}</h2> {block:Date}<p>{ShortMonth} {DayOfMonth}, {Year}<br /> @ {12Hour}:{Minutes} {AmPm}<br />{/block:Date} <a href="{Permalink}">{lang:Permalink}</a>{block:RebloggedFrom}<a href="{ReblogRootURL}" title="{ReblogRootTitle}">&#9996;</a>{/block:RebloggedFrom}{block:Date}{block:IfDisqusShortname}<br /><a href="{Permalink}#disqus_thread"></a>{/block:IfDisqusShortname}{/block:Date}{block:IfShowNotes}{block:NoteCount}<br />{NoteCountWithLabel}{/block:NoteCount}{/block:IfShowNotes}</p> </div> {Video-500} {block:Caption}<p>{Caption}</p>{/block:Caption} </div> {/block:Video} {block:HasTags} <div class="span-24" id="nav"> <div class="span-10 prepend-5"><p id="tags">{Tags}: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</p></div> </div> {/block:HasTags} {block:Permalink} {block:IfDisqusShortname} <div id="disqus_thread"></div> <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script> <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript> {/block:IfDisqusShortname} {block:IfShowNotes} {PostNotes} {/block:IfShowNotes} {/block:Permalink} <hr/> {/block:Posts} </div> <!-- MODULE CONTENT AREA <div class="span-6 last"> <div class="module"> <h3>ABOUT</h3> <p>Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere. Vestibulum.</p> </div> <div class="module"> <h3>BUY TIX</h3> <p>Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere. Vestibulum.</p> </div> <div class="module"> <h3>BLOGLOVIN'</h3> <p>Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere. Vestibulum.</p> </div> </div> --> {block:Pagination} <div> <div class="span-24"><div class="span-3 border prepend-2">&nbsp;{block:PreviousPage}<a href="{PreviousPage}"><img src="http://static.tumblr.com/2hc8tqc/Fmh9+pwSQ/b.png"></a>{/block:PreviousPage}</div>{block:NextPage}<div class="span-3 last"><a href="{NextPage}"><img src="http://static.tumblr.com/2hc8tqc/pBO7OpwSQ/f.png"></a></div></div>{/block:NextPage} <p>&nbsp;</p> </div> <hr/> {/block:Pagination} <div class="span-23 prepend-1" id="footer" style="text-transform:lowercase;"> <p>&copy; {CopyrightYears} &mdash; {Title} &mdash; (except where cited) | {Powered by Tumblr 2}</p> </div> </div> {block:IfDisqusShortname} <script type="text/javascript"> //<![CDATA[ (function() { var links = document.getElementsByTagName('a'); var query = '?'; for(var i = 0; i < links.length; i++) { if(links[i].href.indexOf('#disqus_thread') >= 0) { query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&'; } } document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>'); })(); //]]> </script> {/block:IfDisqusShortname} </body> </html> </pre> <p> <a href="http://customizemytumblr.com/post/23981735683/how-to-install-a-tumblr-theme-this-how-to-will" alt="How to Install a Tumblr Theme"><img src="http://static.tumblr.com/tkzrdeo/X5um4rkmk/how-to-install-a-tumblr-theme.jpg"/></a> </p>http://customizemytumblr.com/post/35016969835http://customizemytumblr.com/post/35016969835Sun, 04 Nov 2012 18:36:00 -0500themesfree themesfree tumblr themestumblr themesnew themesLightGriddannygarciacustomize my tumblrcustomize tumblrcustom themecustom tumblr themeThemesTheme<img src="http://25.media.tumblr.com/tumblr_mcy3qjHpDX1rx4boco1_500.jpg"/><br/><br/><h1><a href="http://customizemytumblr.com/post/34954861806/cs5-app-by-headbreeze-options-title">CS5 App by <i>headbreeze</i></a></h1> <p> <b>Options:</b> Title , Description, Install Theme Toggle, Show Tags<br/><br/><b>Features:</b>Creative Photoshop Theme, Show People I Follow, Show Album Art on Audio Posts, Disqus Comments, Search Option<br/><!-- more --><br/><b>Demo: </b> <a href="http://safe.tumblr.com/theme/preview/10174" target="_blank"><a href="http://safe.tumblr.com/theme/preview/10174">http://safe.tumblr.com/theme/preview/10174</a></a> <br/><br/><b>Theme Html Code: </b><br/></p> <pre name="box-content" id="box-content"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <!-- DEFAULT VARIABLES --> <meta name="if:Show Install Theme" content="1" /> <meta name="if:Show People I Follow" content="1" /> <meta name="if:Show Tags" content="1" /> <meta name="if:Show Album Art on Audio Posts" content="1" /> <meta name="text:Disqus Shortname" content="" /> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description} <link rel="shortcut icon" href="{Favicon}" /> <link rel="alternate" type="application/rss+xml" href="{RSS}" /> <!--STYLES//--> <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/mt5gcvj/DUKl3bwdr/cs5app.css"/> <!--[if lt IE 8]> <style type="text/css"> * html { overflow-y: hidden; } * html body { height: 100%; width:100%; overflow: auto; margin: 0; padding: 0; } #search { top:2px; } #wrapper #sidebar #bottom { background: transparent; } #wrapper #sidebar #top #avatar { background: none; } #wrapper #sidebar #top .heading#followontumblr { background-image: none; text-indent: 0; } #wrapper #sidebar #top .heading#twitter { background-image: none; } #wrapper #sidebar #top .heading#following { background-image: none; } #wrapper #content .post .audio .player { float: none; } #wrapper #content .post .audio .meta { display: none; float: none; } </style> <![endif]--> <style type="text/css"> #wrapper #sidebar #top #pages.ask_and_submit { display: none; {block:AskEnabled}display: block;{/block:AskEnabled} {block:SubmissionsEnabled}display: block;{/block:SubmissionsEnabled} } {CustomCSS}</style> </head> <body> <div id="title"> <a href="/"> {Title} </a> <div id="search"> <form action="/search" method="get" id="search-form"> <input type="hidden" name="t" value="{Name}" /> <input type="hidden" name="scope" value="all_of_tumblr" /> <input type="text" name="q" class="query" value="{SearchQuery}" /> <input type="submit" value="Search" class="submit" /> <div class="clear"></div> </form> </div> <div id="search-scope"> <input type="radio" id="search-scope-me" name="scope" checked onclick="document.getElementById('search-form').action='/search'" /> <label for="search-scope-me" onclick="document.getElementById('search-form').action='/search'">My Blog</label> <input type="radio" id="search-scope-all" name="scope" onclick="document.getElementById('search-form').action='http://tumblr.com/search'" /> <label for="search-scope-all" onclick="document.getElementById('search-form').action='http://tumblr.com/search'">All of Tumblr</label> </div> </div> <div id="buttons"> <div id="btn_head">&nbsp;</div> <ul> <li id="button-random"><a href="/random" title="Random">Random</a></li> <li id="button-follow"><a href="http://www.tumblr.com/follow/{Name}" title="Follow on Tumblr">Follow on Tumblr</a></li> <li id="button-rss"><a href="{RSS}" title="RSS Feed">RSS Feed</a></li> <li id="button-archive"><a href="/archive" title="Archive">Archive</a></li> <li id="button-mobile"><a href="/mobile" title="Mobile">Mobile</a></li> </ul> <div id="btn_foot">&nbsp;</div> </div> <!--[if lt IE 8]> <div></div> <![endif]--> <div id="wrapper"> <div id="content"> {block:SearchPage} <div id="searchresults" class="searchresultcount">{SearchResultCount} results for <strong>"{SearchQuery}"</strong></div> {/block:SearchPage} {block:NoSearchResults} <style type="text/css"> .searchresultcount { display: none; } </style> <div id="searchresults">No results for <strong>"{SearchQuery}"</strong></div> {/block:NoSearchResults} {block:Posts} <div class="post"> {block:Photo} <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</div> {block:Caption}<div class="copy">{Caption}</div>{/block:Caption} {/block:Photo} {block:Video} <div class="media">{Video-500}</div> {block:Caption}<div class="copy">{Caption}</div>{/block:Caption} {/block:Video} {block:Audio} {block:IfShowAlbumArtOnAudioPosts} {block:AlbumArt} <div class="album_art"> <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom: 10px" /> </div> {/block:AlbumArt} {/block:IfShowAlbumArtOnAudioPosts} <div class="audio"> <div class="player">{AudioPlayerWhite}</div> <div class="meta">{PlayCountWithLabel}{block:ExternalAudio}<span class="download_external_audio"> &bull; <a href="{ExternalAudioURL}">download</a></span>{/block:ExternalAudio}</div> <div class="clear"></div> </div> <div class="clear"></div> {block:Caption}<div class="copy">{Caption}</div>{/block:Caption} {/block:Audio} {block:Quote} <div class="quote {Length}">{Quote}</div> <div class="copy"> <div class="quotebg">“</div> {block:Source} <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td valign="top" style="width: 20px">&mdash;</td> <td valign="top" class="quote_source"> {Source} </td> </tr> </table> {/block:Source} </div> {/block:Quote} {block:Text} {block:Title}<div class="title">{Title}</div>{/block:Title} <div class="copy">{Body}</div> {/block:Text} {block:Answer} <div class="question"> <div class="nipple"></div> {Question} </div> <div class="asker_container"><img src="{AskerPortraitURL-24}">{Asker}</div> <div class="copy">{Answer}</div> {block:Answer} {block:Chat} {block:Title}<div class="title">{Title}</div>{/block:Title} <div class="chat"> <div class="lines"> {block:Lines} <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div> {/block:Lines} </div> </div> <div class="clear"></div> <div style="height: 10px"></div> {/block:Chat} {block:Link} <div class="link"><a href="{URL}" {Target}>{Name} &raquo;</a></div> {block:Description}<div class="copy">{Description}</div>{/block:Description} {/block:Link} <div class="footer"> <div class="fake100">100%</div> {block:Date} <a href="{Permalink}"> <div class="date"> {block:Reblog}Reblogged{/block:Reblog} {block:NotReblog}Posted{/block:NotReblog} {TimeAgo} {block:Reblog}from {ReblogParentName} {block:RebloggedFromReblog}(originally from {ReblogRootName}){/block:RebloggedFromReblog}{/block:Reblog} {block:FromBookmarklet}from bookmarklet{/block:FromBookmarklet} {block:FromMobile}from mobile{/block:FromMobile} </div> <div class="notes">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} {block:IfDisqusShortname}{block:NoteCount}&bull;{/block:NoteCount} <a href="{Permalink}#disqus_thread">view comments</a>{/block:IfDisqusShortname}</div> </a> {/block:Date} {block:IfShowTags} {block:HasTags}<div class="tags">Tagged: {block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}.</div>{/block:HasTags} {/block:IfShowTags} {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes} {block:IfDisqusShortname} {block:Permalink} <div class="notecontainer" style="margin: 20px 0 1px 0; padding: 1px 10px 10px 10px;"> <div id="disqus_thread"></div> <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script> <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">View the discussion thread.</a></noscript> </div> <div style="text-align: right; margin-top: 5px"> <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a> </div> {/block:Permalink} {/block:IfDisqusShortname} <div class="window_corner"></div> </div> </div> <div class="bottom"></div> {/block:Posts} {block:Pagination} <div id="navigation"> {block:PreviousPage}<a href="{PreviousPage}">&larr; previous page</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">next page &rarr;</a>{/block:NextPage} </div> {/block:Pagination} </div> <div id="sidebar"> <div id="top"> <div id="avatar"> <div class="panel_header"><h2>Info</h2></div> <a href="/"><img src="{PortraitURL-64}" /></a> <div id="description">{Description}</div> <div class="footer">&nbsp;</div></div> <div id="pages" class="ask_and_submit"> <div class="panel_header"><h2>Interact</h2></div> <ul> {block:AskEnabled}<li><a href="/ask" class="page">{AskLabel}</a></li>{/block:AskEnabled} {block:SubmissionsEnabled}<li><a href="/submit" class="page">{SubmitLabel}</a></li>{/block:SubmissionsEnabled} </ul> <div class="footer">&nbsp;</div> </div> {block:HasPages} <div id="pages"> <div class="panel_header"><h2>Pages</h2></div> <ul> {block:Pages}<li><a href="{URL}" class="page">{Label}</a></li>{/block:Pages} </ul> <div class="footer">&nbsp;</div> </div> {/block:HasPages} {block:Twitter} <div id="twitterwrapper" style="display:none"> <div class="panel_header"><h2 id="twitter"><a href="http://twitter.com/{TwitterUsername}" style="text-decoration: none">Latest Tweets</a></h2></div> <div id="tweetcontainer"></div> <div class="footer">&nbsp;</div> <script type="text/javascript"> function recent_tweets(data) { document.getElementById("twitterwrapper").style.display = "block"; for(i = 0; i < data.length; i++) { document.getElementById("tweetcontainer").innerHTML = document.getElementById("tweetcontainer").innerHTML + '<a href="http://twitter.com/{TwitterUsername}/status/' + data[i].id + '"><div class="tweet">' + data[i].text + '</div></a>'; } } </script> </div> {/block:Twitter} {block:IfShowPeopleIFollow} {block:Following} <div class="content" id="following-avatars"> <div class="panel_header"><h2 id="following">Blogs I follow:</h2></div> <ul> {block:Followed} <li><a href="{FollowedURL}"><img src="{FollowedPortraitURL-40}" /> {FollowedName}</a></li> {/block:Followed} </ul> <div class="footer">&nbsp;</div> </div> {/block:Following} {/block:IfShowPeopleIFollow} </div> <div id="bottom"></div> <div id="copyright">&copy; {CopyrightYears} <a href="http://www.tumblr.com">Powered by Tumblr</a> - Theme by <a href="http://www.attilaacs.com">Attila Acs</a></div> </div> <div class="clear"></div> </div> {block:Twitter} <script type="text/javascript" src="/tweets.js"></script> {/block:Twitter} {block:IfDisqusShortname} <script type="text/javascript"> //<![CDATA[ (function() { var links = document.getElementsByTagName('a'); var query = '?'; for(var i = 0; i < links.length; i++) { if(links[i].href.indexOf('#disqus_thread') >= 0) { query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&'; } } document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>'); })(); //]]> </script> {/block:IfDisqusShortname} </body> </html> </pre> <p> <a href="http://customizemytumblr.com/post/23981735683/how-to-install-a-tumblr-theme-this-how-to-will" alt="How to Install a Tumblr Theme"><img src="http://static.tumblr.com/tkzrdeo/X5um4rkmk/how-to-install-a-tumblr-theme.jpg"/></a> </p> <i></i>http://customizemytumblr.com/post/34954861806http://customizemytumblr.com/post/34954861806Sun, 04 Nov 2012 00:13:00 -0400themescustomize tumblrcustomize my tumblrtumblr themetumblr themesfree tumblr themefree tumblr themesfree themefree themesphotoshop themeCS5 Appheadbreezeyou would have to write a javascript redirect script to : http://yoururl.tumblr.com/random...http://customizemytumblr.com/post/33763139009http://customizemytumblr.com/post/33763139009Wed, 17 Oct 2012 03:30:00 -0400Anonymous<img src="http://25.media.tumblr.com/tumblr_mavispECoN1rx4boco1_500.jpg"/><br/><br/><h1><a href="http://customizemytumblr.com/post/32218610491/maccy-by-ea-themes-options-title-description">Maccy by <i>EA Themes</i></a></h1> <p> <b>Options:</b> Title , Description, Background Color / Image, Links Color, display archive icon, display ask icon, display description, display home icon, display pages icon, display photo captions, display submit icon <br/><br/><b>Features:</b> One column, Infinite scrolling or pagination, Working tabs with cool features, Retro design, Custom fonts,Custom pages<br/><!-- more --><br/><b>Demo: </b> <a href="http://maccytheme.tumblr.com/" target="_blank"><a href="http://maccytheme.tumblr.com/">http://maccytheme.tumblr.com/</a></a> <br/><br/><b>Theme Html Code: </b><br/></p> <pre name="box-content" id="box-content"> <html> <head> <!-- Maccy from themes.edada.ms --> <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title> {block:Description}<meta name="description" value="{MetaDescription}" />{/block:Description} <link rel="shortcut icon" href="{Favicon}" /> <link rel="alternate" type="application/rss+xml" href="{RSS}" /> <meta http-equiv="Content-Type" value="text/html; charset=utf-8" /> <meta name="color:Background" content="#888DC0" /> <meta name="image:Background" content="" /> <meta name="if:Display Captions" content="1" /> <meta name="if:Display Description" content="1" /> <meta name="if:Display Home Icon" content="1" /> <meta name="if:Display Ask Icon" content="1" /> <meta name="if:Display Submit Icon" content="1" /> <meta name="if:Display Pages Icon" content="1" /> <meta name="if:Display Archive Icon" content="1" /> <style type="text/css"> iframe#tumblr_controls { top: 20px !important; } body { background: {color:Background} url('{image:Background}') repeat fixed; padding: 0; margin: 0; height: 100%; z-index: -1; font-family: 'Arial', sans-serif; font-size: 12px; } a { color: black; text-decoration: none; } a:hover { text-decoration: underline; } .menu_bar .left_corner, .menu_bar .apple_logo, .menu_bar .mac_logo, .menu_bar .right_corner, .icons .computer, .icons .info, .icons .folder, .icons .page, .icons .trash, .window .top, .window .bottom, .description .top, .description .bottom, .dock .left_corner, .dock .right_corner, .ok_button { background-image: url('http://static.tumblr.com/fpdiq1j/SbBm5x8aj/master_sprite.png'); display: block; margin: auto; } .menu_bar { background: url('http://static.tumblr.com/fpdiq1j/R8am3tmz7/menu.png') repeat; height: 20px; position: fixed; top: 0; width: 100%; display: block; z-index: 5; } .menu_bar .left_corner { background-position: -97px -12px; height: 20px; width: 8px; top: 0; left: 0; position: absolute; } .menu_bar .right_corner { background-position: -105px -12px; height: 20px; width: 8px; top: 0; right: 0; position: absolute; } .menu_bar .apple_logo { background-position: 0px -18px; height: 14px; width: 11px; margin: 2px 0 0 17px; z-index: 2; float: left; } .menu_bar #nav .menu .name { margin: 0 0 0 10px; padding: 0 5px; float: left; font-size: 12px; line-height: 20px; } .tab_click { background-color: #00008B; color: white; } .menu_bar #nav .menu .dropdown { position: fixed; background-color: #D5D5D5; border-right: 1px solid rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgba(0, 0, 0, 0.5); border-left: 1px solid rgba(0, 0, 0, 0.5); color: black; line-height: 17px; border-radius: 0px 0px 4px 4px; top: 20px; padding: 1px 5px; z-index: 6; margin: 0; list-style-type: none; display: none; } .menu a { color: black; text-decoration: none; } ul#nav, li.menu, ul.dropdown { padding: 0; margin: 0; display: inline; list-style-type: none; } .menu_bar .clock { float: right; margin: 0 15px 0 0; line-height: 20px; } .menu_bar .mac_logo { float: right; margin: 1px 15px 0 0; background-position: -81px -16px; width: 16px; height: 16px; } .icons { position: fixed; z-index: 1; top: 68px; right: 3%; } .icons .computer { background-position: -114px 0; height: 32px; width: 32px; } .icons .info { background-position: -146px 0; height: 32px; width: 32px; } .icons .folder { background-position: -178px 0; height: 32px; width: 30px; } .icons .page { background-position: -207px 0; height: 32px; width: 32px; } .icons .trash { background-position: -53px 0; height: 32px; width: 28px; } .icons .label { background-color: white; text-align: center; padding: 0 1px; font-size: 11px; margin: 4px 0 20px 0; max-width: 75px; width: 75px; } .description { position: fixed; top: 100px; left: 3%; z-index: 4; width: 255px; } .description .top { background-position: 0 -76px; width: 255px; height: 23px; } .description .middle { background: url('http://static.tumblr.com/fpdiq1j/lN6m5x85p/about_middle.png') repeat-y; width: 235px; padding: 0 10px 1px 10px; } .description .ok_button { background-position: -255px -76px; margin: 9px auto; width: 80px; height: 26px; } .description .bottom { background-position: 0px -99px; width: 255px; height: 8px; } .applications { width: 536px; margin: auto; z-index: 3; position: relative; top: 42px; } .window .top { background-position: 0px -32px; width: 536px; height: 22px; } .window .middle { background: url('http://static.tumblr.com/fpdiq1j/nZUm40uql/window_middle_smaller.png') repeat-y; max-width: 500px; width: 536px; padding: 4px 26px 4px 10px; } .window .bottom { background-position: 0px -54px; width: 536px; height: 22px; margin-bottom: 20px; } .window .bottom a { font-size: 11px; line-height: 16px; position: relative; left: 10px; } .dock .left_corner { background-position: -11px -27px; width: 5px; height: 5px; position: fixed; bottom: 0; left: 0; z-index: 5; } .dock .right_corner { background-position: -16px -27px; width: 5px; height: 5px; position: fixed; bottom: 0; right: 0; z-index: 5; } .caption { margin: 3px 0 0 0; } .title { font-size: 1.4em; margin: 0 0 3px 0; } .body .label { font-weight: bold; } .body img, .caption img, .description img { max-width: 100%; overflow: hidden; } .iab { display: block; } {block:IfNotDisplayCaptions}.caption{ display:none; }{/block:IfNotDisplayCaptions} {block:IfNotDisplayDescription}.description{ display:none; }{/block:IfNotDisplayDescription} {block:IfNotDisplayHomeIcon}.home{ display:none; }{/block:IfNotDisplayHomeIcon} {block:IfNotDisplayAskIcon}.ask{ display:none; }{/block:IfNotDisplayAskIcon} {block:IfNotDisplaySubmitIcon}.submit{ display:none; }{/block:IfNotDisplaySubmitIcon} {block:IfNotDisplayPagesIcon}.pages{ display:none; }{/block:IfNotDisplayPagesIcon} {block:IfNotDisplayArchiveIcon}.archive{ display:none; }{/block:IfNotDisplayArchiveIcon} /* META */ .meta .posted { margin-top: 10px; padding-top: 5px; border-top: 1px dashed rgba(0,0,0,0.5); } .meta .source, .meta .reblogged_from, .meta .tags { margin-top: 3px; } .meta .source, .meta .reblogged_from { font-size: 11px; } .meta .notes { margin-top: 10px; } ol.notes{ margin: 0; padding: 0; list-style-type: none; } li.note.with_commentary { margin-bottom: 10px; } .notes span.action { vertical-align: 4px; } /* COMMON */ blockquote { margin-left: 10px; padding-left: 10px; border-left: 2px solid rgba(0,0,0,0.50); } #infscr-loading { display: none !important; opacity: 0 !important; visibility: hidden !important; text-indent: -9999px; } .middle img { max-width: 100%; } .middle a img { border: 0; } iframe.photoset { display: block; } .middle p:first-child, ul:first-child, ol:first-child, blockquote:first-child { margin-top: 0; } /*.middle p:only-child, ul:only-child, ol:only-child, blockquote:only-child { margin-top: 0; margin-bottom: 0; }*/ .middle p:last-child, ul:last-child, ol:last-child, blockquote:last-child { margin-bottom: 0; } {CustomCSS} /* CSS specific to the JS */ #file_menu { left: 38px; } #edit_menu { left: 89px; } #filters_menu { left: 139px; } #options_menu { left: 193px; } .calculator { display: none; position: absolute; bottom: 50px; left: 3%; } .calculator .display { background-color: white; height: 16px; width: 80px; text-align: right; position: absolute; top: 28px; left: 10px; font-size: 10px; } </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> <script type="text/javascript" src="http://static.tumblr.com/fpdiq1j/VgBm8gxvq/maccy.js"></script> </head> <body> <div class="desktop"> <div class="menu_bar"> <div class="left_corner"></div> <a href="/"> <span class="apple_logo"></span> </a> <ul id="nav"> <li class="menu"> <span class="name" id="file"> About </span> <ul class="dropdown" id="file_menu"> <li>Theme by</li> <li><a href="http://edada.ms">Ed Adams</a><li> <li>Art by</li> <li><a href="http://apple.com">Apple</a></li> <li>Powered by</li> <li><a href="http://tumblr.com">Tumblr</a></li> </ul> </li> <li class="menu"> <span class="name" id="edit"> Links </span> <ul class="dropdown" id="edit_menu"> <li><a href="/">Home</a></li> <li><a href="/ask">Ask</a></li> <li><a href="/submit">Submit</a></li> <li><a href="/archive">Archive</a></li> <li><a href="/rss">RSS</a></li> <li><a href="/random">Random Post</a></li> </ul> </li> <li class="menu"> <span class="name" id="filters"> Filters </span> <ul class="dropdown" id="filters_menu"> <li id="filterText">Filter Text</li> <li id="filterPhoto">Filter Photo</li> <li id="filterPhotoset">Filter Photoset</li> <li id="filterQuote">Filter Quote</li> <li id="filterLink">Filter Link</li> <li id="filterChat">Filter Chat</li> <li id="filterAudio">Filter Audio</li> <li id="filterVideo">Filter Video</li> <li id="filterAsks">Filter Asks</li> <li id="filterReset"><em>Reset</em></li> </ul> </li> <li class="menu"> <span class="name" id="options"> Options </span> <ul class="dropdown" id="options_menu"> <li id="allowDragging">Allow Dragging</li> <li id="doFullScreen">Enable Full Screen</li> <li id="launchCalculator">Launch Calculator</li> </ul> </li> </ul> <span class="mac_logo"></span> <span class="clock" id="showClock">00:00 PM</span> <div class="right_corner"></div> </div> <div class="icons"> <a href="/" class="home"> <div class="computer"></div> <div class="label">{Title}</div> </a> {block:AskEnabled} <a href="/ask" class="ask"> <div class="info"></div> <div class="label">{AskLabel}</div> </a> {/block:AskEnabled} {block:SubmissionsEnabled} <a href="/submit" class="submit"> <div class="folder"></div> <div class="label">{SubmitLabel}</div> </a> {/block:SubmissionsEnabled} {block:HasPages} {block:Pages} <a href="{URL}" class="pages"> <div class="page"></div> <div class="label">{Label}</div> </a> {/block:Pages} {/block:HasPages} <a href="/archive" class="archive"> <div class="trash"></div> <div class="label">Archive</div> </a> </div> <div class="calculator"><img src="http://static.tumblr.com/fpdiq1j/T0Am4qtp9/calculator.png" /><div class="display"></div></div> {block:Description} <div class="description"> <div class="top"></div> <div class="middle"> {Description} <div class="ok_button" id="closeDescription"></div> </div> <div class="bottom"></div> </div> {/block:Description} <div class="applications" style="width: 650px;"> {block:Posts} <div class="window type_{PostType}{block:Photoset}set{/block:Photoset}" id="{PostID}" style="float: right;"> <div class="top"></div> <div class="middle"> {block:Text} {block:Title} <div class="title"> {Title} </div> {/block:Title} <div class="body"> {Body} </div> {/block:Text} {block:Photo} <img class="iab" src="{PhotoURL-500}" alt="{PhotoAlt}" /> {block:Caption} <div class="caption"> {Caption} </div> {/block:Caption} {/block:Photo} {block:Photoset} {Photoset-500} {block:Caption} <div class="caption"> {Caption} </div> {/block:Caption} {/block:Photoset} {block:Quote} <div class="title"> "{Quote}" </div> {block:Source} <div class="body"> &mdash; {Source} </div> {/block:Source} {/block:Quote} {block:Link} <a href="{URL}" class="title" {Target}>{Name} »</a> {block:Description} <div class="body"> {Description} </div> {/block:Description} {/block:Link} {block:Chat} {block:Title} <div class="title">{Title} {/block:Title} {block:Lines} <div class="body"> {block:Label} <span class="label">{Label}</span> {/block:Label} {Line} </div> {/block:Lines} {/block:Chat} {block:Video} {Video-500} {block:Caption} <div class="caption"> {Caption} </div> {/block:Caption} {/block:Video} {block:Audio} {AudioPlayerBlack} {block:Caption} <div class="body"> {Caption} </div> {/block:Caption} {/block:Audio} {block:PermalinkPage}{block:Date} <div class="meta" style="display: block;"> <div class="posted"> Posted: {DayOfWeek} {DayOfMonth}{DayOfMonthSuffix} {Month} at {12Hour}:{Minutes}{AmPm} </div> {block:HasTags} <div class="tags"> Tagged: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags} </div> {/block:HasTags} {block:ContentSource} <div class="source"> Source: <a href="{SourceURL}">{SourceTitle}</a> </div> {block:RebloggedFrom} <div class="reblogged_from"> Reblogged From: <a href="{ReblogParentURL}">{ReblogParentName}</a> </div> {/block:RebloggedFrom} {/block:ContentSource} {block:PostNotes} <div class="notes"> {PostNotes} </div> {/block:PostNotes} </div> {/block:Date}{/block:PermalinkPage} </div> <div class="bottom" style="float: none; clear: both;"> {block:Date} <a href="{Permalink}"> Posted on {DayOfMonth}{DayOfMonthSuffix} {ShortMonth} at {12Hour}:{Minutes} {CapitalAmPm}{block:NoteCount}, with {NoteCountWithLabel}{/block:NoteCount} </a> {/block:Date} </div> </div> {/block:Posts} </div> {block:Pagination} <div class="navigation"> {block:NextPage} <a class="next" href="{NextPage}">&larr; Back</a> {/block:NextPage} {block:PreviousPage} <a class="prev" href="{PreviousPage}">Forward &rarr;</a> {/block:PreviousPage} </div> {/block:Pagination} <div class="dock"> <div class="left_corner"></div> <div class="right_corner"></div> </div> </div> </body> </html> </pre> <p> <a href="http://customizemytumblr.com/post/23981735683/how-to-install-a-tumblr-theme-this-how-to-will" alt="How to Install a Tumblr Theme"><img src="http://static.tumblr.com/tkzrdeo/X5um4rkmk/how-to-install-a-tumblr-theme.jpg"/></a> </p>http://customizemytumblr.com/post/32218610491http://customizemytumblr.com/post/32218610491Mon, 24 Sep 2012 17:38:00 -0400ThemesTumblr ThemesCustomize TumblrFree tumblr themesTheme<img src="http://25.media.tumblr.com/tumblr_mavi6bjisU1rx4boco1_500.jpg"/><br/><br/><h1><a href="http://customizemytumblr.com/post/32217697901/win98-by-ea-themes-options-title">Win98 by <i>EA Themes</i></a></h1> <p> <b>Options:</b> Title , Description, Background Color / Image, Links Color, display archive icon, display ask icon, display description, display home icon, display pages icon, display photo captions, display submit icon <br/><br/><b>Features:</b> Windows 98 Theme, Awesome Start Button, Custom Desktop Buttons<br/><!-- more --><br/><b>Demo: </b> <a href="http://win98theme.tumblr.com/" target="_blank"><a href="http://win98theme.tumblr.com/">http://win98theme.tumblr.com/</a></a> <br/><br/><b>Theme Html Code: </b><br/></p> <pre name="box-content" id="box-content"> <html> <head> <!-- Win98 from themes.edada.ms --> <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title> {block:Description}<meta name="description" value="{MetaDescription}" />{/block:Description} <link rel="shortcut icon" href="{Favicon}" /> <link rel="alternate" type="application/rss+xml" href="{RSS}" /> <meta http-equiv="Content-Type" value="text/html; charset=utf-8" /> <meta name="image:Background" content="" /> <meta name="color:Background" content="#008080" /> <meta name="color:Link Color" content="#000000" /> <meta name="if:Display Photo Captions" content="1" /> <meta name="if:Display Description" content="0" /> <meta name="if:Display Home Icon" content="1" /> <meta name="if:Display Ask Icon" content="1" /> <meta name="if:Display Submit Icon" content="1" /> <meta name="if:Display Pages Icon" content="1" /> <meta name="if:Display Archive Icon" content="1" /> <style type="text/css"> body, html { margin: 0; padding: 0; } body { background: {color:Background} url('{image:Background}') repeat fixed; font-family: 'Arial', sans-serif; font-size: 12px; } a { color: {color:Link Color}; text-decoration: none; } a:hover { text-decoration: underline; } .icons { margin: 0 0 0 10px; list-style-type: none; padding: 0; width: 100px; float: left; position: fixed; z-index: 2; } .my_computer, .my_documents, .network_neighborhood, .folder, .recycle_bin, .start_menu, .application_icons, .start_bar .start_button .logo, .start_bar .tray .calendar, .start_menu, .window .top, .window .middle, .window .bottom, .description .top, .description .ok_button, .description .bottom { background-image: url('http://static.tumblr.com/fpdiq1j/O6Um4f3al/master_sprite.png'); margin: auto; } .my_computer { height: 32px; width: 32px; background-position: -616px -157px; } .my_documents { height: 30px; width: 32px; background-position: -616px -189px; } .network_neighborhood { height: 32px; width: 32px; background-position: -616px -219px; } .recycle_bin { height: 32px; width: 30px; background-position: -616px -251px; } .folder{ height: 27px; width: 32px; background-position: -616px -283px; } .start_bar .start_button .logo { width: 16px; height: 14px; background-position: -633px -103px; } .application_icons { height: 16px; width: 84px; background-position: -565px -69px; } .start_bar .tray .calendar { height: 16px; width: 16px; background-position: -632px -87px; } .start_menu { height: 383px; width: 168px; background-position: 0px 0px; } .window .top { height: 44px; background-position: -168px 0px; } .description .top { height: 21px; background-position: -168px -134px; } .description .ok_button { height: 23px; width: 75px; margin-top: 7px; background-position: -231px -158px; } .description .bottom { height: 2px; background-position: -168px -155px; } .window .middle, div.notes, div.attribution, div.tags { background: url('http://static.tumblr.com/fpdiq1j/utSm3gwcy/large_middle.png'); background-repeat: repeat-y; } .window .bottom { background-position: -168px -46px; height: 22px; } .icon_label { padding-top: 6px; padding-bottom: 15px; color: white; text-align: center; } .icons a{ color: white; text-decoration: none; } .title { font-size: 1.4em; margin-bottom: 3px; } .attempt_resize { max-width: 100%; } .label { font-weight: bold; } .body img, .caption img { max-width: 100%; overflow: hidden; } #desktop { margin: 20px auto 0 auto; width: 480px; z-index: 3; position: relative; } .window { width: 480px; max-width: 480px; margin: 0 0 30px; } .window .top { height: 44px; } .window .top .info { top: 26px; left: 10px; position: relative; width: 300px; z-index: 4; font-size: 11px; line-height: 13px; } .window .middle, div.notes, div.attribution, div.tags { background-repeat: repeat-y; padding: 4px 26px 4px 10px; } .middle .caption { margin-top: 5px; } .window .bottom { height: 22px; } .description { position: fixed; top: 20%; right: 10%; z-index: 4; width: 200px; } .description .middle { background: url('http://static.tumblr.com/fpdiq1j/leqm4f39j/description_middle.png') repeat-y; display: block; padding: 5px; max-width: 190px; font-size: 11px; } .start_bar { position: fixed; background-color: rgb(192,192,192); bottom: 0; height: 28px; width: 100%; z-index: 4; } .start_menu { position: fixed; z-index: 3; bottom: 28px; display: none; } .start_bar .top_border { border-bottom: 1px solid rgb(255,255,255); border-top: 1px solid rgb(223,223,223); } .start_bar .start_button { float: left; border-top: 2px solid white; border-left: 2px solid white; border-bottom: 2px solid gray; border-right: 2px solid gray; height: 18px; width: 54px; margin-left: 2px; margin-top: 2px; } .sb_click { border-bottom: 2px solid white !important; border-right: 2px solid white !important; border-top: 2px solid gray !important; border-left: 2px solid gray !important; } .start_bar .start_button .text{ float: right; display: inline; margin-right: 4px; line-height: 18px; font-weight: bold; } .start_bar .start_button .logo{ float: left; margin-top: 2px; margin-left: 2px; } .start_bar .big_seperator { float: left; border-left: 1px solid rgb(128,128,128); border-right: 1px solid rgb(255,255,255); height: 22px; margin-top: 2px; margin-left: 2px; } .start_bar .small_seperator { float: left; border-left: 1px solid rgb(255,255,255); border-top: 1px solid rgb(255,255,255); border-right: 1px solid rgb(128,128,128); border-bottom: 1px solid rgb(128,128,128); background-color: rgb(192,192,192); width: 1px; height: 16px; margin-top: 4px; margin-left: 2px; } .start_bar .application_icons { float: left; margin-top: 5px; margin-left: 7px; margin-right: 7px; } .start_bar .tray { float: right; border-top: 1px solid rgb(128,128,128); border-left: 1px solid rgb(128,128,128); border-bottom: 1px solid rgb(255,255,255); border-right: 1px solid rgb(255,255,255); height: 18px; width: 79px; margin-right: 5px; margin-top: 2px; } .start_bar .tray .time { line-height: 18px; float: right; font-size: 10px; margin-right: 10px; } .start_bar .tray .calendar { float: left; margin-top: 1px; margin-left: 3px; } /* COMMON */ blockquote { margin-left: 10px; padding-left: 10px; border-left: 1px solid #000; } #infscr-loading { display: none !important; opacity: 0 !important; visibility: hidden !important; } .middle img { display: block; } .middle a img { border: 0; } .middle p:first-child, ul:first-child, ol:first-child, blockquote:first-child { margin-top: 0; } /*.middle p:only-child, ul:only-child, ol:only-child, blockquote:only-child { margin-top: 0; margin-bottom: 0; }*/ .middle p:last-child, ul:last-child, ol:last-child, blockquote:last-child { margin-bottom: 0; } /* END COMMON */ {block:IfNotDisplayPhotoCaptions}.caption{ display:none; }{/block:IfNotDisplayPhotoCaptions} {block:IfNotDisplayHomeIcon}.home{ display:none; }{/block:IfNotDisplayHomeIcon} {block:IfNotDisplayAskIcon}.ask{ display:none; }{/block:IfNotDisplayAskIcon} {block:IfNotDisplaySubmitIcon}.submit{ display:none; }{/block:IfNotDisplaySubmitIcon} {block:IfNotDisplayPagesIcon}.pages{ display:none; }{/block:IfNotDisplayPagesIcon} {block:IfNotDisplayArchiveIcon}.archive{ display:none; }{/block:IfNotDisplayArchiveIcon} {CustomCSS} </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="http://static.tumblr.com/fpdiq1j/bTQm8gyse/win98.js"></script> </head> <body> <div class="wrapper"> <div class="icons"> <a href="/" class="home"> <div class="my_computer"></div> <div class="icon_label">{Title}</div> </a> {block:AskEnabled} <a href="/ask" class="ask"> <div class="my_documents"></div> <div class="icon_label">{AskLabel}</div> </a> {/block:AskEnabled} {block:SubmissionsEnabled} <a href="/submit" class="submit"> <div class="network_neighborhood"></div> <div class="icon_label">{SubmitLabel}</div> </a> {/block:SubmissionsEnabled} {block:HasPages} {block:Pages} <a href="{URL}" class="pages"> <div class="folder"></div> <div class="icon_label">{Label}</div> </a> {/block:Pages} {/block:HasPages} <a href="/archive" class="archive"> <div class="recycle_bin"></div> <div class="icon_label">Archive</div> </a> </div> {block:IfDisplayDescription} {block:Description} <div class="description"> <div class="top"></div> <div class="middle"> {Description} <div class="ok_button"></div> </div> <div class="bottom"></div> </div> {/block:Description} {block:IfDisplayDescription} <div id="desktop"> {block:Posts} <div class="window"> <a href="{Permalink}"> <div class="top"> {block:Date} <div class="info"> Posted on {DayOfMonth}{DayOfMonthSuffix} {ShortMonth} at {12Hour}:{Minutes} {CapitalAmPm}{block:NoteCount}, with {NoteCountWithLabel}{/block:NoteCount} </div> {/block:Date} </div> </a> <div class="middle"> {block:Text} {block:Title} <div class="title"> {Title} </div> {/block:Title} <div class="body"> {Body} </div> {/block:Text} {block:Photo} {LinkOpenTag}<img src="{PhotoURL-500}" class="attempt_resize" alt="{PhotoAlt}" />{LinkCloseTag} {block:Caption} <div class="caption"> {Caption} </div> {/block:Caption} {/block:Photo} {block:Photoset} {Photoset-400} {block:Caption} <div class="caption"> {Caption} </div> {/block:Caption} {/block:Photoset} {block:Quote} <div class="title"> "{Quote}" </div> {block:Source} <div class="body"> &mdash; {Source} </div> {/block:Source} {/block:Quote} {block:Link} <a href="{URL}" class="title" {Target}> {Name} » </a> {block:Description} <div class="body"> {Description} </div> {/block:Description} {/block:Link} {block:Chat} {block:Title} <div class="title"> {Title} </div> {/block:Title} <div class="body"> {block:Lines} <div class="line"> {block:Label} <span class="label"> {Label} </span> {/block:Label} <span class="text"> {Line} <span> </div> {/block:Lines} </div> {/block:Chat} {block:Video} {Video-400} {block:Caption} <div class="caption"> {Caption} </div> {/block:Caption} {/block:Video} {block:Audio} {AudioPlayerBlack} {block:Caption} <div class="body"> {Caption} </div> {/block:Caption} {/block:Audio} </div> {block:PermalinkPage} {block:ContentSource}<div class="attribution">(Source: <a href="{SourceURL}">{SourceTitle}</a>{block:RebloggedFrom}, via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom})</div>{/block:ContentSource} {block:HasTags}<div class="tags">Tagged: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags} {block:PostNotes} <div class="notes"> {PostNotes} </div> {/block:PostNotes} {/block:PermalinkPage} <div class="bottom"></div> </div> {/block:Posts} {block:Pagination} <div class="navigation"> {block:NextPage} <a class="next" href="{NextPage}">Next</a> {/block:NextPage} {block:PreviousPage} <a class="prev" href="{PreviousPage}">Previous</a> {/block:PreviousPage} </div> {/block:Pagination} </div> <div class="start_menu"> </div> <div class="start_bar"> <div class="top_border"></div> <div class="start_button"> <span class="logo"> </span> <span class="text"> Start </span> </div> <span class="big_seperator"> </span> <span class="small_seperator"> </span> <span class="application_icons"> </span> <span class="big_seperator"> </span> <span class="small_seperator"> </span> <div class="tray"> <span class="calendar"> </span> <span class="time" id="showClock"> 00:00 AM </span> </div> </div> </div> </body> </html> </pre> <p> <a href="http://customizemytumblr.com/post/23981735683/how-to-install-a-tumblr-theme-this-how-to-will" alt="How to Install a Tumblr Theme"><img src="http://static.tumblr.com/tkzrdeo/X5um4rkmk/how-to-install-a-tumblr-theme.jpg"/></a> </p>http://customizemytumblr.com/post/32217697901http://customizemytumblr.com/post/32217697901Mon, 24 Sep 2012 17:25:00 -0400ThemesTumblr ThemeTumblr ThemesWin98 ThemeCustomize TumblrCustom Tumblr Theme<img src="http://24.media.tumblr.com/tumblr_maos7mh0Ak1rx4boco1_500.jpg"/><br/><br/><h1><a href="http://customizemytumblr.com/post/31973279655/pyramids-2-by-max-davis-options-title">PYRAMIDS 2 by <i>Max Davis</i></a></h1> <p> <b>Options:</b> Title , Description, Background Color, Borders, Header Links, Links, Links Hover, Text<br/><br/><b>Features:</b> 5 Links, Twitter Username, Logo, Sidebar or Header, Sidebar Location, Post Height S M LG, Infinite Scroll, No Description, Facebook Like Button, Facebook Comments, BlogRoll <br/><!-- more --><br/><b>Demo: </b> <a href="http://pyramids2-theme.tumblr.com/" target="_blank"><a href="http://pyramids2-theme.tumblr.com/">http://pyramids2-theme.tumblr.com/</a></a> <br/><br/><b>Theme Html Code: </b><br/></p> <pre name="box-content" id="box-content"> <!DOCTYPE html> <!-- ---------------------------------- Theme Pyramids. Made by Max Davis. <a href="http://themes.themaxdavis.com">http://themes.themaxdavis.com</a> ---------------------------------- --> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="https://www.facebook.com/2008/fbml" lang="en"> <head> <meta charset="utf-8" /> <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} <meta name="color:Background" content="#FFFFFF" /> <meta name="color:Borders" content="#DDDDDD" /> <meta name="color:Text" content="#000000" /> <meta name="color:Links" content="#000000" /> <meta name="color:Links Hover" content="#000000" /> <meta name="color:Header Links" content="#000000" /> <meta name="image:Logo" content="" /> <meta name="if:Sidebar or Header" content="1" /> <meta name="if:Sidebar Left or Right" content="1" /> <meta name="if:No Description" content="1" /> <meta name="if:Twitter Tweet button" content="1" /> <meta name="if:Facebook Like button" content="1" /> <meta name="if:Facebook Comments" content="1" /> <meta name="if:Infinite Scroll" content="1" /> <meta name="if:BlogRoll" content="0" /> <meta name="if:Post Height small" content="0" /> <meta name="if:Post Height medium" content="1" /> <meta name="if:Post Height large" content="0" /> <meta name="text:Twitter Username" content="" /> <meta name="text:Ask Title" content="Askbox" /> <meta name="text:Link 1" content="" /> <meta name="text:Link 1 Title" content="" /> <meta name="text:Link 2" content="" /> <meta name="text:Link 2 Title" content="" /> <meta name="text:Link 3" content="" /> <meta name="text:Link 3 Title" content="" /> <meta name="text:Link 4" content="" /> <meta name="text:Link 4 Title" content="" /> <meta name="text:Link 5" content="" /> <meta name="text:Link 5 Title" content="" /> {block:IfInfiniteScroll}{block:IndexPage}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IndexPage}{/block:IfInfiniteScroll} <link href='http://fonts.googleapis.com/css?family=Anonymous+Pro|Six+Caps|Source+Sans+Pro:400,700,700italic,400italic' rel='stylesheet' type='text/css'><script type="text/javascript" src="http://themaxdavisthemes.com/code/jQuery.js"></script> <script type="text/javascript"> $(window).load(function(){ $('.ask').click(function(){ $('#ask_box, #hovers').show(); $('.autopagerize_page_element, #load_box, #submit_box, #twitter_box, #blogroll_box, #disclaimer_box, #state_box, #karmaloop_box, #page_navigation_if_header').hide(); }); $('.submit').click(function(){ $('#submit_box, #hovers').show(); $('.autopagerize_page_element, #load_box, #ask_box, #twitter_box, #blogroll_box, #disclaimer_box, #state_box, #karmaloop_box, #page_navigation_if_header').hide(); }); $('.twitter').click(function(){ $('#twitter_box, #hovers').show(); $('.autopagerize_page_element, #load_box, #submit_box, #ask_box, #blogroll_box, #disclaimer_box, #state_box, #karmaloop_box, #page_navigation_if_header').hide(); }); {block:ifBlogRoll} $('.blogroll').click(function(){ $('#blogroll_box, #hovers').show(); $('.autopagerize_page_element, #load_box, #submit_box, #twitter_box, #disclaimer_box, #ask_box, #state_box, #karmaloop_box, #page_navigation_if_header').hide(); }); {/block:ifBlogRoll} $('#close').click(function(){ $('#hovers, #ask_box, #submit_box, #twitter_box, #blogroll_box, #disclaimer_box, #state_box, #karmaloop_box').hide(); $('.autopagerize_page_element').show(); }); }); </script> <style type="text/css"> body { padding:0; margin:0; font-family: 'Source Sans Pro', Helvetica, arial, sans-serif; font-size:11px; color:{color:text}; background-color:{color:background};} a,a:hover { color:{color:links}; text-decoration:none;} a:hover {color:{color:links hover};} a:active {outline: none;} a:focus {-moz-outline-style: none;} :-moz-any-link:focus{outline: none;} img {border:none;} .clear {clear:both;} p {margin:0;} strong {font-family: 'Source Sans Pro',sans-serif;} #container{ height: 100%; position: relative; width: 100%;} #header{ position: relative; margin:0 0 30px; {block:IfSidebarorHeader} display:none; {/block:IfSidebarorHeader}} #header h1{ display: block; font-family: 'Six Caps',sans-serif; font-size: 75px; font-weight: normal; line-height: 100%; margin: 0; padding: 90px 0 45px; text-align: center; text-transform: uppercase; color:{color:header links};} #header .logo { margin: 60px 0 30px; max-height: 150px; max-width: 400px;} #header .description{ display: none; margin: 0 auto; padding: 0; width: 400px;} #header .links{ margin: 45px 0 0; white-space: nowrap; border-bottom:1px dotted {color:borders}; {block:ifLogoimage} margin:30px 0 0; {/block:ifLogoimage}} #header .links a{ display: inline-block; font-family: 'Source Sans Pro',sans-serif; font-weight: bold; height: 9px; line-height: 10px; padding: 15px 30px 15px 27px; text-transform: uppercase; color:{color:header links}; border-right: 1px dotted {color:borders};} #header .links a:hover{ color:{color:header links};} #header .links a:last-child{ border:none;} #header .tweet_button{ bottom: 0; height: 20px; overflow: hidden; padding: 9px 15px 10px; position: absolute; right: 106px; width: 54px; z-index: 100; background-color:{color:background}; border-left: 1px dotted {color:borders}; border-bottom: 1px dotted {color:borders}; {block:ifNotTwitterTweetbutton} display:none; {/block:ifNotTwitterTweetbutton}} #header .like_button{ bottom: 0; height: 20px; overflow: hidden; padding: 9px 15px 10px; position: absolute; right: 0; width: 75px; z-index: 99; background-color:{color:background}; border-left: 1px dotted {color:borders}; border-bottom: 1px dotted {color:borders}; {block:ifNotFacebookLikebutton} display:none; {/block:ifNotFacebookLikebutton}} #sidebar{ padding: 60px 0 0 30px; position: fixed; top: 0; width: 230px; bottom: 0; overflow: hidden; {block:IfSidebarLeftorRight} left: 0; border-right: 1px dotted {color:borders}; {/block:IfSidebarLeftorRight} {block:IfNotSidebarLeftorRight} right: 0; border-left: 1px dotted {color:borders}; {/block:IfNotSidebarLeftorRight} {block:IfNotSidebarorHeader} display:none; {/block:IfNotSidebarorHeader}} #sidebar .logo{ display:block; width:200px; height:auto; margin:0 30px 0 0; padding:0 0 15px;} #sidebar h1{ font-family: 'Source Sans Pro',sans-serif; font-size: 25px; letter-spacing: -1px; line-height: 18px; margin: 0; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; padding: 0 30px 13px 0; color:{color:header links};} #sidebar .description{ padding:15px 30px 15px 0;} #sidebar .links{ margin:15px 0 0 -30px;} #sidebar .links a{ display: block; font-family: 'Source Sans Pro',sans-serif; font-weight: bold; height: 8px; padding: 22px 0 22px 30px; text-transform: uppercase; line-height: 9px; color:{color:header links}; border-top: 1px dotted {color:borders};} #sidebar .links a:hover{ color:{color:header links};} #sidebar #share_buttons{ padding:16px 0 16px 30px; height:20px; border-top:1px dotted {color:borders};} #sidebar #share_buttons a{ padding:0; border:none;} #sidebar .tweet_button{ height:20px; margin:0 22px 0 0; float:left; width:55px; {block:ifNotTwitterTweetbutton} display:none; {/block:ifNotTwitterTweetbutton}} #sidebar .like_button{ height:20px; float:left; width:90px; {block:ifNotFacebookLikebutton} display:none; {/block:ifNotFacebookLikebutton}} #sidebar .go_up { bottom: 0; display: none; font-weight: bold; height: 8px; margin: 0 0 0 -30px; padding: 22px 0 22px 30px; position: absolute; text-transform: uppercase; width: 230px; line-height: 9px; background:{color:background}; border-top: 1px dotted {color:borders};} #sidebar #pagination_sidebar { bottom: 0; font-weight: bold; height: 8px; margin: 0 0 0 -30px; padding: 22px 0 22px 30px; position: absolute; text-transform: uppercase; width: 230px; line-height: 9px; background:{color:background}; border-top: 1px dotted {color:borders};} #sidebar #pagination_sidebar a.prev{ float: left; margin: 0 30px 0 0; color:{color:header links};} #sidebar #pagination_sidebar a.next{ float: right; margin: 0 30px 0 0; color:{color:header links};} #sidebar #pagination_sidebar a{ color:{color:header links};} #sidebar #pagination_sidebar a:hover{ color:{color:header links};} #content{ {block:IfSidebarorHeader} bottom: 0; position: absolute; top: 60px; {block:IfSidebarLeftorRight} left: 275px; right:0; {block:IfPostHeightsmall} left: 285px; {/block:IfPostHeightsmall} {/block:IfSidebarLeftorRight} {block:IfNotSidebarLeftorRight} right: 275px; left:0; {block:IfPostHeightsmall} right: 285px; {/block:IfPostHeightsmall} {/block:IfNotSidebarLeftorRight} {/block:IfSidebarorHeader} {block:IfNotSidebarorHeader} padding: 0 50px 50px; {block:PermalinkPage} padding: 0 50px 30px; {/block:PermalinkPage} {/block:IfNotSidebarorHeader} {block:PermalinkPage} width:860px; {block:IfSidebarLeftorRight} left:290px; {/block:IfSidebarLeftorRight} {block:IfNotSidebarLeftorRight} right:290px; {/block:IfNotSidebarLeftorRight} {/block:PermalinkPage}} #content #post, #content #post_photo, #content #post_audio, #content #post_video{ overflow:hidden; max-width:250px; display: table; position:relative; text-align:left; margin:0 15px 30px; {block:IfPostHeightsmall} max-width:200px; height:150px; margin:0 5px 10px; {/block:IfPostHeightsmall} {block:IfPostHeightmedium} height:250px; max-width:250px; {/block:IfPostHeightmedium} {block:IfPostHeightlarge} height:350px; max-width:250px; {/block:IfPostHeightlarge} {block:PermalinkPage} width:400px; height:auto; {/block:PermalinkPage} {block:IfNotSidebarorHeader} display: inline-block; {/block:IfNotSidebarorHeader} {block:IfSidebarorHeader} display:block; {block:IfSidebarLeftorRight} float: left; {/block:IfSidebarLeftorRight} {block:IfNotSidebarLeftorRight} float: right; {/block:IfNotSidebarLeftorRight} {/block:IfSidebarorHeader} {block:PermalinkPage} width:400px; float:left; height:auto; margin:0 0 30px; max-width:none; {block:IfNotSidebarLeftorRight} float:right; margin:0 0 30px; {/block:IfNotSidebarLeftorRight} {block:IfNotSidebarorHeader} float:left; margin:0 0 30px; {/block:IfNotSidebarorHeader} {/block:PermalinkPage}} #content #post img{ {block:IndexPage} max-height:140px; {/block:IndexPage} {block:PermalinkPage} max-width:400px; {/block:PermalinkPage}} #content #post_photo{ max-width: 97%;} #content #post_photo img { {block:PermalinkPage} display: block; max-width: 400px; {/block:PermalinkPage}} #content #post_audio { max-width:none;} #content #post_video { max-width:none;} #content h3{ font-family: 'Source Sans Pro',sans-serif; font-size: 13px; margin: 0 0 5px;} #container blockquote { border-left: 1px dotted {color:borders}); line-height: 100%; padding: 5px 0 5px 11px; position: relative; text-align: left; margin:6px 0 6px 7px; border-left: 1px dotted {color:borders};} #container blockquote:first-child { margin: 6px 0 6px 11px; padding: 5px 0 5px 11px;} #container blockquote img { max-width: 100% !important; margin: 5px 0;} #container blockquote .text{ margin:0 0 8px;} #container p{ margin:0; padding:0; text-align:left;} #container p.answer_form_container{ margin:15px 0 0;} #content .tumblrAutoPager_page_info{ display:none;} #content #outer { display:table; overflow: hidden; {block:IfPostHeightsmall} height:150px; {/block:IfPostHeightsmall} {block:IfPostHeightmedium} height:250px; {/block:IfPostHeightmedium} {block:IfPostHeightlarge} height:350px; {/block:IfPostHeightlarge} {block:PermalinkPage} overflow:visible; height:auto; width:400px; display:block; {/block:PermalinkPage}} #content #inner { {block:IndexPage} display: table-cell; vertical-align: middle; {/block:IndexPage}} #content .text { position: relative; width:250px; {block:IfPostHeightsmall} width: 200px; {/block:IfPostHeightsmall} {block:IfPostHeightmedium} width:250px; {/block:IfPostHeightmedium} {block:IfPostHeightlarge} width:250px; {/block:IfPostHeightlarge}} #content .text img{ height: auto !important; max-height: none !important; max-width: 100%;} #container .quote{ text-align:center;} #container .quote h3{ line-height:150%;} #container .quote .quote_symbol{ font-family: Impact,Charcoal,sans-serif; font-size: 200px; margin: -170px 0 0; position: absolute; color:black; opacity: 0.05;} #container .quote .source{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05); display: inline-block; font: 9px 'Courier New',Courier,monospace; margin-top: 20px; padding: 5px 11px;} #content .chat{ margin:5px 0; padding:0; list-style:none;} #content .chat li{ margin: 5px 0; padding: 5px 2px 10px; border-bottom: 1px dotted {color:borders};} #content .chat li:last-child{ border:0; padding: 5px 5px 0; margin:5px 0 0;} #content .chat .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label, .user_7 .label, .user_8 .label, .user_9 .label { font-weight:bold; font-family: 'Source Sans Pro', sans-serif;} #container .album{ margin:0; height:36px} #container .albumart{ margin:0; {block:IfPostHeightsmall} height:150px; {/block:IfPostHeightsmall} {block:IfPostHeightmedium} height:250px; {/block:IfPostHeightmedium} {block:IfPostHeightlarge} height:350px; {/block:IfPostHeightlarge} {block:PermalinkPage} width: 250px; float: left; {/block:PermalinkPage}} #container .albumart img{ {block:IfPostHeightsmall} height:150px !important; max-height:150px !important; {/block:IfPostHeightsmall} {block:IfPostHeightmedium} height:250px !important; max-height:250px !important; {/block:IfPostHeightmedium} {block:IfPostHeightlarge} height:350px !important; max-height:350px !important; {/block:IfPostHeightlarge} {block:PermalinkPage} max-width: 250px !important; width: 250px; {/block:PermalinkPage}} #container .audio{ float: left; height: 27px; margin: -36px 0 0; opacity: 0.8; overflow: hidden; padding: 5px 0 4px; position: absolute; width: 27px; background: none repeat scroll 0 0 black; {block:IfPostHeightsmall} border-left:61px solid black; border-right:62px solid black; {/block:IfPostHeightsmall} {block:IfPostHeightmedium} border-left:111px solid black; border-right:112px solid black; {/block:IfPostHeightmedium} {block:IfPostHeightlarge} border-left:161px solid black; border-right:162px solid black; {/block:IfPostHeightlarge} {block:PermalinkPage} border-left: 236px solid black; border-right: 237px solid black; right:0; margin:0; opacity: 0.1; {/block:PermalinkPage}} #container .short{ border-left: 96px solid black; border-right: 97px solid black;} #container .artist_info { float: left; list-style: none outside none; margin: 36px 0 0; padding: 0 0 0 30px; width: 220px;} #container .artist_info li{ font-weight: bold; padding: 11px; border-left: 1px dotted {color:borders}; border-top: 1px dotted {color:borders});} #container .artist_info li:first-child{ border-top:none;} #container .caption{ margin: 12px 0 0; padding: 10px; background: none repeat scroll 0 0 rgba(0,0,0, 0.05);} {block:PermalinkPage} #container .answer_post{ width:500px; margin:0;} {/block:PermalinkPage} #container .question { margin: 0; padding: 0 0 5px; line-height: 12px;} #container .question .asker_portrait{ display: block; float: left; height: auto; margin:0 8px 6px 0; width:30px;} #container .answer .answer_portrait{ width:30px; float:left; margin: 0 8px 6px 0;} #container .question strong{ font-size: 11px; text-transform: uppercase; font-weight:bold;} #container .answer{ clear: both; display: block; font-style: italic; margin: 7px 0 0; position:relative; line-height:12px;} #container .answer p{ margin: 0; padding: 0; display: inline; width: auto;} #container .answer p img{ width:100%;} #container .answer_notes{ font-size: 7px; font-weight: bold; margin: 15px 0 0; text-transform: uppercase; {block:PermalinkPage} display:none; {/block:PermalinkPage}} #content #photoset{ position:relative; {block:IndexPage} {block:IfPostHeightsmall} height:150px; {/block:IfPostHeightsmall} {block:IfPostHeightmedium} height:250px; {/block:IfPostHeightmedium} {block:IfPostHeightlarge} height:350px; {/block:IfPostHeightlarge} {/block:IndexPage}} #content #photoset a{color:white;} #content #photoset #inner { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.85); bottom: 0; left: 0; position: absolute; right: 0; top: 0; opacity:0; -webkit-transition: all 1.0s ease; -moz-transition: all 1.0s ease; -o-transition: all 1.0s ease; transition: all 1.0s ease;} #content #photoset:hover #inner { opacity:1; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;} #content #photoset #inner #hover { font-size: 8px; font-weight: bold; line-height: 300%; text-align: center; text-transform: uppercase; {block:IfPostHeightsmall} margin:26px 0 0; {/block:IfPostHeightsmall} {block:IfPostHeightmedium} margin:89px 0 0; {/block:IfPostHeightmedium} {block:IfPostHeightlarge} margin:139px 0 0; {/block:IfPostHeightlarge}} #content #photoset #inner #hover2 { bottom: 0; position: absolute; padding: 10px 0; border-top: 1px dotted rgba(255, 255, 255, 0.2); right: 0; left: 0; text-align: center; font-weight: bold; text-transform: uppercase; font-size: 8px;} #content #post_photo #photo{ height:250px; position:relative; cursor:default; font-family: 'Source Sans Pro', sans-serif; {block:IfPostHeightsmall} height:150px; {/block:IfPostHeightsmall} {block:IfPostHeightmedium} height:250px; {/block:IfPostHeightmedium} {block:IfPostHeightlarge} height:350px; {/block:IfPostHeightlarge}} #content #post_photo #photo a{ color:white;} #content #post_photo #photo img{ height:250px; {block:IfPostHeightsmall} height:150px; {/block:IfPostHeightsmall} {block:IfPostHeightmedium} height:250px; {/block:IfPostHeightmedium} {block:IfPostHeightlarge} height:350px; {/block:IfPostHeightlarge}} #content #post_photo #photo #hover{ position:absolute; top:0; right:0; left:0; bottom:0; text-align:center; background:rgba(0,0,0,0.85); opacity:0; -webkit-transition: all 1.0s ease; -moz-transition: all 1.0s ease; -o-transition: all 1.0s ease; transition: all 1.0s ease;} #content #post_photo #photo:hover #hover{ opacity:1; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;} #content #post_photo #photo #hover #box{ color: white; font-size: 8px; font-weight: bold; height: 70px; letter-spacing: 1px; line-height: 300%; margin: 89px 0 0; padding: 0; text-transform: uppercase; word-spacing: 3px; {block:IfPostHeightsmall} margin:26px 0 0; {/block:IfPostHeightsmall} {block:IfPostHeightmedium} margin:89px 0 0; {/block:IfPostHeightmedium} {block:IfPostHeightlarge} margin:139px 0 0; {/block:IfPostHeightlarge}} #content #post_photo #photo #hover #box_2{ border-top: 1px dotted rgba(255, 255, 255, 0.2); bottom: 0; color: white; font-size: 7px; font-weight: bold; height: 12px; left: 0; line-height: 200%; padding: 10px 0; position: absolute; right: 0; text-transform: uppercase; white-space: nowrap; word-spacing: 4px; letter-spacing:1px;} #content #pagination_bottom { font-weight: bold; height: 10px; line-height: 10px; padding: 14px 15px; text-align: left; width: 200px; margin:30px auto ; text-transform: uppercase; border-top: 1px dotted {color:borders};} #content #pagination_bottom a { color:{color:header links};} #content #pagination_bottom a:hover { color:{color:header links};} #content #pagination_bottom a.prev { float:right;} #content #pagination_bottom a.next { float:left;} #hovers { display: none; left: 20px; position: absolute; right: 30px; padding: 10px 0 0; text-align:left;} #hovers #blogroll_box, #hovers #ask_box, #hovers #submit_box, #hovers #twitter_box, #hovers #disclamer_box, #hovers #karmaloop_box, #hovers #state_box, #hovers #description_box { display: none; background:{color:background}; {block:ifSidebarorHeader} width: 500px; {/block:ifSidebarorHeader}} #hovers #blogroll_box ul { margin:0; padding:0; list-style:none; {block:ifNotSidebarorHeader} position: absolute; right: 90px; left: 0; {/block:ifNotSidebarorHeader}} #hovers #blogroll_box ul li{ width:20px; height:20px; float:left; margin:0 5px 10px;} #hovers #blogroll_box ul li img{ width:20px; height:20px;} #hovers #ask_box{ {block:ifNotSidebarorHeader} width:500px; margin:auto; {/block:ifNotSidebarorHeader}} #hovers #submit_box{ {block:ifNotSidebarorHeader} width:500px; margin:auto; {/block:ifNotSidebarorHeader}} #hovers #twitter_box .twitter{ position: relative; width: 500px; {block:ifNotSidebarorHeader} margin:auto; {/block:ifNotSidebarorHeader}} #hovers #twitter_box .twitter h1{ display: inline-block; float: none; font-size: 25px; font-style: normal; font-weight: bold; letter-spacing: -1px; line-height: 100%; margin: -5px 0 15px; padding: 0 10px; color:{color:header links}; text-transform: uppercase;} #hovers #twitter_box .twitter .follow_button{ position: absolute; right: 0; top: 0;} #hovers #twitter_box .twitter #twitter_update_list{ list-style: none outside none; margin: 0 0 30px; padding: 0; width: 500px;} #hovers #twitter_box .twitter #twitter_update_list li{ font-style: italic; padding: 15px 10px; border-top: 1px dotted {color:borders};} #hovers #twitter_box .twitter #twitter_update_list li span{ font-style: normal; margin: 0 5px 0 0; font-weight: bold; font-size: 12px;} #hovers #twitter_box .twitter #twitter_update_list li a{ color:#AAAAAA;} #hovers #twitter_box .twitter #twitter_update_list li:first-child{ border:none;}{block:ifSidebarorHeader} #hovers #close{ cursor: pointer; font-weight: bold; height: 10px; left: 530px; padding: 8px 15px; position: absolute; text-transform: uppercase; top: 10px; line-height: 100%; border-left: 1px dotted {color:borders};} {/block:ifSidebarorHeader} {block:ifNotSidebarorHeader} #hovers #close { cursor: pointer; font-weight: bold; height: 8px; left: 50%; line-height: 100%; padding: 15px 30px; position: absolute; text-transform: uppercase; top: 10px; margin: 0 0 0 280px; border-left: 1px dotted {color:borders};} {/block:ifNotSidebarorHeader} #content #post_info{ {block:IfSidebarorHeader} width:400px; margin: 0 0 0 29px; padding: 0 0 0 30px; float: left; border-left: 1px dotted {color:borders}; {block:IfNotSidebarLeftorRight} float:right; border-left: none; border-right:1px dotted {color:borders}; margin:0 29px 0 0; padding:0 30px 0 0; {/block:IfNotSidebarLeftorRight} {/block:IfSidebarorHeader} {block:IfNotSidebarorHeader} width:400px; margin: 0 0 0 29px; padding: 0 0 0 30px; float: left; border-left: 1px dotted {color:borders}; {/block:IfNotSidebarorHeader}} #content #post_info #captionbox { padding:0 0 30px; border-bottom: 1px dotted {color:borders};} #content #post_info #caption { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05); padding: 10px; font: 9px 'Courier New',Courier,monospace; margin:0;} #content #post_info #post_info_list{ height: 31px; list-style: none outside none; margin: 0; overflow: hidden; padding: 30px 0;} #content #post_info #post_info_list li{ color: #AAAAAA; display: inline-block; font-family: 'Source Sans Pro',sans-serif; font-size: 10px; font-weight: bold; height: 7px; margin: 0; max-width: 100px; overflow: hidden; padding: 11px 22px; text-transform: uppercase; line-height: 8px; border-right: 1px dotted {color:borders};} #content #post_info #post_info_list li a{ color:#AAAAAA;} #content #post_info #post_info_list li:first-child{ padding-left: 0;} #content #post_info #post_info_list li:last-child{ padding-right: 0; border:0;} #content #post_info #fb_comments { border-top: 1px dotted #DDDDDD; padding: 30px 0 0;} #permalink { font-family: 'Source Sans Pro',sans-serif; font-size: 9px; font-weight: bold; height: 5px; left: 0; line-height: 7px; margin: 250px 0 0; padding: 10px; position: absolute; right: 0; text-transform: uppercase; z-index: 499; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; {block:IfPostHeightsmall} margin:150px 0 0 0; {/block:IfPostHeightsmall} {block:IfPostHeightmedium} margin:250px 0 0 0; {/block:IfPostHeightmedium} {block:IfPostHeightlarge} margin:350px 0 0 0; {/block:IfPostHeightlarge} background:{color:background};} #permalink .left { float:left;} #permalink .right { float:right;} #post:hover #permalink, #post_video:hover #permalink { margin:225px 0 0; {block:IfPostHeightsmall} margin:125px 0 0 0; {/block:IfPostHeightsmall} {block:IfPostHeightmedium} margin:225px 0 0 0; {/block:IfPostHeightmedium} {block:IfPostHeightlarge} margin:325px 0 0 0; {/block:IfPostHeightlarge} -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;} #permalink_navigation { font-family: 'Anonymous Pro',sans-serif; font-size: 20px; height: 24px; margin: -42px 0 0; position: absolute; color:{color:borders};} #permalink_navigation a{ color:{color:borders};} #permalink_navigation_prev { font-family: 'Anonymous Pro',sans-serif; font-size: 60px; height: 30px; line-height: 23px; margin: 60px 0 0 890px; position: absolute;} #permalink_navigation_next { font-family: 'Anonymous Pro',sans-serif; font-size: 60px; height: 30px; line-height: 23px; margin: 60px 0 0 -60px; position: absolute;} #permalink_navigation_prev a, #permalink_navigation_next a{ color:{color:borders};} #content ol.notes { clear: both; list-style-type: none; margin: 0 4px; padding: 30px 0; width: 394px; border-top: 1px dotted {color:borders}; {block:IfFacebookComments} margin: 7px 4px 0; {/block:IfFacebookComments}} #content ol.notes li.note { clear: none !important; float: left; height: 16px; margin: 0 9px 11px 0 !important; overflow: hidden; width: 16px;} #content ol.notes li.note:nth-child(16n) { margin: 0 0 11px !important;} #content ol.notes li.more_notes_link_container{ clear: both; font-family: 'Source Sans Pro',sans-serif; font-size: 9px; font-weight: bold; height: 7px; margin: -38px 0 0 !important; padding: 22px 0; text-align: center; text-transform: uppercase; width: 400px; background-color:{color:background};} #content ol.notes li.note img.avatar { display: block; float: left; height: 16px; margin-right: 10px; vertical-align: -4px; width: 16px;} #content ol.notes li.note span{ display:none;} #content ol.notes li.note span.action a{ font-weight: bold;} #content ol.notes li.note .answer_content { font-weight: normal; display:none;} #content ol.notes li.note blockquote { padding: 4px 10px; margin: 10px 0 10px 30px; display:none;} #content ol.notes li.note blockquote a { text-decoration: none; display:none;} </style> </head> <body> {block:Pagination}<div class="nav">{block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}</div>{/block:Pagination} <div id="fb-root"></div> <script> (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> <div id="container"> <div id="header"> {block:ifLogoimage} <center><a href="/" title="Home"> <img src="{image:Logo}" class="logo" /></a></center> {/block:ifLogoimage} {block:ifNotLogoimage} <a href="/" title="Home"><h1>{title}</h1></a> {/block:ifNotLogoimage} {block:Description} <div class="description">{Description}</div> {/block:Description} {block:IndexPage} <div class="tweet_button"> <a href="https://twitter.com/share" class="twitter-share-button" data-via="{text:Twitter Username}" data-count="none" data-hashtags="tumblr">Tweet</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> </div> <div class="like_button"> <fb:like send="false" layout="button_count" width="450" show_faces="false"></fb:like> </div> {/block:IndexPage} <div class="links"> <center> {Block:IfNotNoDescription} <a href="#description" class="desc">Description</a> <script> $('.desc').click(function() { $('.description').slideToggle('slow'); }); </script> {/Block:IfNotNoDescription} {block:AskEnabled} <a href="#ask" class="ask"> {block:ifasktitle}{text:Ask Title}{/block:ifasktitle} {block:ifnotasktitle}{AskLabel}{/block:ifnotasktitle} </a> {/block:AskEnabled} {block:SubmissionsEnabled} <a href="#submit" class="submit">Submit</a> {/block:SubmissionsEnabled} {block:ifTwitterUsername} <a href="#twitter" class="twitter">Twitter</a> {/block:ifTwitterUsername} {block:ifLink1Title} <a href="{text:Link 1}" title="{text:Link 1 Title}"> {text:Link 1 Title}</a> {/block:ifLink1Title} {block:ifLink2Title} <a href="{text:Link 2}" title="{text:Link 2 Title}"> {text:Link 2 Title}</a> {/block:ifLink2Title} {block:ifLink3Title} <a href="{text:Link 3}" title="{text:Link 3 Title}"> {text:Link 3 Title}</a> {/block:ifLink3Title} {block:ifLink4Title} <a href="{text:Link 4}" title="{text:Link 4 Title}"> {text:Link 4 Title}</a> {/block:ifLink4Title} {block:ifLink5Title} <a href="{text:Link 5}" title="{text:Link 5 Title}"> {text:Link 5 Title}</a> {/block:ifLink5Title} {block:ifBlogRoll} <a href="#blogroll" class="blogroll">Blogroll</a> {/block:ifBlogRoll} {block:HasPages} {block:Pages} <a href="{URL}" title="{Label}">{Label}</a> {/block:Pages} {/block:HasPages} </center> </div><!-- End Links --> </div> <div id="sidebar"> {block:ifLogoimage} <a href="/" title="Home"> <img src="{image:Logo}" class="logo" /></a> {/block:ifLogoimage} {block:ifNotLogoimage} <a href="/" title="Home"><h1>{title}</h1></a> {/block:ifNotLogoimage} {Block:IfNotNoDescription} {block:Description} <div class="description">{Description}</div> {/block:Description} {/Block:IfNotNoDescription} <div class="links"> {block:AskEnabled} <a href="#ask" class="ask"> {block:ifasktitle}{text:Ask Title}{/block:ifasktitle} {block:ifnotasktitle}{AskLabel}{/block:ifnotasktitle} </a> {/block:AskEnabled} {block:SubmissionsEnabled} <a href="#submit" class="submit">Submit</a> {/block:SubmissionsEnabled} {block:ifTwitterUsername} <a href="#twitter" class="twitter">Twitter</a> {/block:ifTwitterUsername} {block:ifLink1Title} <a href="{text:Link 1}" title="{text:Link 1 Title}"> {text:Link 1 Title}</a> {/block:ifLink1Title} {block:ifLink2Title} <a href="{text:Link 2}" title="{text:Link 2 Title}"> {text:Link 2 Title}</a> {/block:ifLink2Title} {block:ifLink3Title} <a href="{text:Link 3}" title="{text:Link 3 Title}"> {text:Link 3 Title}</a> {/block:ifLink3Title} {block:ifLink4Title} <a href="{text:Link 4}" title="{text:Link 4 Title}"> {text:Link 4 Title}</a> {/block:ifLink4Title} {block:ifLink5Title} <a href="{text:Link 5}" title="{text:Link 5 Title}"> {text:Link 5 Title}</a> {/block:ifLink5Title} {block:ifBlogRoll} <a href="#blogroll" class="blogroll">Blogroll</a> {/block:ifBlogRoll} {block:HasPages} {block:Pages} <a href="{URL}" title="{Label}">{Label}</a> {/block:Pages} {/block:HasPages} {block:IndexPage} <div id="share_buttons"> <div class="tweet_button"> <a href="https://twitter.com/share" class="twitter-share-button" data-via="{text:Twitter Username}" data-count="none" data-hashtags="tumblr">Tweet</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> </div> <div class="like_button"> <div class="fb-like" data-href="http://{Name}.tumblr.com" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false"></div> </div> </div> {/block:IndexPage} </div><!-- End Links --> {block:IfNotInfiniteScroll} {block:Pagination} <div id="pagination_sidebar"> {block:PreviousPage} <a href="{PreviousPage}">Previous Page</a> {/block:PreviousPage} {block:NextPage} <a href="{NextPage}" class="next">Next Page</a> {/block:NextPage} </div> {/block:Pagination} {/block:IfNotInfiniteScroll} {Block:IfInfiniteScroll} <div class="go_up"><a href="#home" id="up">Go up</a></div> {/Block:IfInfiniteScroll} <script type="text/javascript"> $(function() { $(window).scroll(function() { if($(this).scrollTop() != 0) { $('.go_up').fadeIn(); } else { $('.go_up').fadeOut(); } }); $('#up').click(function() { $('body,html').animate({scrollTop:0},800); }); }); </script> </div><!-- End Sidebar --> {block:IfNotSidebarorHeader} <center> {/block:IfNotSidebarorHeader} <div id="content"> {block:PermalinkPage} {block:PermalinkPagination} {block:IfSidebarorHeader} <div id="permalink_navigation"> {block:NextPost} <a href="{NextPost}" title="Next Post"><</a> / {/block:NextPost} {block:PreviousPost} <a href="{PreviousPost}" title="Previous Post">></a> {/block:PreviousPost} </div> {/block:IfSidebarorHeader} {block:IfNotSidebarorHeader} {block:NextPost} <div id="permalink_navigation_next"> <a href="{NextPost}" title="Next Post"><</a> </div> {/block:NextPost} {block:PreviousPost} <div id="permalink_navigation_prev"> <a href="{PreviousPost}" title="Previous Post">></a> </div> {/block:PreviousPost} {/block:IfNotSidebarorHeader} {/block:PermalinkPagination} {/block:PermalinkPage} <div id="hovers"> {block:ifNotSidebarorHeader} <div id="description_box"> {Description} </div> {/block:ifNotSidebarorHeader} <div id="blogroll_box"> {block:Following} <ul>{block:Followed} <li> <a href="{FollowedURL}" target="_blank"> <img src="{FollowedPortraitURL-24}"/></a> </li> {/block:Followed}</ul> {/block:Following} </div> {block:AskEnabled} <div id="ask_box"> <iframe frameborder="0" scrolling="no" width="100%" height="149" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--> </div> {/block:AskEnabled} {block:SubmissionsEnabled} <div id="submit_box"> <iframe frameborder="0" scrolling="no" width="100%" height="500" id="submit_form" src="http://www.tumblr.com/submit_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('submit_form').allowTransparency=true;</script><![endif]--> </div> {/block:SubmissionsEnabled} <div id="twitter_box"> {block:ifTwitterUsername} <div class="twitter"> <a href="http://twitter.com/{text:Twitter Username}" target="_blank"><h1>My twitter feed</h1></a> <div class="follow_button"> <a href="https://twitter.com/{text:Twitter Username}" class="twitter-follow-button" data-show-count="false">Follow @{text:Twitter Username</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> </div> <div id="twitter_div"> <ul id="twitter_update_list"></ul> </div> <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script><script type="text/javascript" src="http://twitter.com/statuses/user_timeline/{text:Twitter Username}.json?callback=twitterCallback2&count=10"></script> </div> {/block:ifTwitterUsername} </div> <div id="close">Close</div> </div><!-- end hovers --> {block:IndexPage} <script type="text/javascript" src="http://static.tumblr.com/jw8fmba/4rym8invt/resizephotosets.js"></script> <script type="text/javascript"> $('#post').resizephotosets({vertical: true}); </script> {/block:IndexPage} <div class="autopagerize_page_element"> {block:Posts} <div id="post{block:Photo}_photo{/block:Photo}{block:Audio}_audio{/block:Audio}{block:Video}_video{/block:Video}"> {block:IndexPage} {block:Date} <div id="permalink" {block:Photo}style="display:none"{/block:Photo}{block:Photoset}style="display:none"{/block:Photoset}{block:Audio}style="display:none"{/block:Audio}> <a href="{Permalink}" class="left">{TimeAgo}</a> {block:NoteCount} <a href="{Permalink}" class="right"> {NoteCountWithLabel}</a> {/block:NoteCount} </div> {/block:Date} {/block:IndexPage} {block:Text} <div id="outer"> <div id="inner"> <div class="text"> {block:Title} <a href="{Permalink}"><h3>{Title}</h3></a> {/block:Title} <a href="{Permalink}" title="Permalink"> {Body}</a> </div> </div> </div> {/block:Text} {block:Photo} {block:IndexPage} <div id="photo"> <div id="hover"> <div id="box"> {block:Date}<a href="{Permalink}"> {block:NoteCount} {NoteCountWithLabel}<br /> {/block:NoteCount} {TimeAgo}<br /> {DayOfMonth} {ShortMonth} {Year}<br /> </a>{/block:Date} </div> <div id="box_2"> {block:IfPostHeightmedium} <a href="{Permalink}">Permalink</a> // {/block:IfPostHeightmedium} {block:IfPostHeightlarge} <a href="{Permalink}">Permalink</a> // {/block:IfPostHeightlarge} <a href="{ReblogURL}" target="_blank"> Reblog</a> </div> </div> <img src="{PhotoURL-500}"/> </div> {/block:IndexPage} {block:PermalinkPage} <center><img src="{PhotoURL-500}"/></center> {/block:PermalinkPage} {/block:Photo} {block:Photoset} <div id="photoset"> {block:IndexPage} {block:Date} <div id="inner"> <div id="hover"> <a href="{Permalink}"> {block:NoteCount} {NoteCountWithLabel}<br /> {/block:NoteCount} {TimeAgo}<br /> {DayOfMonth} {ShortMonth} {Year}<br /> </a> </div> <div id="hover2"> {block:IfPostHeightmedium} <a href="{Permalink}">Permalink</a> // {/block:IfPostHeightmedium} {block:IfPostHeightlarge} <a href="{Permalink}">Permalink</a> // {/block:IfPostHeightlarge} <a href="{ReblogURL}" target="_blank"> Reblog</a> </div> </div> {/block:Date} {Photoset-250} {/block:IndexPage} {block:PermalinkPage} {Photoset-400} {/block:PermalinkPage} </div> {/block:Photoset} {block:Quote} <div id="outer"> <div id="inner"> <div class="quote"> <div class="quote_symbol">,,</div> <a href="{Permalink}"><h3>{Quote}</h3></a> {block:Source} <center> <div class="source">{Source}</div> </center> {/block:Source} </div> </div> </div> {/block:Quote} {block:Link} <div id="outer"> <div id="inner"> <div class="link"> <a href="{URL}" class="link" {Target}> <h3>{Name}</h3></a> {block:Description} <a href="{Permalink}" title="Permalink"> <div class="description">{Description}</div> </a> {/block:Description} </div> </div> </div> {/block:Link} {block:Chat} <div id="outer"> <div id="inner"> <div class="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> </div> </div> </div> {/block:Chat} {block:Answer} <div id="outer"> <div id="inner"> <div class="question"> <img src="{AskerPortraitURL-64}" class="asker_portrait"/> <strong>{Asker}</strong><br> {Question} </div> <div class="answer"> <img src="{PortraitURL-40}" class="answer_portrait"/> {Answer} <div class="clear"></div> </div> </div> </div> {/block:Answer} {block:Video} <div id="outer"> <div id="inner"> <div class="video"> {block:IndexPage} {Video-250} {/block:IndexPage} {block:PermalinkPage} {Video-400} {/block:PermalinkPage} </div> </div> </div> {/block:Video} {block:Audio} <div class="album{block:AlbumArt}art{/block:AlbumArt}"> {block:AlbumArt} {block:IndexPage} <a href="{Permalink}"> {/block:IndexPage} <img src="{AlbumArtURL}" /> {block:IndexPage}</a>{/block:IndexPage} {/block:AlbumArt} </div> <div class="audio {block:PermalinkPage} {block:AlbumArt}short{/block:AlbumArt} {/block:PermalinkPage}"> {AudioPlayerBlack} </div> {block:PermalinkPage} <ul class="artist_info"> {block:Artist} <li>{Artist}</li> {/block:Artist} {block:Album} <li>{Album}</li> {/block:Album} {block:TrackName} <li>{TrackName}</li> {/block:TrackName} </ul>{/block:PermalinkPage} <div class="clear"></div> {/block:Audio} </div><!-- End Post --> {block:PermalinkPage} {block:Date} <div id="post_info"> {block:Caption} <div id="captionbox"> <div id="caption">{Caption}</div> </div> {/block:Caption} <ul id="post_info_list"> <center> {block:NoteCount} <li>{NoteCountWithLabel}</li> {/block:NoteCount} <li>{DayOfMonthWithZero} {Month} {Year}</li> {block:RebloggedFrom} <li><a href="{ReblogRootURL}" target="_blank"> Source</a></li> {/block:RebloggedFrom} {block:HighRes} <li><a href="{PhotoURL-HighRes}" target="_blank"> High-Res</a></li> {/block:HighRes} {block:ExternalAudio} <li><a href="{ExternalAudioURL}" target="_blank"> Download</a></li> {/block:ExternalAudio} </center> </ul> {block:IfFacebookComments} <div id="fb_comments"> <div class="fb-comments" data-href="{URLEncodedPermalink}" data-num-posts="2" data-width="400"></div> </div> {/block:IfFacebookComments} {block:PostNotes}{PostNotes} {/block:PostNotes} </div> {/block:Date} {/block:PermalinkPage} {/block:Posts} {block:PermalinkPage}<div class="clear"></div>{/block:PermalinkPage} </div> {block:IfNotSidebarorHeader} {block:IfNotInfiniteScroll} {block:Pagination} <div id="pagination_bottom"> {block:PreviousPage} <a href="{PreviousPage}">Previous Page</a> {/block:PreviousPage} {block:NextPage} <a href="{NextPage}" class="next">Next Page</a> {/block:NextPage} </div> {/block:Pagination} {/block:IfNotInfiniteScroll} {/block:IfNotSidebarorHeader} </div><!-- End Content --> {block:IfNotSidebarorHeader} </center> {/block:IfNotSidebarorHeader} </div> </body> </html> </pre> <p> <a href="http://customizemytumblr.com/post/23981735683/how-to-install-a-tumblr-theme-this-how-to-will" alt="How to Install a Tumblr Theme"><img src="http://static.tumblr.com/tkzrdeo/X5um4rkmk/how-to-install-a-tumblr-theme.jpg"/></a> </p>http://customizemytumblr.com/post/31973279655http://customizemytumblr.com/post/31973279655Fri, 21 Sep 2012 02:18:00 -0400customize tumblrmax davisthemestumblr themetumblr themesfree themesfree tumblr themestumblr<img src="http://24.media.tumblr.com/tumblr_maoomdo5UX1rx4boco1_500.jpg"/><br/><br/><h1><a href="http://customizemytumblr.com/post/31970734899/how-to-change-the-tumblr-logo-to-tumblah">How to Change the tumblr Logo to “Tumblah”</a></h1> <p> Want to <strong>customize</strong> your tumblr experience to the max? This tutorial will teach you how to replace the normal <strong>“tumblr.”</strong> logo with a cooler <strong>“tumblah.”</strong> logo. <br/>(Firefox & Chrome only) </p> <!-- more --> <h3>Final Result</h3> <p> Your final result will look like so: <br/><br/><img src="https://dl.dropbox.com/u/52386376/customizemytumblr/tumblah/finalresult.jpg"/></p> <h3>First Step</h3> <p> Go to this link <a href="http://userstyles.org/styles/46437/tumblr-tumblah-logo"><a href="http://userstyles.org/styles/46437/tumblr-tumblah-logo">http://userstyles.org/styles/46437/tumblr-tumblah-logo</a></a> and click on <strong>install just Stylish</strong> (or “first install Stylish” with Google chrome). <br/><br/><strong>Firefox:</strong> <img alt="Step 1 on How To Change the tumblr Logo to Tumblah" src="https://dl.dropbox.com/u/52386376/customizemytumblr/tumblah/step1.jpg"/><br/><br/><strong>Chrome:</strong> <img alt="Step 1 on How To Change the tumblr Logo to Tumblah" src="https://dl.dropbox.com/u/52386376/customizemytumblr/tumblah/step1chrome.jpg"/></p> <h3>Step 2</h3> <p> In Firefox the Installation will be prevented unless you click on the <strong>allow</strong> button on the popup and then click <strong>“Install Now”</strong><br/> In Chrome you have to click the <strong>“Add”</strong> button. <br/><br/><strong>Firefox (2 Steps):</strong> <img alt="Step 2 on How To Change the tumblr Logo to Tumblah" src="https://dl.dropbox.com/u/52386376/customizemytumblr/tumblah/step2ff.jpg"/><br/><br/><img alt="Step 2 on How To Change the tumblr Logo to Tumblah" src="https://dl.dropbox.com/u/52386376/customizemytumblr/tumblah/step2-5ff.jpg"/><br/><br/><strong>Chrome:</strong> <img alt="Step 2 on How To Change the tumblr Logo to Tumblah" src="https://dl.dropbox.com/u/52386376/customizemytumblr/tumblah/step2chrome.jpg"/> (chrome) </p> <h3>Step 3</h3> <p> Restart firefox, (if you are using chrome you don’t have to restart), and go to this link again <a href="http://userstyles.org/styles/46437/tumblr-tumblah-logo"><a href="http://userstyles.org/styles/46437/tumblr-tumblah-logo">http://userstyles.org/styles/46437/tumblr-tumblah-logo</a></a>. Click on <strong>+ Install with Stylish</strong> . <br/><br/><strong>Firefox & Chrome:</strong> <img alt="Step 3 on How To Change the tumblr Logo to Tumblah" src="https://dl.dropbox.com/u/52386376/customizemytumblr/tumblah/step3chrome.jpg"/></p> <h3>Final Step: Step 3</h3> <p> You will see a <strong>“Style installed!”</strong> message. Navigate to your tumblr, refresh the page and your <strong>“Tumblah.”</strong> logo should be in place! <br/><br/><strong>Happy Tumblring!</strong> </p> <p><a href="http://customizemytumblr.com/tagged/Themes"><img alt="Tumblr Themes" height="79" src="http://static.tumblr.com/tkzrdeo/3mFm4rps8/click-for-tumblr-themes.jpg" width="837"/></a></p>http://customizemytumblr.com/post/31970734899http://customizemytumblr.com/post/31970734899Fri, 21 Sep 2012 01:01:00 -0400Howtotumblrtumblahtumblr customizationcustom tumblr logotumblr logo<img src="http://25.media.tumblr.com/tumblr_mao1jd7TMW1rx4boco1_500.jpg"/><br/><br/><h1><a href="http://customizemytumblr.com/post/31938782452/where-is-the-customize-theme-option-tumblr">Where is the “Customize Theme” Option?</a></h1> <p> Tumblr recently redesigned its user interface and has moved a few things. If you are a constant theme changer or like to customize your tumblr blog option you might have ran into some trouble with the new redesign. Tumblr has removed the <strong>“Customize Theme”</strong> option from your tumblr sidebar making it a bit more difficult to find the option. This tutorial will teach you how to <strong>customize your theme</strong> through tumblr’s new interface. </p> <!-- more --> <h3>First Step</h3> <p> Log in to your <a href="http://tumblr.com">Tumblr</a> account and select your blog from the sidebar to the right. <br/><br/><img alt="Step 1 on How To Customize Tumblr Theme" src="https://dl.dropbox.com/u/52386376/customizemytumblr/customize%20blog/step1.jpg"/><br/><br/><img alt="Step 1 on How To Customize Tumblr Theme" src="https://dl.dropbox.com/u/52386376/customizemytumblr/customize%20blog/step2.jpg"/></p> <h3>Step 2</h3> <p> Once your in your blogs dashboard, click on the <strong>“Settings”</strong> Gear from the top navigation. <br/><br/><img alt="Step 2 on How To Customize Tumblr Theme" src="https://dl.dropbox.com/u/52386376/customizemytumblr/customize%20blog/step3.jpg"/></p> <h3>Step 3</h3> <p> Select your <strong>tumblr blog</strong> once more from the sidebar to the left. <br/><br/><img alt="Step 3 on How To Customize Tumblr Theme" src="https://dl.dropbox.com/u/52386376/customizemytumblr/customize%20blog/step4.jpg"/></p> <h3>Final Step: Step 4</h3> <p> Lastly click on the <strong>“Theme [Customize]”</strong> button. <br/><br/><img alt="Step 4 of How To Customize Tumblr Theme" src="https://dl.dropbox.com/u/52386376/customizemytumblr/customize%20blog/step5.jpg"/><br/><br/> Now you will be able to <strong>customize your tumblr theme</strong>. <br/><br/><strong>Happy Tumblring!</strong> </p> <p><a href="http://customizemytumblr.com/tagged/Themes"><img alt="Tumblr Themes" height="79" src="http://static.tumblr.com/tkzrdeo/3mFm4rps8/click-for-tumblr-themes.jpg" width="837"/></a></p>http://customizemytumblr.com/post/31938782452http://customizemytumblr.com/post/31938782452Thu, 20 Sep 2012 16:42:00 -0400customize themenew dashboardnew tumblrtumblr customizationtumblr helpHowtoMiscellaneous<img src="http://24.media.tumblr.com/tumblr_m8uihxFpVA1rx4boco1_500.jpg"/><br/><br/><h1><a href="#link">Royal Cameleon by <i>goroboto</i></a></h1> <p> <b>Options:</b> Title , Description, Color 1, Color 2<br/><br/><b>Features:</b>Google Analytics ID, Twitter Name, Facebook URL, RSS Link<br/><!-- more --><br/><b>Demo: </b> <a href="http://safe.tumblr.com/theme/preview/13331" target="_blank"><a href="http://safe.tumblr.com/theme/preview/13331">http://safe.tumblr.com/theme/preview/13331</a></a> <br/><br/><b>Theme Html Code: </b><br/></p> <pre name="box-content" id="box-content"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <meta name="text:Google Analytics ID" content=""/> {block:Description} <meta name="description" content="{MetaDescription}"/> {/block:Description} <meta name="text:Twitter Name" content=""/> <meta name="text:Facebook Profile URL" content=""/> <meta name="color:Color1" content="#1DCAC0"/> <meta name="color:Color2" content="#C10000"/> <title>{Title}{block:PostSummary} | {PostSummary}{/block:PostSummary}{block:SearchPage} | Search results for "{SearchQuery}"{/block:SearchPage}</title> <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/ts2nqrf/ozylq3ufg/screen.css" /> <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/ts2nqrf/qe1lq3uho/bebas.css" /> <link rel="shortcut icon" href="{Favicon}" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <style type="text/css"> #footer { background-color: {color:Color1}; } #header { background-color: {color:Color1}; } #post a { color: {color:Color2};} #description a { color: {color:Color2};} .name { color: {color:Color2};} .answertags { color: {color:Color2};} .post-color { background-color: {color:Color2}; } blockquote { border-color: {color:Color2}; } .tagshowing { color: {color:Color2};} h3 a:hover {color: {color:Color2};} {CustomCSS} </style> </head> <body> <div id="wrapper"> <div id="header"> <div id="header-pat"> <div id="header-top"> <div id="header-icons"> <div class="btn-rss"><a href="{RSS}">RSS</a></div> <div class="btn-archive"><a href="/archive">ARCHIVE</a></div> {block:AskEnabled}<div class="btn-ask"><a href="/ask">ASK</a></div>{/block:AskEnabled} {block:SubmissionsEnabled}<div class="btn-write"><a href="/submit">Submit a Post</a></div>{/block:SubmissionsEnabled} {block:IfFacebookProfileURL}<div class="btn-fb"><a href="{text:Facebook Profile URL}" target="_blank">Facebook</a></div>{/block:IfFacebookProfileURL} {block:IfTwitterName}<div class="btn-twitter"><a href="http://twitter.com/{text:Twitter Name}" target="_blank">Twitter</a></div>{/block:IfTwitterName} </div> <h1 class="bebas" title="{Title}"><a href="/">{Title}</a></h1> </div> <div id="header-end"> <div id="header-bot"></div> <div id="header-cap"></div> </div> <div class="clear"></div> </div> </div> <div id="container" class="clear"> {block:HasPages} <div id="description"><h3 class="bebas"> {block:Pages} <a href="{URL}">{Label}&nbsp;&nbsp;&nbsp;&nbsp;</a> {/block:Pages} </h3></div> {/block:HasPages} {block:Description} <div id="description"><h3 class="bebas">{Description}</h3></div> {/block:Description} {block:TagPage} <div id="tagsdisplay"><h3 class="bebas">Posts Tagged: <span class="tagshowing">{Tag}</span></h3></div> {/block:TagPage} {block:Posts} <div id="post"> <div class="post-header"> <div class="post-color"> <div class="title-texture"> {block:Title}<h2 class="bebas"><a href="{Permalink}">{Title}</a></h2>{/block:Title} {block:Quote}<h2 class="bebas"><a href="{Permalink}">Quote</a></h2>{/block:Quote} {block:Photo}<h2 class="bebas"><a href="{Permalink}">Photo</a></h2>{/block:Photo} {block:Photoset}<h2 class="bebas"><a href="{Permalink}">Photo Set</a></h2>{/block:Photoset} {block:Link}<h2 class="bebas"><a href="{Permalink}">Link</a></h2>{/block:Link} {block:Video}<h2 class="bebas"><a href="{Permalink}">Video</a></h2>{/block:Video} {block:Answer}<h2 class="bebas"><a href="{Permalink}">Answer</a></h2>{/block:Answer} {block:Audio}<h2 class="bebas"><a href="{Permalink}">Audio</a></h2>{/block:Audio} </div> {block:Audio}<div class="cap-audio"><a href="{Permalink}">Audio</a></div>{/block:Audio} {block:Chat}<div class="cap-chat"><a href="{Permalink}">Chat</a></div>{/block:Chat} {block:Answer}<div class="cap-chat"><a href="{Permalink}">Answer</a></div>{/block:Answer} {block:Link}<div class="cap-link"><a href="{Permalink}">Link</a></div>{/block:Link} {block:Photo}<div class="cap-photo"><a href="{Permalink}">Photo</a></div>{/block:Photo} {block:Photoset}<div class="cap-photo"><a href="{Permalink}">Photo Set</a></div>{/block:Photoset} {block:Text}<div class="cap-post"><a href="{Permalink}">Text</a></div>{/block:Text} {block:Quote}<div class="cap-quote"><a href="{Permalink}">Quote</a></div>{/block:Quote} {block:Video}<div class="cap-video"><a href="{Permalink}">Video</a></div>{/block:Video} <div class="clear"></div> </div> <div class="post-spacer"></div> </div> <div class="clear"></div> <div class="post-info bebas"> <div class="parts">{block:Date}{TimeAgo}{/block:Date}&nbsp;&nbsp;&nbsp; {block:HasTags}|&nbsp;&nbsp;&nbsp;Tags: {block:Tags} <span class="tags"><a href="{TagURL}">{Tag}</a></span> {/block:Tags} &nbsp; {/block:HasTags} {block:NoteCount}|&nbsp;&nbsp;&nbsp;Notes: <a href="{Permalink}#notes">{NoteCount}</a>{/block:NoteCount}</div> <div class="clear"></div> </div> <div class="post-content"> {Video-500} {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}" alt="" width="207" height="207"/></div>{/block:AlbumArt} {AudioPlayerBlack} {AudioEmbed} {Photoset-500} {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}{/block:Photo} <p> {block:Quote} <div id="quotes"> <h3 class="bebas floatleft">"{Quote}"</h3> <div class="clear"></div> <div class="quote-name">- {Source}</div> <div class="clear"></div> </div> {/block:Quote} {block:Link} <h3 class="bebas floatleft"><a href="{URL}" {Target}>{Name}</a></h3><div class="clear"></div> {block:Description}{Description}{block:Description} {/block:Link} {block:Caption}{Caption}{block:Caption} {Body} {block:Chat} <ul> {block:Lines} <li class="chat"> <div> {block:Label}<span class="name">{Label}</span>{/block:Label} <span class="message">{Line}</span> <div class="clear"></div> </div> </li> {/block:Lines} </ul> {/block:Chat} {block:Answer} <ul> <li class="chat"> <div> <span class="answertags bebas">Question:</span> <span class="message bold">{Question} - {Asker}</span> <div class="clear"></div> </div> </li> <li class="chat"> <div> <span class="answertags bebas">Answer:</span> <span class="message">{Answer}</span> <div class="clear"></div> </div> </li> </ul> {/block:Answer} {block:ContentSource} <a href="{SourceURL}" target="_blank"> {lang:Source}: {block:SourceLogo} <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo} {SourceLink} {/block:NoSourceLogo} </a> {/block:ContentSource} {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes} </p> </div> </div> {/block:Posts} </div><!--- End Container ---> </div><!--- End Wrapper ---> <div id="footer"> <div id="footer-pat"> <div id="header-end"> <div id="footer-top"></div> </div> <div id="footer-bot"> {block:PreviousPage}<div class="btn-prev"><a href="{PreviousPage}">Previous</a></div>{/block:PreviousPage} {block:NextPage}<div class="btn-next"><a href="{NextPage}">Next</a></div>{/block:NextPage} {block:PermalinkPage}<div class="btn-prev"><a href="javascript:javascript:history.go(-1)">Back</a></div>{/block:PermalinkPage} {block:TagPage}<div class="btn-prev"><a href="javascript:javascript:history.go(-1)">Back</a></div>{/block:TagPage} <a href="http://www.goroboto.com" target="_blank" class="attribution bebas">A THEME BY GOROBOTO</a> </div> </div> </div> {block:IfGoogleAnalyticsID} <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker("{text:Google Analytics ID}"); pageTracker._trackPageview(); } catch(err) {} </script> {/block:IfGoogleAnalyticsID} </body> </html> </pre> <p> <a href="http://customizemytumblr.com/post/23981735683/how-to-install-a-tumblr-theme-this-how-to-will" alt="How to Install a Tumblr Theme"><img src="http://static.tumblr.com/tkzrdeo/X5um4rkmk/how-to-install-a-tumblr-theme.jpg"/></a> </p>http://customizemytumblr.com/post/29546355253http://customizemytumblr.com/post/29546355253Thu, 16 Aug 2012 07:27:33 -0400tumblr themetumblrfree themesfree tumblr themestumblr customization<iframe width="400" height="225" src="http://www.youtube.com/embed/KqJk5BhZOGc?wmode=transparent&autohide=1&egm=0&hd=1&iv_load_policy=3&modestbranding=1&rel=0&showinfo=0&showsearch=0" frameborder="0" allowfullscreen></iframe><br/><br/>http://customizemytumblr.com/post/25796118716http://customizemytumblr.com/post/25796118716Sun, 24 Jun 2012 14:56:07 -0400Miscellaneousvideos<img src="http://25.media.tumblr.com/tumblr_m5gwvqY90g1rx4boco1_500.jpg"/><br/><br/><h1><a href="http://customizemytumblr.com/post/24899545627/showroom-by-mixpanel-options-title">Showroom by <i>mixpanel</i></a></h1> <p> <b>Options:</b> Title , Description<br/><br/><b>Features:</b> Notes, Disqus Comments System, Google Analytics<br/><!-- more --><br/><b>Demo: </b> <a href="http://safe.tumblr.com/theme/preview/33261" target="_blank"><a href="http://safe.tumblr.com/theme/preview/33261">http://safe.tumblr.com/theme/preview/33261</a></a> <br/><br/><b>Theme Html Code: </b><br/></p> <pre name="box-content" id="box-content"> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description} <meta name="if:Show Notes" content="1"/> <meta name="text:Disqus Shortname" content=""/> <meta name="text:Google Analytics ID" content=""/> <title>{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title> <link rel="shortcut icon" href="{Favicon}" /> <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/> <script src="http://static.tumblr.com/xz44nnc/o5lkyivqw/jquery-1.3.2.min.js"></script> <!-- Showroom theme by Mixpanel (<a href="http://mixpanel.com">http://mixpanel.com</a>) --> <!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <style> /* Reset CSS */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } html, body { height: 100%; } body { background: url(<a href="http://static.tumblr.com/ge74hdk/G3flw5yrs/wood_pattern.png">http://static.tumblr.com/ge74hdk/G3flw5yrs/wood_pattern.png</a>); font-family: Helvetica, arial, sans-serif; } a { text-decoration: none; color: inherit; } .icon_image { background: url(<a href="http://static.tumblr.com/ge74hdk/gDtlw9u9f/icons.png">http://static.tumblr.com/ge74hdk/gDtlw9u9f/icons.png</a>) no-repeat; } .purple { background: url(<a href="http://static.tumblr.com/ge74hdk/h4llw84gr/purple_pixel.png">http://static.tumblr.com/ge74hdk/h4llw84gr/purple_pixel.png</a>); } #topbar { background: url(<a href="http://static.tumblr.com/ge74hdk/FO9lw61pp/topbar.png">http://static.tumblr.com/ge74hdk/FO9lw61pp/topbar.png</a>) repeat-x; height: 52px; } #topbar_contents { width: 882px; margin: auto; height: 30px; padding: 9px 40px; position: relative; } #topbar_contents ul { list-style-type: none; } #topbar_contents li { float: left; padding-top: 4px; padding-right: 7px; } #topbar_contents li a { height: 22px; border-radius: 12px; line-height: 22px; font-size: 13px; /* font-weight: bold;*/ color: #FFFFFF; text-shadow: 0px 1px #000000; background-color: #474b7e; box-shadow: inset 0px 1px #56588b, 0px 1px #202033, 0px -1px #3d3e6c; padding: 0px 11px; background: url(<a href="http://static.tumblr.com/ge74hdk/Muhlw6c9s/button_bg.png">http://static.tumblr.com/ge74hdk/Muhlw6c9s/button_bg.png</a>) repeat-x; /* <a href="http://static.tumblr.com/ge74hdk/tj4lw6cao/button_bg_active.png*/">http://static.tumblr.com/ge74hdk/tj4lw6cao/button_bg_active.png*/</a> user-select: none; -moz-user-select: none; -webkit-user-select: none; display: inline-block; *display: inline; } #topbar_contents li a:active { background: url(<a href="http://static.tumblr.com/ge74hdk/tj4lw6cao/button_bg_active.png">http://static.tumblr.com/ge74hdk/tj4lw6cao/button_bg_active.png</a>) repeat-x; box-shadow: inset 0px 1px #242339, 0px 1px #484761, 0px -1px #232338; } #searchbox { position: absolute; right: 40px; width: 310px; } #searchbox #search_background { background-color: #252740; opacity: 0.5; box-shadow: inset 0px 0px 2px #000000; height: 30px; width: 310px; border-radius: 15px; display: inline-block; *display: inline; position: absolute; top: 0px; } #searchbox .icon_image { background-position: -24px 0px; height: 24px; width: 24px; position: absolute; top: 4px; left: 4px; } #searchbox input { color: #FFF; height: 14px; font-size: 13px; background: transparent; width: 250px; padding: 8px 20px 8px 35px; border: none; position: absolute; top: 0px; } #searchbox input:focus { outline: none; } #content { width: 882px; padding: 0px 40px; margin: auto; position: relative; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif; text-shadow: 0px 1px #FFFFFF; color: #777777; font-weight: 300; } #content a { color: #4b55b2; font-weight: bold; } #content em { font-style: italic; } #content ul { margin: 10px 0px 10px 15px; } #content ol { margin: 10px 0px 10px 20px; } #content blockquote { border-left: 4px solid #adadad; padding: 2px 0 2px 8px; margin: 20px 0; } h1#blog_title { margin: 24px 0; } h1#blog_title a { color: #000000; font-size: 60px; position: relative; z-index: 1; } h1#blog_title canvas, h1#blog_title cufon { opacity: 0.73; } #content #left { width: 532px; position: absolute; left: 40px; top: 0px; } #content #right { width: 310px; position: absolute; right: 40px; top: 0px; } #about { margin-top: 84px; position: relative; } #about_upper { background: url(<a href="http://static.tumblr.com/ge74hdk/XtRlw9jlo/about_top.png">http://static.tumblr.com/ge74hdk/XtRlw9jlo/about_top.png</a>) no-repeat; height: 99px; width: 314px; } #about_middle { background: url(<a href="http://static.tumblr.com/ge74hdk/mtSlw9jvf/about_middle.png">http://static.tumblr.com/ge74hdk/mtSlw9jvf/about_middle.png</a>) repeat-y; width: 314px; } #about_lower { background: url(<a href="http://static.tumblr.com/ge74hdk/537lw9jl6/about_bottom.png">http://static.tumblr.com/ge74hdk/537lw9jl6/about_bottom.png</a>) no-repeat; width: 314px; height: 29px; } #about_content { padding: 10px 29px; line-height: 1.4em; font-size: 14px; } #about #portrait { float: right; margin-top: -41px; width: 54px; height: 54px; padding: 3px; background-color: #FFFFFF; border: 1px solid #d9d6c6; } #tape { background: url(<a href="http://static.tumblr.com/ge74hdk/5xmlw9ovm/tape.png">http://static.tumblr.com/ge74hdk/5xmlw9ovm/tape.png</a>) no-repeat; width: 38px; height: 32px; position: absolute; top: 58px; right: 13px; } #left div.item { position: relative; margin-bottom: 10px; } #left div.item .item_content img { max-width: 500px; display: block; } #left div.item .item_content iframe { display: block; } #left div.item .upper { background: url(<a href="http://static.tumblr.com/ge74hdk/3Cklwbrez/post_upper.png">http://static.tumblr.com/ge74hdk/3Cklwbrez/post_upper.png</a>) no-repeat; height: 15px; } #left div.item .middle { background: url(<a href="http://static.tumblr.com/ge74hdk/7Xmlwbrdl/post_middle.png">http://static.tumblr.com/ge74hdk/7Xmlwbrdl/post_middle.png</a>); min-height: 0px; } #left div.item .lower_no_info { background: url(<a href="http://static.tumblr.com/ge74hdk/FNolwh5aa/post_bottom.png">http://static.tumblr.com/ge74hdk/FNolwh5aa/post_bottom.png</a>) no-repeat; height: 21px; width: 532px; position: relative; top: -2px; } #left div.item .lower { background: url(<a href="http://static.tumblr.com/ge74hdk/ibwlwbrcv/post_lower.png">http://static.tumblr.com/ge74hdk/ibwlwbrcv/post_lower.png</a>) no-repeat; height: 70px; position: relative; top: -23px; } #left div.item .lower a { color: #777777; font-weight: 300; position: relative; padding-left: 26px; margin-left: 13px; } #left div.item .lower a .icon_image { position: absolute; top: -2px; left: 0px; width: 24px; height: 24px; } #left div.item .lower a.time_ago .icon_image { background-position: -24px -24px; } #left div.item .lower a.note_count .icon_image { background-position: -24px -48px; } #left div.item .lower a.dsq-comment-count { background: url(<a href="http://static.tumblr.com/ge74hdk/gDtlw9u9f/icons.png">http://static.tumblr.com/ge74hdk/gDtlw9u9f/icons.png</a>) no-repeat; background-position: -24px -74px; } #left div.item .item_content { position: relative; top: -5px; padding: 0px 10px; } #left div.item .item_content .post_title { font-size: 20px; margin-top: -6px; } #left div.item .item_content a { } #left div.item .item_content p { margin: 10px 0; } #left div.item .item_content p:first-child { margin-top: 0px; } #left div.item .item_content p:last-child { margin-bottom: 0px; } #left div.item .item_content blockquote:first-child { margin-top: 0px; } #left div.item .item_content blockquote:last-child { margin-bottom: 0px; } #left .post_tag { background: url(<a href="http://static.tumblr.com/ge74hdk/MmJlw7ibo/post_tag.png">http://static.tumblr.com/ge74hdk/MmJlw7ibo/post_tag.png</a>) no-repeat; width: 39px; height: 35px; position: absolute; left: -38px; top: 10px; } #left .post_tag .icon_image { width: 24px; height: 24px; position: relative; top: 5px; left: 11px; } #left .item .content_border { padding: 5px; background-color: #FFFFFF; box-shadow: 0px 1px 2px #a8a293; display: inline-block; max-width: 500px; } #left .item .lower .lower_content { padding: 30px 30px 0px; text-shadow: none; } #left .item .lower_content a { float: right; } #left .item .lower_content a.time_ago { float: none; margin: 0px; position: relative; top: 1px; } .time_ago_container {} .time_ago_container .hl { float: left; } .time_ago_container .hl_left { background: url(<a href="http://static.tumblr.com/ge74hdk/VINlwgqym/timestamp_left.png">http://static.tumblr.com/ge74hdk/VINlwgqym/timestamp_left.png</a>) no-repeat; height: 23px; width: 8px; } .time_ago_container .hl_right { background: url(<a href="http://static.tumblr.com/ge74hdk/ZLllwgqyz/timestamp_right.png">http://static.tumblr.com/ge74hdk/ZLllwgqyz/timestamp_right.png</a>) no-repeat 0px -1px; height: 24px; width: 15px; } .time_ago_container .hl_middle { background-color: #efe7b4; height: 23px; } /* post-type-specific styles */ #left .item.text .item_content { padding: 16px 31px; } #left div.item.text img { max-width: 470px !important; } #left .item .caption_border_outer { border-top: 1px solid #dcd7d4; border-bottom: 1px solid #FFFFFF; margin-top: 10px; } #left .item .caption_border_inner { border-top: 1px solid #FFFFFF; border-bottom: 1px solid #dcd7d4; height: 3px; width: 512px; } #left .item .caption { padding: 12px 12px 5px; } #left .item.link .item_content { padding: 16px 31px; } #left .item.link a.link { padding: 6px 10px; border-radius: 4px; display: inline-block; *display: inline; /* IE filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; */ } #left .item.link .border_inner { border-bottom: 1px solid #959acc; display: inline; } #left .item.link .border_outer { border-bottom: 1px solid #c7c9e3; display: inline; } #left .item.chat .item_content { padding: 16px 31px; } #left .item.chat .item_content .line { border-radius: 4px; padding: 5px; } #left .item.chat .odd { background: url(<a href="http://static.tumblr.com/ge74hdk/h4llw84gr/purple_pixel.png">http://static.tumblr.com/ge74hdk/h4llw84gr/purple_pixel.png</a>); } #left .item.quote .item_content { padding: 16px 31px; } #left .item.quote .quote_container { padding-bottom: 5px; } #left .item.quote .quote_body { border-top: 1px solid #d3d2d3; border-left: 1px solid #d3d2d3; border-right: 1px solid #d3d2d3; width: 449px; padding: 8px 10px; border-radius: 4px 4px 0 0; } #left .item.quote .quote_lower { background: url(<a href="http://static.tumblr.com/ge74hdk/RDLlwbryq/quote_lower.png">http://static.tumblr.com/ge74hdk/RDLlwbryq/quote_lower.png</a>) no-repeat; width: 471px; height: 18px; } #left .item.quote cite { font-weight: bold; } #left .item.audio .item_content { padding: 16px 31px; min-height: 0px; } #left .item.audio .art { float: left; padding-right: 25px; background: url(<a href="http://static.tumblr.com/ge74hdk/s4Flw877a/record.png">http://static.tumblr.com/ge74hdk/s4Flw877a/record.png</a>) no-repeat right top; margin-right: 16px; } #left .item.audio .art img { width: 110px; border-bottom: 1px solid #cfccc5; } #left .item.audio .track_info { float: left; font-size: 15px; } #left .item.audio .track_info .track_name { font-size: 20px; font-weight: bold } #left .item.audio .track_info .artist_album { font-size: 16px; font-weight: bold } #left .item.audio .track_info .audio_player { display: inline-block; *display: inline; } #left .item.audio .track_info .audio_player embed { outline: none; } #left .item.audio .track_info .player_wrapper { background-color: #e4e4e4; border-radius: 4px; padding: 7px 4px 5px; margin-top: 4px; border: 1px solid #c2c2cc; box-shadow: inset 0px 1px #f6f6f7; display: inline-block; *display: inline; } #left .item.audio .track_info .play_count { font-weight: bold; font-size: 13px; padding-top: 10px; } /* post icons */ .item.text .post_tag .icon_image { background-position: 0px 0px; } .item.photo .post_tag .icon_image { background-position: 0px -24px; } .item.photoset .post_tag .icon_image { background-position: 0px -24px; } .item.quote .post_tag .icon_image { background-position: 0px -144px; } .item.link .post_tag .icon_image { background-position: 0px -120px; } .item.chat .post_tag .icon_image { background-position: 0px -96px; } .item.audio .post_tag .icon_image { background-position: 0px -168px; } .item.video .post_tag .icon_image { background-position: 0px -48px; } #notes {} #notes_header { background: url(<a href="http://static.tumblr.com/ge74hdk/Cjflwgqwi/notes_header.png">http://static.tumblr.com/ge74hdk/Cjflwgqwi/notes_header.png</a>) no-repeat; height: 43px; width: 530px; } #notes ol.notes { background-color: #faf5d3; background-color: rgba(250, 245, 211, 0.7); padding: 4px 12px; margin: 0px; list-style: none; width: 504px; border-left: 1px solid #ad9d71; border-right: 1px solid #ad9d71; border-bottom: 1px solid #ad9d71; border-radius: 0px 0px 4px 4px; margin-bottom: 40px; } #notes ol.notes li { border-bottom: 1px solid #e2d1b1; border-top: 1px solid #f9f2e0; padding: 6px 0; } #notes ol.notes li:first-child { border-top: none; } #notes ol.notes li:last-child { border-bottom: none; } #notes ol.notes li img.avatar { position: relative; top: 3px; padding-right: 10px; } #notes ol.notes blockquote { margin: 15px 0 15px 30px; } #sidebar { position: relative; left: 3px; top: 25px; } #mplift_widget_holder { /* XXX */ display: block; width: 308px; background-color: transparent; border: none; padding-bottom: 53px; } #mplift_header { background: url(<a href="http://static.tumblr.com/ge74hdk/sD4lw9jmc/exchange_top.png">http://static.tumblr.com/ge74hdk/sD4lw9jmc/exchange_top.png</a>) no-repeat; width: 308px; height: 57px; text-indent: -7000px; border: none; padding: 0px; } #mplift_items { background: url(<a href="http://static.tumblr.com/ge74hdk/Kxblw9q77/exchange_middle.png">http://static.tumblr.com/ge74hdk/Kxblw9q77/exchange_middle.png</a>) repeat-y; width: 296px; padding: 0px 6px; } #mplift_items .mplift_item { border-color: rgb(227, 224, 211); border-bottom: 1px solid rgba(227, 224, 211, 0.8); padding: 10px 11px; } #mplift_items .mplift_item a { color: #777777; font-weight: 300; font-size: 14px; text-shadow: 0px 1px #FFF; } #mplift_items .mplift_item a:hover { color: #4b55b2; text-decoration: underline; } #mplift_items .mplift_item:last-child { border: none; } #mplift_footer { background: url(<a href="http://static.tumblr.com/ge74hdk/RBllw9jm1/exchange_bottom.png">http://static.tumblr.com/ge74hdk/RBllw9jm1/exchange_bottom.png</a>) no-repeat; width: 308px; height: 53px; text-indent: -7000px; border: none; position: relative; margin-bottom: -15px; } #mplift_footer a { display: block; height: 25px; width: 160px; position: absolute; right: 37px; top: 18px; } #want { position: relative; top: -27px; } #want a { display: block; width: 204px; height: 53px; background: url(<a href="http://static.tumblr.com/ge74hdk/OPLlwh59m/want.png">http://static.tumblr.com/ge74hdk/OPLlwh59m/want.png</a>) no-repeat bottom center transparent; margin: auto; } #want a:hover { background: url(<a href="http://static.tumblr.com/ge74hdk/vtnlwh6py/want_hover.png">http://static.tumblr.com/ge74hdk/vtnlwh6py/want_hover.png</a>) no-repeat bottom center transparent; } /* disqus... */ #disqus_thread { background: url(<a href="http://static.tumblr.com/ge74hdk/BqVlwgya8/mixpanel-single-page_10.png">http://static.tumblr.com/ge74hdk/BqVlwgya8/mixpanel-single-page_10.png</a>) no-repeat top; padding: 43px 1px 0; color: #FFFFFF; text-shadow: none; margin-bottom: 40px; } #dsq-content { padding: 20px; background-color: #70482f; background-color: rgba(84, 44, 24, 0.7); border: 1px solid #5c401f; border-top: #7f4f31; border-radius: 0px 0px 4px 4px; box-shadow: 0px 1px #edd8be; font-size: 15px; } #dsq-content a { text-shadow: none; font-weight: normal; } #dsq-content h3 { font-size: 17px; font-weight: bold; } #dsq-reply { margin-top: 10px; } #dsq-reply a { color: #faf5d3; } #dsq-comments a { color: #bd8a6b; } #disqus_thread #dsq-content #dsq-global-toolbar { margin: 0px 0px 20px; } #dsq-account-dropdown { font-size: 15px; } #dsq-subscribe { display: none; } #dsq-comments .dsq-comment-header { background-color: #7e5237; border: 1px solid #5d3721; box-shadow: inset 0px 1px solid #915e3f; } /* <a href="http://static.tumblr.com/ge74hdk/Cjflwgqwi/notes_header.png">http://static.tumblr.com/ge74hdk/Cjflwgqwi/notes_header.png</a> <a href="http://static.tumblr.com/ge74hdk/Xqflwgqws/prev_hover.png">http://static.tumblr.com/ge74hdk/Xqflwgqws/prev_hover.png</a> <a href="http://static.tumblr.com/ge74hdk/VINlwgqym/timestamp_left.png">http://static.tumblr.com/ge74hdk/VINlwgqym/timestamp_left.png</a> <a href="http://static.tumblr.com/ge74hdk/ZLllwgqyz/timestamp_right.png">http://static.tumblr.com/ge74hdk/ZLllwgqyz/timestamp_right.png</a> */ #pagination { padding-bottom: 40px; position: relative; top: -20px; } .pagination { background-repeat: no-repeat; width: 94px; height: 37px; float: left; } #prev_page { background-image: url(<a href="http://static.tumblr.com/ge74hdk/rkIlwgqx1/prev.png">http://static.tumblr.com/ge74hdk/rkIlwgqx1/prev.png</a>); } #prev_page:hover { background-image: url(<a href="http://static.tumblr.com/ge74hdk/bmllwh2we/prev_hover.png">http://static.tumblr.com/ge74hdk/bmllwh2we/prev_hover.png</a>); } #next_page { background-image: url(<a href="http://static.tumblr.com/ge74hdk/1frlwgqw7/next.png">http://static.tumblr.com/ge74hdk/1frlwgqw7/next.png</a>); float: right; } #next_page:hover { background-image: url(<a href="http://static.tumblr.com/ge74hdk/stXlwgqvl/next_hover.png">http://static.tumblr.com/ge74hdk/stXlwgqvl/next_hover.png</a>); } #no_results { font-size: 24px; color: #57453b; text-shadow: 0px 1px #FFFFFF; text-shadow: 0px 1px rgba(255, 255, 255, 0.6); } </style> <style type="text/css">{CustomCSS}</style> <script src="http://static.tumblr.com/ge74hdk/sEIlw9fs3/cufon-yui.js"></script> <script src="http://static.tumblr.com/ge74hdk/EW3lw9fuk/coffee_service_400.font.js"></script> </head> <body {block:IndexPage} class="show"{/block:IndexPage}> <div id="topbar"> <div id="topbar_contents"> <ul> <li><a href="/">{lang:Home}</a></li> {block:HasPages} {block:Pages} <li><a href="{URL}">{Label}</a></li> {/block:Pages} {/block:HasPages} {block:AskEnabled} <li><a href="/ask">{AskLabel}</a></li> {/block:AskEnabled} {block:SubmissionsEnabled} <li><a href="/submit">{SubmitLabel}</a></li> {/block:SubmissionsEnabled} {block:IfFlickrUsername} <li><a href="http://flickr.com/photos/{text:Flickr Username}">Flickr</a></li> {/block:IfFlickrUsername} {block:IfTwitterUsername} <li><a href="http://twitter.com/{text:Twitter Username}">Twitter</a></li> {/block:IfTwitterUsername} <li><a href="/archive">{lang:Archive}</a></li> <li><a href="{RSS}">{lang:RSS}</a></li> <li style="clear: both;"></li> </ul> <form action="/search" method="get" id="searchbox"> <div id="search_background"></div> <div class="icon_image"></div> <input type="text" name="q" value="{SearchQuery}"/> </form> </div> </div> <div id="content"> <div id="right"> <div id="about"> <div id="about_upper"></div> <div id="about_middle"> <div id="about_content"> <div id="tape"></div> <img src="{PortraitURL-64}" id="portrait" /> {Description} </div> </div> <div id="about_lower"></div> </div> <div id="sidebar"><script type="text/javascript" src="http://mixpanel.com/site_media/js/lift/widget.js" data-width="185"></script></div> <div id="want"><a href="http://www.tumblr.com/theme/33261"></a></div> </div> <div id="left"> <h1 id="blog_title"><a href="/">{Title}</a></h1> <div id="blog_posts"> {block:Posts} <div class="item {PostType}"> <a class="post_tag" href="{Permalink}"><div class="icon_image"></div></a> <div class="upper"></div> <div class="middle"> <div class="item_content"> {block:Text} {block:Title}<div class="post_title"><a href="{Permalink}">{Title}</a></div>{/block:Title} {Body} {/block:Text} {block:Photo} {block:Title}<div class="post_title"><a href="{Permalink}">{Title}</a></div>{/block:Title} <div class="content_border"> {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag} </div> {block:Caption} <div class="caption_border_outer"> <div class="caption_border_inner"></div> </div> <div class="caption"> {Caption} </div> {/block:Caption} {/block:Photo} {block:Photoset} <div class="content_border"> {Photoset-500} </div> {block:Caption} <div class="caption_border_outer"> <div class="caption_border_inner"></div> </div> <div class="caption"> {Caption} </div> {/block:Caption} {/block:Photoset} {block:Quote} <div class="quote_container"> <div class="quote_body purple">&ldquo;{Quote}&rdquo;</div> <div class="quote_lower"></div> </div> {block:Source}<cite>&mdash; {Source}</cite>{/block:Source} {/block:Quote} {block:Link} {block:Title}<div class="post_title"><a href="{Permalink}">{Title}</a></div>{/block:Title} <a href="{URL}" class="link purple" {Target}> <div class="border_outer"> <div class="border_inner"> {Name} </div> </div> </a> {block:Description}{Description}{/block:Description} {/block:Link} {block:Video} <div class="content_border"> {block:Title}<div class="post_title"><a href="{Permalink}">{Title}</a></div>{/block:Title} {Video-500} </div> {block:Caption} <div class="caption_border_outer"> <div class="caption_border_inner"></div> </div> <div class="caption"> {Caption} </div> {/block:Caption} {/block:Video} {block:Chat} {block:Title}<div class="post_title"><a href="{Permalink}">{Title}</a></div>{/block:Title} {block:Lines}<p class="{Alt} line">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</p>{/block:Lines} {/block:Chat} {block:Audio} {block:AlbumArt} <div class="art"> <img src="{AlbumArtURL}" /> </div> {/block:AlbumArt} <div class="track_info"> {block:TrackName}<div class="track_name">{TrackName}</div>{/block:TrackName} <div class="artist_album"> {block:Artist}{Artist}{/block:Artist} {block:Artist}{block:Album} / {/block:Album}{/block:Artist} {block:Album}{Album}{/block:Album} </div> {block:Caption}{Caption}{/block:Caption} <div class="player_wrapper"> {AudioPlayerGrey} </div> <div class="play_count"> {PlayCountWithLabel} </div> </div> <div style="clear: both;"></div> {/block:Audio} <div style="clear: both;"></div> </div> </div> <div class="lower_no_info"></div> {block:Date} <div class="lower"> <div class="lower_content"> {block:IfShowNotes} {block:NoteCount} <a class="note_count" href="{Permalink}#notes"><div class="icon_image"></div><strong>{NoteCount}</strong> notes</a> {/block:NoteCount} {/block:IfShowNotes} {block:IfDisqusShortname} <a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a> {/block:IfDisqusShortname} <div class="time_ago_container"> <div class="hl_left hl"></div> <div class="hl_middle hl"> <a class="time_ago" href="{Permalink}"><div class="icon_image"></div>{TimeAgo}</a> </div> <div class="hl_right hl"></div> <div class="clear"></div> </div> </div> </div> {/block:Date} </div> {/block:Posts} </div> {block:SearchPage} {block:NoSearchResults} <div id="no_results">Sorry, your search didn't match any posts.</div> {/block:NoSearchResults} {/block:SearchPage} {block:PermalinkPage} {block:IfDisqusShortname} <div id="disqus_thread"><noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript></div> {/block:IfDisqusShortname} {block:IfShowNotes} {block:PostNotes} <div id="notes"> <div id="notes_header"></div> {PostNotes} </div> {/block:PostNotes} {/block:IfShowNotes} {/block:PermalinkPage} {block:Pagination} <div id="pagination"> {block:NextPage}<a class="pagination" id="next_page" href="{NextPage}"></a>{/block:NextPage} {block:PreviousPage}<a class="pagination" id="prev_page" href="{PreviousPage}"></a>{/block:PreviousPage} <div style="clear: both"></div> </div> {/block:Pagination} </div> </div> <script type="text/javascript"> Cufon.replace('#blog_title a', { textShadow: '#fff 0px 1px' }); Cufon.now(); </script> {block:IfDisqusShortname} {block:PermalinkPage} <script type="text/javascript"> var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}"; if (disqus_url.length == 0) { document.getElementById('disqus_thread').style.display = 'none'; } </script> <script type="text/javascript" src="http://{text:Disqus Shortname}.disqus.com/embed.js"></script> {/block:PermalinkPage} <script type="text/javascript"> var disqus_shortname = '{text:Disqus Shortname}'; (function () { var s = document.createElement('script'); s.async = true; s.src = 'http://{text:Disqus Shortname}.disqus.com/count.js'; (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s); }()); </script> {/block:IfDisqusShortname} {block:IfGoogleAnalyticsID} <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', '{text:Google Analytics ID}']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> {/block:IfGoogleAnalyticsID} <script type="text/javascript"> var mpq = []; mpq.push(["init", "6cf95e12c61200943a5c574cb0c71629"]); (function(){var b,a,e,d,c;b=document.createElement("script");b.type="text/javascript"; b.async=true;b.src=(document.location.protocol==="https:"?"https:":"http:")+ "//api.mixpanel.com/site_media/js/api/mixpanel.js";a=document.getElementsByTagName("script")[0]; a.parentNode.insertBefore(b,a);e=function(f){return function(){mpq.push( [f].concat(Array.prototype.slice.call(arguments,0)))}};d=["init","track","track_links", "track_forms","register","register_once","identify","name_tag","set_config"];for(c=0;c< d.length;c++){mpq[d[c]]=e(d[c])}})(); $('#want').click(function() { mpq.track('Want Click', {'theme': 'Showroom'}); }); </script> </body> </html> </pre> <p> <a href="http://customizemytumblr.com/post/23981735683/how-to-install-a-tumblr-theme-this-how-to-will" alt="How to Install a Tumblr Theme"><img src="http://static.tumblr.com/tkzrdeo/X5um4rkmk/how-to-install-a-tumblr-theme.jpg"/></a> </p>http://customizemytumblr.com/post/24899545627http://customizemytumblr.com/post/24899545627Mon, 11 Jun 2012 15:31:00 -0400themestumblr themesnew tumblr themescustomize my tumblrshowroommixpanel<img src="http://24.media.tumblr.com/tumblr_m5gurixN6E1rx4boco1_500.jpg"/><br/><br/><h1><a href="http://customizemytumblr.com/post/24896716733/rubber-cement-by-sleepoversf-options-title">Rubber Cement by <i>sleepoversf</i></a></h1> <p> <b>Options:</b> Title , Description, Background Color, Text color, Links, Accent<br/><br/><b>Features:</b>Show RSS Link, Show Archive Link, Show Likes Link, Show Notes, White Audio Player, Disqus Comments System<br/><!-- more --><br/><b>Demo: </b> <a href="http://safe.tumblr.com/theme/preview/8758" target="_blank"><a href="http://safe.tumblr.com/theme/preview/8758">http://safe.tumblr.com/theme/preview/8758</a></a> <br/><br/><b>Theme Html Code: </b><br/></p> <pre name="box-content" id="box-content"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!-- Rubber Cement Theme 1.0 by Sleepover. Released under Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License | League Gothic by The League of Movable Type released under the Open Type License | sleepoversf.com --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>{Title}{block:PostSummary} &bull; {PostSummary}{/block:PostSummary}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description} <meta name="color:Background" content="#96E4EF" /> <meta name="color:Text" content="#736653" /> <meta name="color:Links" content="#FFFFFF" /> <meta name="color:Accent" content="#FFFFFF" /> <meta name="if:Show RSS Link" content="1" /> <meta name="if:Show Archive Link" content="1" /> <meta name="if:Show Likes Link" content="1" /> <meta name="if:Show Notes" content="1" /> <meta name="if:White Audio Player" content="1" /> <meta name="text:Disqus Shortname" content="" /> <link rel="shortcut icon" href="{Favicon}" /> <link rel="alternate" type="application/rss+xml" href="{RSS}" /> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <link rel="stylesheet" href="http://static.tumblr.com/usaykzx/o8Bku9w35/reset.css" type="text/css" /> <style> body { color: {color:Text}; background: {color:Background} url(<a href="http://static.tumblr.com/usaykzx/n5aky459v/fletch.png">http://static.tumblr.com/usaykzx/n5aky459v/fletch.png</a>); font-family: Baskerville, "Times New Roman", Times, serif; } * html body { background: {color:Background}; } @font-face { font-family: 'LeagueGothicRegular'; src: url('http://static.tumblr.com/usaykzx/xyTky45d1/league_gothic.eot'); src: local('League Gothic Regular'), local('LeagueGothic'), url('http://static.tumblr.com/usaykzx/pheky45df/league_gothic.ttf') format('truetype'); } a:link,a:visited { text-decoration: none; color: {color:Links}; } a:hover { opacity: .9; } .clear { clear: both; } hr { border-bottom: 0; border-top: 1px solid rgba(128,128,128,.5); margin: 22px auto; width: 243px; } #container { width: 772px; margin: 0 auto; } #header { padding-top: 24px; } #header ul { margin-bottom: 16px; text-align: center; } #header li { display: inline; margin: 0 12px; letter-spacing: .05em; font-size: 24px; font-family: "LeagueGothicRegular", "HelveticaNeue-CondensedBold", "Franklin Gothic Demi Cond", "Franklin Gothic Medium Cond", "Impact", sans-serif; text-shadow: 0 0 1px {color:Background}; } h1 { text-align: center; font-size: 72px; font-family: "LeagueGothicRegular", "HelveticaNeue-CondensedBold", "Franklin Gothic Demi Cond", "Franklin Gothic Medium Cond", "Impact", sans-serif; text-transform: uppercase; letter-spacing: 2px; } #header p { width: 430px; margin: 8px auto; font-size: 22px; text-align: center; line-height: 1.09; font-style: italic; text-shadow: 0 0 1px {color:Background}; } .post-meta { text-transform: uppercase; color: rgba(128,128,128,.5); text-align: center; font-size: 14px; font-weight: bold; letter-spacing: 1px; text-shadow: 0 0 1px {color:Background}; } .post-meta a { margin: 0 6px; } .post-content { margin: 22px 0; } .photo .photo-wrapper { text-align: center; } .photo .photo-wrapper img { border: 8px solid {color:Accent}; -webkit-box-shadow: 0 3px 3px rgba(128,128,128,.35); } .photo.captioned .photo-wrapper { float: left; margin: 0 22px 22px 0; } .photo .body { padding-top: 4px; } .photo .body p, .photo .body blockquote { text-align: left; } .video .video-wrapper { width: 500px; margin: 0 auto; text-align: center; border: 8px solid {color:Text}; border-left: 0; border-right: 0; -webkit-box-shadow: 0 3px 3px rgba(128,128,128,.35); } .video.captioned .video-wrapper { float: left; margin: 0 22px 22px 8px; } .video .body { padding-top: 4px; } .video .body p, .video .body blockquote { text-align: left; } .quote .q-wrapper { width: 500px; margin: 0 auto 22px; background: {color:Accent}; padding: 8px; } .quote q { border: 1px solid {color:Text}; padding: 7px 10px; display: block; font-family: "LeagueGothicRegular", "HelveticaNeue-CondensedBold", "Franklin Gothic Demi Cond", "Franklin Gothic Medium Cond", "Impact", sans-serif; text-transform: uppercase; text-shadow: 0 0 1px {color:Accent}; line-height: 1.1; text-align: justify; } .quote p+p { text-indent: 1em; } .quote q.short { font-size: 42px; } .quote q.medium { font-size: 36px; } .quote q.long { font-size: 30px; text-transform: none; } .quote .body { width: 430px; margin: 0 auto; } .text h2 { width: 430px; margin: 30px auto 16px; text-align: center; font-family: "LeagueGothicRegular", "HelveticaNeue-CondensedBold", "Franklin Gothic Demi Cond", "Franklin Gothic Medium Cond", "Impact", sans-serif; font-size: 36px; } .text .body { width: 430px; margin: 0 auto; } .audio-info { width: 207px; margin: 0 auto 22px; } .audio-info.hasart { width: 368px; } .audio-info-left img { width: 100px; height: 100px; -webkit-box-shadow: 0 2px 2px rgba(128,128,128,.35); } .audio-info-left { width: 139px; float: left; background: url(<a href="http://static.tumblr.com/usaykzx/j6Kky45bc/vinyl.png">http://static.tumblr.com/usaykzx/j6Kky45bc/vinyl.png</a>) no-repeat right center; } .audio-info-right { width: 207px; float: right; font-size: 18px; } .audio-info-right div { margin: 0 0 5px; } .audio-trackname { font-style: italic; } .audio-album { text-transform: uppercase; font-size: 14px; letter-spacing: 2px; } .audio-info-right .audio-player { margin-top: 12px; } .audio .body { width: 430px; margin: 0 auto; } .conversation h2 { width: 430px; margin: 30px auto 16px; text-align: center; font-family: "LeagueGothicRegular", "HelveticaNeue-CondensedBold", "Franklin Gothic Demi Cond", "Franklin Gothic Medium Cond", "Impact", sans-serif; font-size: 36px; } .conversation table { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: {color:Accent}; width: 430px; margin: 0 auto; } .conversation th { padding: 9px 0 9px 11px; border-top: 1px solid {color:Background}; text-align: right; text-transform: uppercase; font-size: 12px; font-weight: bold; line-height: 1.2; } .conversation td { padding: 9px; border-top: 1px solid {color:Background}; font-size: 16px; line-height: 1.2; } .conversation tr:first-child td, .conversation tr:first-child th { border-top: 0; } .link h2 a { color: {color:Text}; text-align: center; font-size: 24px; font-family: "LeagueGothicRegular", "HelveticaNeue-CondensedBold", "Franklin Gothic Demi Cond", "Franklin Gothic Medium Cond", "Impact", sans-serif; text-shadow: 0 0 1px {color:Accent}; letter-spacing: 1px; background: {color:Accent}; display: block; padding: 5px 0 5px; margin: 30px auto 22px; width: 430px; } .link h2 a span { display: block; padding: 8px; border: 1px solid {color:Background}; border-left: 0; border-right: 0; } .link .body { width: 430px; margin: 0 auto; } .answer { width: 465px; padding-right: 35px; margin: 0 auto; } .answer-question .body { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: {color:Accent}; padding: 10px 16px; width: 318px; float: left; line-height: 1.4; } .answer-asker { float: right; width: 80px; } .answer-point { width: .7em; float: left; padding-top: 16px; } .answer-point-top, .answer-point-bottom { width: 0; height: 0; } .answer-point-top { border-bottom: 8px solid {color:Accent}; border-right: 8px solid rgba(0,0,0,0); } .answer-point-bottom { border-left: 8px solid {color:Accent}; border-bottom: 8px solid rgba(0,0,0,0); } .answer-asker .answer-asker-avatar { float: right; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width: 64px; height: 64px; display: block; text-indent: -9000px; background-repeat: no-repeat; background-position: top left; } .answer-asker .answer-asker-avatar a { display: block; text-indent: -9000px; width: 64px; height: 64px; } .answer-answer { margin-top: 22px; } .answer-label { width: 35px; float: left; color: {color:Accent}; font-family: "LeagueGothicRegular", "HelveticaNeue-CondensedBold", "Franklin Gothic Demi Cond", "Franklin Gothic Medium Cond", "Impact", sans-serif; font-size: 48px; overflow: hidden; } .answer-answer .body { margin-left: 35px; } .body { font-size: 16px; } .body em { font-style: italic; } .body strong { font-weight: bold; } .body p,.body blockquote { line-height: 1.3; text-align: justify; } .body p { text-indent: 1em; } .body ul+p, .body ol+p, .body blockquote+p, .body p:first-of-type { text-indent: 0; } .body ul,.body ol { margin: .75em 2em; } .body li { line-height: 1.2; margin: .35em 0; list-style-position: inside; } .body ol li { list-style-type: decimal; } .body ul li { list-style-type: circle; } .body ol ol,.body ul ul { margin: .75em 2em; } .body li ol li { list-style-type: lower-alpha; } .body li ul li { list-style-type: circle; } .body blockquote { padding: 0 .85em 0 .85em; margin: .75em 1.15em; border-left: 1px solid rgba(128,128,128,.5); font-style: italic; } .post-notes { width: 430px; margin: 0 auto 40px; } .post-notes li { border-top: 1px solid rgba(128,128,128,.5); padding: 6px 5px 7px; font-size: 16px; } .post-notes .avatar { display: none; } .post-notes blockquote { padding: 0 1em 0 .45em; margin: 7px 6px 0; border-left: 1px solid rgba(128,128,128,.5); } .post-notes blockquote a { color: {color:Text}; } #disqus_thread { width: 430px; margin: 0 auto 40px; } #footer { padding-bottom: 40px; } #navigation { width: 500px; margin: 0 auto; border: 1px solid rgba(128,128,128,.5); border-left: 0; border-right: 0; height: 25px; padding: 16px 0; } #navigation-left, #navigation-right { width: 129px; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; line-height: 25px; } #navigation-left { float: left; } #navigation-right { float: right; text-align: right; } #navigation-center { width: 243px; margin: 0 auto; position: relative; } #navigation-center input { border: 1px solid {color:Links}; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: transparent; height: 23px; line-height: 23px; color: {color:Text}; font-size: 14px; width: 231px; padding: 0 5px; position: absolute; top: 0; left: 0; z-index: 1; font-family: Baskerville, “Times New Roman”, Times, serif; } #navigation-center #search-background { background: {color:Links}; opacity: .5; height: 25px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #credit { text-align: center; font-style: italic; font-size: 16px; margin-top: 18px; } </style> <style type="text/css">{CustomCSS}</style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script> <script src="http://static.tumblr.com/usaykzx/4P5ky45bz/jquery.example.js"></script> </head> <body> <div id="container"> <div id="header"> <ul> {block:IfShowRSSLink}<li><a href="{RSS}">{lang:RSS}</a></li>{/block:IfShowRSSLink} {block:IfShowArchiveLink}<li><a href="/archive">{lang:Archive}</a></li>{/block:IfShowArchiveLink} {block:IfShowLikesLink}<li><a href="/liked/by/{Name}">{lang:Likes}</a></li>{/block:IfShowLikesLink} {block:HasPages} {block:Pages} <li><a href="{URL}">{Label}</a></li> {/block:Pages} {/block:HasPages} {block:AskEnabled}<li><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled} {block:SubmissionsEnabled}<li><a href="/submit">{SubmitLabel}</a></li>{/block:SubmissionsEnabled} </ul> <h1><a href="/">{Title}</a></h1> {block:Description} <p>{Description}</p> {/block:Description} </div> {block:Posts} <div class="post"> <hr /> <div class="post-meta"> <a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a> {block:IfShowNotes} {block:NoteCount} &bull; <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount} {/block:IfShowNotes} {block:IfDisqusShortname} &bull; <a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a> {/block:IfDisqusShortname} {block:ContentSource} &bull; <a href="{SourceURL}" style="max-width:300px; text-overflow:clip;">{block:SourceLogo}<img src="{WhiteLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" style="vertical-align:top;" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a> {/block:ContentSource} </div> <div class="post-content"> {block:Photo} <div class="photo{block:Caption} captioned{/block:Caption}"> <div class="photo-wrapper">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</div> {block:Caption} <div class="body"> {Caption} </div> {/block:Caption} <div class="clear"></div> </div> {/block:Photo} {block:Quote} <div class="quote"> <div class="q-wrapper"><q class="{Length}">{Quote}</q></div> {block:Source} <div class="body"> {Source} </div> {/block:Source} </div> {/block:Quote} {block:Text} <div class="text"> {block:Title}<h2>{Title}</h2>{/block:Title} <div class="body"> {Body} </div> </div> {/block:Text} {block:Video} <div class="video{block:Caption} captioned{/block:Caption}"> <div class="video-wrapper">{Video-500}</div> {block:Caption} <div class="body"> {Caption} </div> {/block:Caption} <div class="clear"></div> </div> {/block:Video} {block:Audio} <div class="audio"> <div class="audio-info {block:AlbumArt}hasart{/block:AlbumArt}"> {block:AlbumArt} <div class="audio-info-left"> <img src="{AlbumArtURL}" /> </div> {/block:AlbumArt} <div class="audio-info-right {block:TrackName}hasmeta{/block:TrackName} {block:Artist}hasmeta{/block:Artist} {block:Album}hasmeta{/block:Album}"> {block:TrackName}<div class="audio-trackname">{TrackName}</div>{/block:TrackName} {block:Artist}<div class="audio-artist">{Artist}</div>{/block:Artist} {block:Album}<div class="audio-album">{Album}</div>{/block:Album} {block:ifWhiteAudioPlayer} <div class="audio-player">{AudioPlayerWhite}</div> {/block:ifWhiteAudioPlayer} {block:ifNotWhiteAudioPlayer} <div class="audio-player">{AudioPlayerBlack}</div> {/block:ifNotWhiteAudioPlayer} </div> <div class="clear"></div> </div> {block:Caption} <div class="body"> {Caption} </div> {/block:Caption} </div> {/block:Audio} {block:Chat} <div class="conversation"> {block:Title}<h2>{Title}</h2>{/block:Title} <table cellspacing="0"> {block:Lines} <tr class="user{UserNumber}"> <th>{block:Label}{Label}{/block:Label}</th> <td>{Line}</td> </tr> {/block:Lines} </table> </div> {/block:Chat} {block:Link} <div class="link"> <h2><a href="{URL}" {Target}><span>{Name}</span></a></h2> {block:Description} <div class="body"> {Description} </div> {/block:Description} </div> {/block:Link} {block:Answer} <div class="answer"> <div class="answer-question"> <div class="answer-label">Q</div> <div class="body"> {Question} </div> <div class="answer-asker post-{PostID}"> <div class="answer-point"> <div class="answer-point-top"></div> <div class="answer-point-bottom"></div> </div> <style> .post-{PostID} .answer-asker-avatar { background: url({AskerPortraitURL-64})} </style> <div class="answer-asker-avatar">{Asker}</div> </div> <div class="clear"></div> </div> <div class="answer-answer"> <div class="answer-label">A</div> <div class="body"> {Answer} </div> </div> </div> {/block:Answer} </div> {block:IfShowNotes} {block:PostNotes} <div class="post-notes"> {PostNotes} </div> {/block:PostNotes} {/block:IfShowNotes} {block:PermalinkPage} {block:IfDisqusShortname} {block:Permalink} <div id="disqus_thread"></div> <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script> <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript> {/block:Permalink} {/block:IfDisqusShortname} {/block:PermalinkPage} </div> {/block:Posts} <div id="footer"> <div id="navigation"> {block:NextPage}<div id="navigation-left"><a href="{NextPage}">{lang:Older}</a></div>{/block:NextPage} {block:PreviousPage}<div id="navigation-right"><a href="{PreviousPage}">{lang:Newer}</a></div>{/block:PreviousPage} <div id="navigation-center"> <form action="/search" method="get"> <input type="text" name="q" class="prefill" title="{lang:Search}"/> </form> <div id="search-background"></div> </div> </div> <div id="credit"> <span>Designed by <a href="http://sleepoversf.tumblr.com/">Sleepover</a></span> </div> </div> </div> <script type="text/javascript"> $(window).load(function() { $('.prefill').example(function() { return $(this).attr('title'); }); }); </script> {block:IfDisqusShortname} <script type="text/javascript"> //<![CDATA[ (function() { var links = document.getElementsByTagName('a'); var query = '?'; for(var i = 0; i < links.length; i++) { if(links[i].href.indexOf('#disqus_thread') >= 0) { query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&'; } } document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>'); })(); //]]> </script> {/block:IfDisqusShortname} </body> </html> </pre> <p> <a href="http://customizemytumblr.com/post/23981735683/how-to-install-a-tumblr-theme-this-how-to-will" alt="How to Install a Tumblr Theme"><img src="http://static.tumblr.com/tkzrdeo/X5um4rkmk/how-to-install-a-tumblr-theme.jpg"/></a> </p>http://customizemytumblr.com/post/24896716733http://customizemytumblr.com/post/24896716733Mon, 11 Jun 2012 14:45:00 -0400themesrubber cementsleepoversftumblr themestumblr themenew tumblr themecustomize my tumblr<img src="http://25.media.tumblr.com/tumblr_m5gsorMJY51rx4boco1_500.jpg"/><br/><br/><h1><a href="http://customizemytumblr.com/post/24894153909/how-to-add-a-twitter-follow-badge-to-tumblr">How to Add a Twitter “Follow” Badge to Tumblr</a></h1> <p> So you tumble and you tweet huh? This how-to will teach you how to <strong>add a twitter “follow” badge to tumblr</strong>. Let’s get started… </p> <!-- more --> <!-- <h3>First Step</h3> <p> Log in to your <a href="http://tumblr.com">Tumblr</a> account and select your blog from the top right navigation. <br /><br /> <img alt="Step 1 on How to Add a Twitter Follow Badge to Tumblr" src="http://i48.tinypic.com/2rxduaf.jpg" /> </p> <h3>Step Two</h3> <p> Select <strong>"Customize theme"</strong> from the sidebar. <br /><br /> <img alt="Step 2 on How to Add a Twitter Follow Badge to Tumblr" src="http://i48.tinypic.com/2gt5gjn.jpg" /> </p> --> <h3>First Step</h3> <p> Log in to your <a href="http://tumblr.com">Tumblr</a> account and select your blog from the sidebar to the right. <br/><br/><img alt="Step 1 on How to Add a Twitter Follow Badge to Tumblr" src="https://dl.dropbox.com/u/52386376/customizemytumblr/customize%20blog/step1.jpg"/><br/><br/><img alt="Step 1 on How to Add a Twitter Follow Badge to Tumblr" src="https://dl.dropbox.com/u/52386376/customizemytumblr/customize%20blog/step2.jpg"/></p> <h3>Step 2</h3> <p> Once your in your blogs dashboard, click on the <strong>“Settings”</strong> Gear from the top navigation. <br/><br/><img alt="Step 2 on How to Add a Twitter Follow Badge to Tumblr" src="https://dl.dropbox.com/u/52386376/customizemytumblr/customize%20blog/step3.jpg"/></p> <h3>Step 3</h3> <p> Select your <strong>tumblr blog</strong> once more from the sidebar to the left. <br/><br/><img alt="Step 3 on How to Add a Twitter Follow Badge to Tumblr" src="https://dl.dropbox.com/u/52386376/customizemytumblr/customize%20blog/step4.jpg"/></p> <h3>Step 4</h3> <p> Click on the <strong>“Theme [Customize]”</strong> button. <br/><br/><img alt="Step 4 of How to Add a Twitter Follow Badge to Tumblr" src="https://dl.dropbox.com/u/52386376/customizemytumblr/customize%20blog/step5.jpg"/></p> <h3>Step 5</h3> <p> You will be redirected to a page with your design on the right and a sidebar on the left. Select the <strong>“Edit html”</strong> option on the sidebar to the left. <br/><br/><img alt="Step 5 on How to Add a Twitter Follow Badge to Tumblr" src="http://i50.tinypic.com/sw3fvo.jpg"/></p> <h3>Step 6</h3> <p> In a new tab / window open <a href="http://www.go2web20.net/twitterFollowBadge/">go2web20.net/twitterFollowBadge/</a>. <br/><br/> In the <strong>“Twitter account:”</strong> field type your <strong>twitter username</strong> then choose your <strong>Label</strong> (in this example I’ll use <strong>“Follow Us”</strong>), the <strong>HEX color</strong>, the side of the page it appears on and how many pixels you would like the Badge to have between the top of the page and where it shows up. <br/><br/><img alt="Step 6 on How to Add a Twitter Follow Badge to Tumblr" src="https://dl.dropbox.com/u/52386376/customizemytumblr/follow%20badge/step1.jpg"/></p> <h3>Step 7</h3> <p> Hit the <strong>“Update Code”</strong> button and copy the code in the text box that appears below it. <br/><br/><img alt="Step 7 on How to Add a Twitter Follow Badge to Tumblr" src="https://dl.dropbox.com/u/52386376/customizemytumblr/follow%20badge/step2.jpg"/></p> <h3>Step 8</h3> <p> Now head back to your <strong>“Customize | Tumblr”</strong> tab/window and paste the code right above the <strong></body></strong> tag (usually found at the bottom of your theme code). <br/><br/><img alt="Step 8 on How to Add a Twitter Follow Badge to Tumblr" src="https://dl.dropbox.com/u/52386376/customizemytumblr/follow%20badge/step3.jpg"/></p> <h3>Final Step: Step 9</h3> <p> Lastly Select the <strong>“Appearance”</strong> tab on the top left and press on <strong>“Save”</strong> to save your changes. <br/><br/><img alt="Step 9 on How to Add a Twitter Follow Badge to Tumblr" src="http://i45.tinypic.com/91djk9.jpg"/><br/><br/><img alt="Step 9 Part 2 on How to Add a Twitter Follow Badge to Tumblr" src="http://i49.tinypic.com/2mff8kz.jpg"/><br/><br/> Visit your tumblog and you should see the <strong>Twitter Follow Badge</strong> on the side of your page promoting your twitter to all those who come across your tumblr. <br/><br/><strong>Good Luck and Happy Tumblrin!</strong> </p>http://customizemytumblr.com/post/24894153909http://customizemytumblr.com/post/24894153909Mon, 11 Jun 2012 14:00:00 -0400howtotwittertumblr twittertwitter badgetumblr customizationcustomize my tumblr<img src="http://25.media.tumblr.com/tumblr_m5b5uc5X9h1rx4boco1_r1_500.jpg"/><br/><br/><h1><a href="http://customizemytumblr.com/post/24686227488/photoboard-by-bendelaney-options-title">PhotoBoard by <i>bendelaney</i></a></h1> <p> <b>Options:</b> Title , Description, Main Background, Header Background, Title/Link/Description Color, Post Background, Body Text, Caption Text, Reblog Stripe, Tool Tip Background<br/><br/><b>Features:</b> Custom Background, Temporary Posts Removal Button, Temporary Post Sorting, Post Size Toggling, Post Flip for Info, Hover Tooltips, Default to Large Sized Photos<br/><!-- more --><br/><b>Demo: </b> <a href="http://safe.tumblr.com/theme/preview/113" target="_blank">safe.tumblr.com/theme/preview/113</a> <br/><br/><b>Theme Html Code: </b><br/></p> <pre name="box-content" id="box-content"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>{Title}</title> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description} <meta http-equiv="X-UA-Compatible" content="chrome=1"/> <meta name="image:Background" content="http://static.tumblr.com/ybdgkw4/8wKE9dwSQ/brownpaper_bg.jpg"/> <meta name="if:Allow Temporary Post Removal" content="1"/> <meta name="if:Allow Temporary Post Sorting" content="1"/> <meta name="if:Allow Post Size Toggling" content="1"/> <meta name="if:Allow Post Flip For Info" content="1"/> <meta name="if:Show Hover Tooltips" content="0"/> <meta name="if:Default to Large Sized Posts" content="0"/> <meta name="color:Main Background" content="#454545"/> <meta name="color:Header Background" content="#000"/> <meta name="color:Title" content="#fff"/> <meta name="color:Title Hover" content="#999"/> <meta name="color:Post Size Link" content="#666"/> <meta name="color:Description" content="#fff"/> <meta name="color:Post Background" content="#F2EFDF"/> <meta name="color:Link" content="#C02B00"/> <meta name="color:Link Hover" content="#C02B00"/> <meta name="color:Footer Links" content="#ffffff"/> <meta name="color:Footer Links Hover" content="#ffffff"/> <meta name="color:Body Text" content="#555"/> <meta name="color:Caption Text" content="#fff"/> <meta name="color:Chat Highlight" content="#fff"/> <meta name="color:Reblog Stripe" content="#C02B00"/> <meta name="color:Tool Tip Background" content="#888"/> <script src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.3/mootools-yui-compressed.js" type="text/javascript" charset="utf-8"></script> <script src="http://static.tumblr.com/ybdgkw4/PYvkqhjbk/mootools-1.2.3.1-more-photoboard.js" type="text/javascript" charset="utf-8"></script> <link rel="shortcut icon" href="{Favicon}"> <link rel="alternate" type="application/rss+xml" href="{RSS}"> <style type="text/css" media="screen"> /* Theme: Photo Board 2.4 Last updated: Jan 3 2011 Author: Ben Delaney - <a href="http://bendelaney.me">http://bendelaney.me</a> */ /*BASIC RESET*/ * {margin:0; padding:0;} fieldset,img {border:0;} ol,ul {list-style:none;} a:active, a:focus {outline: 0;} h1,h2,h3,h4,h5,h6,span {font-size:100%;font-weight:normal;} /*General*/ body { font-family: "Arial Rounded MT Bold",Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 12px; width: 100%; background-color: {color:Main Background}; background-image: url({image:Background}); } #wrapper { width: 100%; } a, a:visited { color: {color:Link}; text-decoration: none; } a:hover { text-decoration: underline; color:{color:Link Hover}; } a.install { background: url(<a href="http://static.tumblr.com/thpaaos/dHHkt0jor/install_theme.png">http://static.tumblr.com/thpaaos/dHHkt0jor/install_theme.png</a>); display: block; height: 20px; position: absolute; z-index:5000; right: 2px; top: 26px; width: 96px; text-indent: -9999px; } /*Header*/ #header { min-height: 25px; overflow: hidden; background: {color:Header Background}; } #header h1 { font-size: 14px; font-family: "Arial Rounded MT Bold",Helvetica,Arial,"Lucida Grande",sans-serif; margin-left: 14px; margin-right: 20px; padding-top: 4px; float: left; } #header h1 a, #header h1 a:visited { color: {color:Title}; text-decoration: none; } #header h1 a:hover { color: {color:Title Hover}; } #header #sizes { float: left; width: 150px; {block:PermalinkPage}display:none;{/block:PermalinkPage} } #header #sizes li { float: left; } #header #sizes li a, #header #sizes li a:visited { font-family: "Arial Rounded MT Bold",Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 11px; color: {color:Post Size Link}; float: left; padding: 3px 8px; margin-left: 8px; margin-top: 4px; text-decoration: none; } #header #sizes li a:hover { background: {color:Post Size Link}; color: {color:Link Hover}; text-decoration: none!important; } #header #sizes li a:active { background: #000; } #about { margin-left: 14px; padding-top: 8px; padding-bottom: 12px; font-family: Helvetica,Arial,'Lucida Grande', sans-serif; font-size: 11px; color: {color:Description Color}; clear: left; width: 85%; } #pagelinks { margin-left: 18px; font-family: Helvetica,Arial,'Lucida Grande', sans-serif; font-size: 11px; color: {Link}; float: left; padding: 3px 8px; margin-top: 4px; } #pagelinks a, #pagelinks a:visited { margin-right: 18px; } #pagelinks a:hover { text-decoration: underline; color:{color:Link Hover}; } /*Sub-title on Tag and Search Results pages */ h2 { color: #fff; margin: 14px; font-size: 20px; } /*Posts*/ ol#posts { height:1%; overflow:hidden; } ol#posts.permalinkpage { width:545px; margin:0 auto; } .post { background: {color:Post Background}; display: block; margin: 14px; float: left; text-align: center; position: relative; overflow: hidden; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0px 5px 40px rgba(0,0,0,0.75); -moz-box-shadow: 0px 5px 40px rgba(0,0,0,0.75); -webkit-box-shadow: 0px 5px 40px rgba(0,0,0,0.75); } .post .inner { padding: 22px 14px 14px; margin-bottom:14px; } .post.large { height: 708px; width: 528px; } .post.small { height: 436px; width: 328px; } ol#posts.permalinkpage .post {height:auto;} .post.large .photo img { margin-bottom: 10px; } .post.small .photo img { margin-bottom: 10px; width: 300px; } .post.small .video object, .post.small .video object embed { width: 300px!important; } .post.large .video object, .post.large .video object embed { width: 500px!important; } .post.small .photoset embed { width: 300px!important; height: 408px!important; } .post.large .photoset embed { width: 500px!important; } .post.small .quote.short .thequote { text-align: left; font-size: 40px; } .post.large .quote.short .thequote { font-size: 54px; } .post.small .quote.medium .thequote { font-size: 26px; } .post.large .quote.medium .thequote { font-size: 34px; } .post.small .quote.long .thequote { font-size: 18px; } .post.large .quote.long .thequote { font-size: 24px; } .post.large .single-page li { float: none; margin: 14px auto; } .post h3 { font-size: 16px; margin-bottom:8px; font-weight: bold; } .post .chat, .post .link, .post .text, .post .quote, .post .audio { text-align: left; } .post .textbody, .post .audiobody, .post .linkbody, .post .photobody, .post .videobody { text-align: left; line-height: 18px; color:{color:Body Text}; } .textbody img { max-width: 100%; } .post p { margin-bottom:14px; } .post .link a.thelink, .post .link a.thelink:visited { margin-bottom:8px; display: block; padding-top: 1px; font-size: 24px; color: {color:Link}; } .post .link a.thelink:hover { color: {color:Link Hover}; text-decoration: underline; } .post .link .description { margin-top: 18px; } .post .quote .quotesource { padding:10px 0px 0px 20px; font-style: italic; } .post .quote .quotesource a { color:{color:Link}; } .post .audio .audioartwork img {max-width:100%;} .post .audio .audioplayercontainer { background:#000; } .post .audio .audiobody { margin-top:8px; } .post .chat .chatbody { margin:8px -14px 0; font-size: 14px; color:{color:Body Text}; } .post .chat .chatbody li { padding:2px 14px; } .post .chat .chatbody li.even { background:transparent; } .post .chat .chatbody li.odd { background:{color:Chat Highlight}; } .post .chat .chatbody li span.chatlabel { font-weight: bold; padding-right:4px; color:#000; } .post .inner blockquote { margin-left:8px; padding-left:8px; border-left:2px solid #ccc; } .post .caption { position: absolute; z-index: 500; bottom:36px; left:0px; opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); width:100%; height:228px; overflow:hidden; color: {color:Caption Text}; text-align: left; background: url(<a href="http://static.tumblr.com/ybdgkw4/BCKL9dwSQ/caption-bg.png">http://static.tumblr.com/ybdgkw4/BCKL9dwSQ/caption-bg.png</a>); font-weight: bold; text-align: left; } .permalinkpage .post .caption {display:none;} .post .caption .captioninner {padding:8px;} .post .caption a, .post .caption a:visited { color: #fff; text-decoration: underline; } .post .caption a.readmore { display:block; position:absolute; z-index: 550; text-decoration: none; bottom:8px; right:8px; background-color:{color:Link}; color:#fff; padding:4px 12px; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; } .post .caption a.readmore:hover { background-color:{color:Link Hover}; } .post .postactions { {block:PermalinkPage} display:none; {/block:PermalinkPage} position:absolute; top:0; left:0; height:20px; width:100%; z-index: 10000; } .post a.actions { display:block; width: 14px; height: 14px; background-image: url(<a href="http://static.tumblr.com/internal/6zRkqqnwf/tinyicons.png">http://static.tumblr.com/internal/6zRkqqnwf/tinyicons.png</a>); background-repeat:no-repeat; text-indent:-9999px; margin:3px; opacity: 0.3; -moz-opacity: 0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30); } .post a.actions:hover { opacity: 1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); } .post a.subtract { float:left; background-position:left top; } .post a.flip { float:right; margin-right:6px; background-position:-14px top; } .post a.mover { float:right; margin-right:6px; background-position:-28px top; } .post a.permalink { float:right; background-position:right top; } .post .reblogged { position:absolute; z-index: 1000; padding:3px 0px; bottom:0px; left:0px; width:100%; background:{color:Reblog Stripe}; text-align: left; border-bottom-right-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; } .post .reblogged a, .post .reblogged a:visited { padding-left:9px; color:#fff; } .post .photobody, .post .videobody { line-height: 14px; margin-bottom:14px; padding:0 14px; } .post .backside { display:none; text-align: left; overflow:hidden; margin:20px 14px 14px; line-height: 24px; } ol#posts.permalinkpage .backside { display:block; margin-top:30px; border-top: 4px dashed #e5e5e5; } .post .backside h3 { clear:left; font-size: 20px; margin:14px 0 0; } .post .backside .taglist a { display: inline; font-size: 12px; text-decoration: none; margin-left: 8px; font-weight: normal; color: {color:Link}; } .post .taglist a:hover { color: {color:Link Hover}; } .post .backside dl { overflow:hidden; height:1%; } .post .backside dt { display:block; width:120px; float:left; clear:left; font-weight: bold; color:#000; text-transform: uppercase; } .post .backside dd { color:{color:Body Text}; display:block; float:left } .post .backside dd span { font-size: 11px; font-style: italic; } .post .backside .postnotes { margin:0 0 40px; } /*Footer*/ #footer { clear:both; text-align: center; background: transparent; font-weight: bold; {block:PermalinkPage} margin-top:200px; {/block:PermalinkPage} } #footer a, #footer a:visited { font-family: "Arial Rounded MT Bold",Helvetica,Arial,"Lucida Grande",sans-serif; color: {color:Footer Links}; } #footer a:hover {color: {color:Footer Links Hover};} #footer #pagenav { font-size: 18px; margin-bottom: 18px; } /*Tool-tips*/ .tip { color: #fff; z-index: 13000; } .tip-title { font-family: Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 11px; margin: 0; padding: 8px; background: {color:Tool Tip Background}; } .tip-text { display: none; } /* CUSTOM CSS */ {CustomCSS} </style> </head> <body> <a href="http://www.tumblr.com/theme/113" class="install">install</a> <div id="wrapper"> <div id="content"> <div id="header"> <h1><a href="/">{Title}</a></h1> {block:IfAllowPostSizeToggling} <ul id="sizes"> <li><a href="javascript:void(0);" id="makelarge" accesskey="1" class="tips" title="view large posts">large</a></li> <li><a href="javascript:void(0);" id="makesmall" accesskey="2" class="tips" title="view small posts">small</a></li> </ul> {/block:IfAllowPostSizeToggling} {block:HasPages} <div id="pagelinks"> {block:Pages}<a href="{URL}">{Label}</a>{/block:Pages} </div> {/block:HasPages} <div id="about"> <p>{block:AskEnabled}<a href="/ask">{AskLabel}</a>&#160;&#160;&#160;{/block:AskEnabled}{block:SubmissionsEnabled}<a href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}</p> <p>{Description}</p> </div> </div> {block:TagPage} <h2>Items tagged "{Tag}":</h2> {/block:TagPage} {block:SearchPage} <h2>Your search for "{SearchQuery}" returned {SearchResultCount} results:</h2> {/block:SearchPage} <ol id="posts" class="{block:PermalinkPage}permalinkpage{/block:PermalinkPage}"> {block:Posts} <li class="post {block:IfNotDefaulttoLargeSizedPosts} {block:IndexPage}small{/block:IndexPage} {/block:IfNotDefaulttoLargeSizedPosts} {block:IfDefaulttoLargeSizedPosts} {block:IndexPage}large{/block:IndexPage} {/block:IfDefaulttoLargeSizedPosts} {block:PermalinkPage}large{/block:PermalinkPage}"> <!-- |||||||||||||||||||||||||||||||||||||||||| --> <!-- PHOTO POSTS: --> <!-- |||||||||||||||||||||||||||||||||||||||||| --> {block:Photo} <div class="photo inner"> <div class="postactions"> <a href="{Permalink}" class="actions permalink tips" title="permalink to this item">&bull;</a> {block:IfAllowPostFlipForInfo}<a href="javascript:void(0);" class="actions flip tips" title="flip for more info">flip</a>{/block:IfAllowPostFlipForInfo} {block:IfAllowTemporaryPostSorting}<a href="javascript:void(0);" class="actions mover tips" title="drag here to move">&harr;</a>{/block:IfAllowTemporaryPostSorting} {block:IfAllowTemporaryPostRemoval}<a href="javascript:void(0);" class="actions subtract tips" title="remove (not permanent)">&times;</a>{/block:IfAllowTemporaryPostRemoval} </div> {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag} {block:ContentSource} <div class="reblogged"> <a href="{SourceURL}">{lang:Source}: {SourceTitle}</a> </div> {/block:ContentSource} </div> {/block:Photo} <!-- |||||||||||||||||||||||||||||||||||||||||| --> <!-- PHOTOSET POSTS: --> <!-- |||||||||||||||||||||||||||||||||||||||||| --> {block:Photoset} <div class="photoset inner"> <div class="postactions"> <a href="{Permalink}" class="actions permalink tips" title="permalink to this item">&bull;</a> {block:IfAllowPostFlipForInfo}<a href="javascript:void(0);" class="actions flip tips" title="flip for more info">flip</a>{/block:IfAllowPostFlipForInfo} {block:IfAllowTemporaryPostSorting}<a href="javascript:void(0);" class="actions mover tips" title="drag here to move">&harr;</a>{/block:IfAllowTemporaryPostSorting} {block:IfAllowTemporaryPostRemoval}<a href="javascript:void(0);" class="actions subtract tips" title="remove (not permanent)">&times;</a>{/block:IfAllowTemporaryPostRemoval} </div> {Photoset-500} {block:ContentSource} <div class="reblogged"> <a href="{SourceURL}">{lang:Source}: {SourceTitle}</a> </div> {/block:ContentSource} </div> {/block:Photoset} <!-- |||||||||||||||||||||||||||||||||||||||||| --> <!-- TEXT POSTS: --> <!-- |||||||||||||||||||||||||||||||||||||||||| --> {block:Text} <div class="text inner"> <div class="postactions"> <a href="{Permalink}" class="actions permalink tips" title="permalink to this item">&bull;</a> {block:IfAllowPostFlipForInfo}<a href="javascript:void(0);" class="actions flip tips" title="flip for more info">flip</a>{/block:IfAllowPostFlipForInfo} {block:IfAllowTemporaryPostSorting}<a href="javascript:void(0);" class="actions mover tips" title="drag here to move">&harr;</a>{/block:IfAllowTemporaryPostSorting} {block:IfAllowTemporaryPostRemoval}<a href="javascript:void(0);" class="actions subtract tips" title="remove (not permanent)">&times;</a>{/block:IfAllowTemporaryPostRemoval} </div> {block:Title} <h3>{Title}</h3> {/block:Title} <div class="textbody"> {Body} </div> {block:ContentSource} <div class="reblogged"> <a href="{SourceURL}">{lang:Source}: {SourceTitle}</a> </div> {/block:ContentSource} </div> {/block:Text} <!-- |||||||||||||||||||||||||||||||||||||||||| --> <!-- LINK POSTS: --> <!-- |||||||||||||||||||||||||||||||||||||||||| --> {block:Link} <div class="link inner"> <div class="postactions"> <a href="{Permalink}" class="actions permalink tips" title="permalink to this item">&bull;</a> {block:IfAllowPostFlipForInfo}<a href="javascript:void(0);" class="actions flip tips" title="flip for more info">flip</a>{/block:IfAllowPostFlipForInfo} {block:IfAllowTemporaryPostSorting}<a href="javascript:void(0);" class="actions mover tips" title="drag here to move">&harr;</a>{/block:IfAllowTemporaryPostSorting} {block:IfAllowTemporaryPostRemoval}<a href="javascript:void(0);" class="actions subtract tips" title="remove (not permanent)">&times;</a>{/block:IfAllowTemporaryPostRemoval} </div> <a href="{URL}" {Target} class="thelink">{Name}</a> <div class="linkbody"> {Description} </div> {block:ContentSource} <div class="reblogged"> <a href="{SourceURL}">{lang:Source}: {SourceTitle}</a> </div> {/block:ContentSource} </div> {/block:Link} <!-- |||||||||||||||||||||||||||||||||||||||||| --> <!-- QUOTE POSTS: --> <!-- |||||||||||||||||||||||||||||||||||||||||| --> {block:Quote} <div class="quote {Length} inner"> <div class="postactions"> <a href="{Permalink}" class="actions permalink tips" title="permalink to this item">&bull;</a> {block:IfAllowPostFlipForInfo}<a href="javascript:void(0);" class="actions flip tips" title="flip for more info">flip</a>{/block:IfAllowPostFlipForInfo} {block:IfAllowTemporaryPostSorting}<a href="javascript:void(0);" class="actions mover tips" title="drag here to move">&harr;</a>{/block:IfAllowTemporaryPostSorting} {block:IfAllowTemporaryPostRemoval}<a href="javascript:void(0);" class="actions subtract tips" title="remove (not permanent)">&times;</a>{/block:IfAllowTemporaryPostRemoval} </div> <div class="thequote">{Quote}</div> {block:ContentSource} <div class="reblogged"> <a href="{SourceURL}">{lang:Source}: {SourceTitle}</a> </div> {/block:ContentSource} </div> {/block:Quote} <!-- |||||||||||||||||||||||||||||||||||||||||| --> <!-- AUDIO POSTS: --> <!-- |||||||||||||||||||||||||||||||||||||||||| --> {block:Audio} <div class="audio inner"> <div class="postactions"> <a href="{Permalink}" class="actions permalink tips" title="permalink to this item">&bull;</a> {block:IfAllowPostFlipForInfo}<a href="javascript:void(0);" class="actions flip tips" title="flip for more info">flip</a>{/block:IfAllowPostFlipForInfo} {block:IfAllowTemporaryPostSorting}<a href="javascript:void(0);" class="actions mover tips" title="drag here to move">&harr;</a>{/block:IfAllowTemporaryPostSorting} {block:IfAllowTemporaryPostRemoval}<a href="javascript:void(0);" class="actions subtract tips" title="remove (not permanent)">&times;</a>{/block:IfAllowTemporaryPostRemoval} </div> {block:AlbumArt} <div class="audioartwork"> <img src="{AlbumArtURL}"/> </div> {/block:AlbumArt} <div class="audioplayercontainer">{AudioPlayerBlack}</div> <div class="audiobody"> {Caption} </div> {block:ContentSource} <div class="reblogged"> <a href="{SourceURL}">{lang:Source}: {SourceTitle}</a> </div> {/block:ContentSource} </div> {/block:Audio} <!-- |||||||||||||||||||||||||||||||||||||||||| --> <!-- VIDEO POSTS: --> <!-- |||||||||||||||||||||||||||||||||||||||||| --> {block:Video} <div class="video inner"> <div class="postactions"> <a href="{Permalink}" class="actions permalink tips" title="permalink to this item">&bull;</a> {block:IfAllowPostFlipForInfo}<a href="javascript:void(0);" class="actions flip tips" title="flip for more info">flip</a>{/block:IfAllowPostFlipForInfo} {block:IfAllowTemporaryPostSorting}<a href="javascript:void(0);" class="actions mover tips" title="drag here to move">&harr;</a>{/block:IfAllowTemporaryPostSorting} {block:IfAllowTemporaryPostRemoval}<a href="javascript:void(0);" class="actions subtract tips" title="remove (not permanent)">&times;</a>{/block:IfAllowTemporaryPostRemoval} </div> {Video-500} {block:ContentSource} <div class="reblogged"> <a href="{SourceURL}">{lang:Source}: {SourceTitle}</a> </div> {/block:ContentSource} </div> {/block:Video} <!-- |||||||||||||||||||||||||||||||||||||||||| --> <!-- CHAT POSTS: --> <!-- |||||||||||||||||||||||||||||||||||||||||| --> {block:Chat} <div class="chat inner"> <div class="postactions"> <a href="{Permalink}" class="actions permalink tips" title="permalink to this item">&bull;</a> {block:IfAllowPostFlipForInfo}<a href="javascript:void(0);" class="actions flip tips" title="flip for more info">flip</a>{/block:IfAllowPostFlipForInfo} {block:IfAllowTemporaryPostSorting}<a href="javascript:void(0);" class="actions mover tips" title="drag here to move">&harr;</a>{/block:IfAllowTemporaryPostSorting} {block:IfAllowTemporaryPostRemoval}<a href="javascript:void(0);" class="actions subtract tips" title="remove (not permanent)">&times;</a>{/block:IfAllowTemporaryPostRemoval} </div> {block:Title} <h3>{Title}</h3> {/block:Title} <ul class="chatbody"> {block:Lines} <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="chatlabel">{Label}</span> {/block:Label} {Line} </li> {/block:Lines} </ul> {block:ContentSource} <div class="reblogged"> <a href="{SourceURL}">{lang:Source}: {SourceTitle}</a> </div> {/block:ContentSource} </div> {/block:Chat} <!-- |||||||||||||||||||||||||||||||||||||||||| --> <!-- CAPTION SECTIONS FOR ALL POSTS: --> <!-- |||||||||||||||||||||||||||||||||||||||||| --> {block:Photo} {block:Caption} <div class="caption"> <div class="captioninner"> {Caption} </div> </div> {/block:Caption} {/block:Photo} {block:PhotoSet} {block:Caption} <div class="caption"> <div class="captioninner"> {Caption} </div> </div> {/block:Caption} {/block:PhotoSet} {block:Video} {block:Caption} <div class="caption"> <div class="captioninner"> {Caption} </div> </div> {/block:Caption} {/block:Video} <!-- Permalink pages... --> {block:PermalinkPage} {block:Photo} {block:Caption} <div class="photobody"> <div class="captioninner"> {Caption} </div> </div> {/block:Caption} {/block:Photo} {block:PhotoSet} {block:Caption} <div class="photobody"> <div class="captioninner"> {Caption} </div> </div> {/block:Caption} {/block:PhotoSet} {block:Video} {block:Caption} <div class="videobody"> <div class="captioninner"> {Caption} </div> </div> {/block:Caption} {/block:Video} {/block:PermalinkPage} <!-- |||||||||||||||||||||||||||||||||||||||||||||||| --> <!-- THE "BACK-SIDE" OF THE POSTS (when "flipped"): --> <!-- |||||||||||||||||||||||||||||||||||||||||||||||| --> <div class="backside"> {block:HasTags} <h3>Tags</h3> <div class="taglist"> {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags} </div> {/block:HasTags} <div class="postinfo"> <h3>Info</h3> <dl> <dt>posted by:</dt> <dd><a href="{PostAuthorURL}">{PostAuthorName}</a></dd> {block:Audio} <dt># of plays:</dt> <dd>{PlayCount}</dd> {/block:Audio} <dt>date:</dt> <dd> <a href="/archive/{Year}/{MonthNumber}">{ShortMonth}</a> {DayOfMonth}, <a href="/archive/{Year}">{Year}</a> <span>(a {DayOfWeek})</span> </dd> <dt>time:</dt> <dd>{12Hour}:{Minutes}:{Seconds} <span>({TimeAgo})</span></dd> </dl> <!-- NOTES SECTION --> <!-- the following is only rendered on "index" pages... --> {block:IndexPage} <h3>Notes</h3> <p>There are {NoteCount} notes on this item.</p> <p><a href="{Permalink}">View post...</a></p> {/block:IndexPage} <!-- the following is only rendered on Permalink pages... --> {block:PostNotes} <h3>Notes</h3> <p>There are {NoteCount} notes on this item. {block:IndexPage}<a href="{Permalink}">View them...</a>{/block:IndexPage} </p> <div class="postnotes"> {PostNotes} </div> {/block:PostNotes} </div> </div> </li> {/block:Posts} </ol> <!-- |||||||||||||||||||||||||||||||||||||||||| --> <!-- FOOTER: --> <!-- |||||||||||||||||||||||||||||||||||||||||| --> <div id="footer"> <div id="pagenav"> {block:PreviousPage} <a href="{PreviousPage}">&#8592; Previous Page</a> &nbsp;&nbsp; {/block:PreviousPage} {block:NextPage} <a href="{NextPage}">Next Page &#8594;</a> {/block:NextPage} </div> <p style="border-top:1px dotted silver;padding:8px 0px 10px 0px;"> Browse the <a href="/archive">Archive</a>&nbsp;&nbsp;&nbsp;&nbsp;View at <a href="/random">Random</a>&nbsp;&nbsp;&nbsp;&nbsp;Subscribe via <a href="{RSS}">RSS</a>&nbsp;&nbsp;&nbsp;&nbsp;theme designed by <a href="http://bendelaney.me">Ben Delaney</a> </p> </div> </div> </div> <script type="text/javascript"> window.addEvent('domready', function() { var Remover = $$('.subtract'); var Posts = $$('.post'); var Captions = $$('.caption'); var Movers = $$('.mover'); Captions.set('tween', {duration:200}); function flipAction(post, postActions, flipEffect, caption, flipper, postFrontSide, postBackSide) { var postWidth = post.getStyle('width'); post.removeEvents('mouseover', 'mouseout'); flipEffect.start({ 'margin-right': '178px' ,'margin-left': '178px' ,'width': '1px' }); (function() { if (!post.hasClass('flipped')) { post.removeEvents('mouseover', 'mouseout'); postFrontSide.hide(); postBackSide.adopt(postActions).show(); post.addClass('flipped'); } else if (post.hasClass('flipped')) { postFrontSide.adopt(postActions).show(); postBackSide.hide(); post.removeClass('flipped'); postHover(post); } flipEffect.start({ 'margin-right':'14px' ,'margin-left':'14px' ,'width': postWidth }); }).delay(250); } function postHover(post, caption) { if (!caption == '') { post.addEvents({ 'mouseover': function(){ caption.tween('opacity', 1); }, 'mouseout': function(){ caption.tween('opacity', 0); } }); } } Posts.each (function(post, i){ var postActions = post.getElement('.postactions'); var flipEffect = new Fx.Morph(post, {duration: '200', transition: Fx.Transitions.elasticInOut}); var caption = post.getElement('.caption'); var flipper = post.getElement('.flip'); var postFrontSide = post.getElement('.inner'); var postBackSide = post.getElement('.backside'); var permalink = post.getElement('.permalink').getProperty('href'); if (!post.getElement('.caption') == '') { var captionSize = caption.getSize(); var captionContentsSize = caption.getElement('.captioninner').getSize(); if (captionContentsSize.y>captionSize.y) { var readMoreLink = new Element('a', { 'href': permalink ,'class': 'readmore' ,'html': 'read more...' }).inject(caption, 'top'); } } if (!post.getParent('.permalinkpage')) postHover(post, caption); {block:IfAllowPostFlipForInfo} flipper.addEvent('click', function(){ flipAction(post, postActions, flipEffect, caption, flipper, postFrontSide, postBackSide); }); {/block:IfAllowPostFlipForInfo} {block:IfAllowTemporaryPostRemoval} post.getElement('.subtract').addEvent('click', function(){ post.set('tween', {duration:250}).tween('opacity', 0); (function(){ post.setStyle("display", "none"); }).delay(270); }); {/block:IfAllowTemporaryPostRemoval} }); {block:IfAllowPostSizeToggling} $('makelarge').addEvent('click', function(){ $$('.post').setStyles({ 'width': '528px' ,'height': '708px' }); $$('.post img').setStyle('width', 'auto'); $$('.post').swapClass('small', 'large'); }); $('makesmall').addEvent('click', function(){ $$('.post').setStyle('width', '328px'); $$('.post').setStyles({ 'width': '328px' ,'height': '436px' }); $$('.post img').setStyle('width', '300px'); $$('.post').swapClass('large', 'small'); }); {/block:IfAllowPostSizeToggling} {block:IfAllowTemporaryPostSorting} var mySortables = new Sortables('posts', { revert: { duration: 500, transition: 'elastic:out' }, clone:true, handle: '.mover', opacity: 0.25 }); {/block:IfAllowTemporaryPostSorting} {block:IfShowHoverTips} new Tips('.tips'); {/block:IfShowHoverTips} }); </script> </body> </html> </pre> <p> <a href="http://customizemytumblr.com/post/23981735683/how-to-install-a-tumblr-theme-this-how-to-will" alt="How to Install a Tumblr Theme"><img src="http://static.tumblr.com/tkzrdeo/X5um4rkmk/how-to-install-a-tumblr-theme.jpg"/></a> </p>http://customizemytumblr.com/post/24686227488http://customizemytumblr.com/post/24686227488Fri, 08 Jun 2012 12:59:00 -0400themestumblr themesnew tumblr themesnew themesphotoboardbendelaney<img src="http://25.media.tumblr.com/tumblr_m5b4qyj1AH1rx4boco1_500.jpg"/><br/><br/><h1><a href="http://customizemytumblr.com/post/24685024981/tumblr-moved-theme-by-customize-my-tumblr">Tumblr Moved Theme by <i>Customize My Tumblr</i></a></h1> <p> <b>Features:</b>Redirect your old tumblr viewers to your new blog with this Official Tumblr Moved Theme provided FREE by Customize My Tumblr.<br/><!-- more --><br/><b>Demo: </b> <a href="http://relocatedblog.tumblr.com/" target="_blank">relocatedblog.tumblr.com</a> <br/><br/><b>Theme Html Code: </b><br/></p> <pre name="box-content" id="box-content"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <!--Tumblr Moved theme by CustomizeMyTumblr.com --> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta http-equiv="x-dns-prefetch-control" content="off"/> <meta name="robots" content="noindex"/> <meta name="text:New Blog Name" content=""/> <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/oplygjf/auUlj514g/status_blue.css" /> <title>{Name} has Moved!</title> </head> <body> <table height="100%" width="100%"> <tr> <td align="center" valign="middle"> <div id="container"> <h1 id="l10n_title">I've moved!</h1> <div class="sorry"> <p>{Name} has moved to {text:New Blog Name}!</br></p> <p><a class="button" href="http://{text:New Blog Name}.tumblr.com/">Click here</a></p> </div> </td> </tr> </table> </body> </html> </pre> <p> <a href="http://customizemytumblr.com/post/23981735683/how-to-install-a-tumblr-theme-this-how-to-will" alt="How to Install a Tumblr Theme"><img src="http://static.tumblr.com/tkzrdeo/X5um4rkmk/how-to-install-a-tumblr-theme.jpg"/></a> </p>http://customizemytumblr.com/post/24685024981http://customizemytumblr.com/post/24685024981Fri, 08 Jun 2012 12:35:00 -0400tumblr movedtumblr has movedmoved tumblr themetumblr moved themethemethemesnew tumblr themestumblr help<img src="http://25.media.tumblr.com/tumblr_m5b1t6b1gY1rx4boco1_500.jpg"/><br/><br/><h1><a href="http://customizemytumblr.com/post/24681938893/how-to-add-pages-to-tumblr-this-how-to-will">How to Add Pages to Tumblr</a></h1> <p> This how to will give you the steps necessary to making <strong>custom tumblr pages</strong>. You will be able to style these pages however you like and can combine any html, css, and javascript to get the result you like on any page. Anyways, Let’s get started… </p> <!-- more --> <!-- <h3>First Step</h3> <p> Log in to your account and select your blog from the top right navigation. <br /><br /> <img alt="Step 1 on How to Add Pages to Tumblr" src="http://i48.tinypic.com/2rxduaf.jpg" /> </p> <h3>Step Two</h3> <p> Select <strong>"Customize theme"</strong> from the sidebar. <br /><br /> <img alt="Step 2 on How to Add Pages to Tumblr" src="http://i48.tinypic.com/2gt5gjn.jpg" /> </p> --> <h3>First Step</h3> <p> Log in to your <a href="http://tumblr.com">Tumblr</a> account and select your blog from the sidebar to the right. <br/><br/><img alt="Step 1 on How to Add Pages to Tumblr" src="https://dl.dropbox.com/u/52386376/customizemytumblr/customize%20blog/step1.jpg"/><br/><br/><img alt="Step 1 on How to Add Pages to Tumblr" src="https://dl.dropbox.com/u/52386376/customizemytumblr/customize%20blog/step2.jpg"/></p> <h3>Step 2</h3> <p> Once your in your blogs dashboard, click on the <strong>“Settings”</strong> Gear from the top navigation. <br/><br/><img alt="Step 2 on How to Add Pages to Tumblr" src="https://dl.dropbox.com/u/52386376/customizemytumblr/customize%20blog/step3.jpg"/></p> <h3>Step 3</h3> <p> Select your <strong>tumblr blog</strong> once more from the sidebar to the left. <br/><br/><img alt="Step 3 on How to Add Pages to Tumblr" src="https://dl.dropbox.com/u/52386376/customizemytumblr/customize%20blog/step4.jpg"/></p> <h3>Step 4</h3> <p> Click on the <strong>“Theme [Customize]”</strong> button. <br/><br/><img alt="Step 4 of How to Add Pages to Tumblr" src="https://dl.dropbox.com/u/52386376/customizemytumblr/customize%20blog/step5.jpg"/></p> <h3>Step 5</h3> <p> Expand the <strong>“pages”</strong> selection and click on the <strong>“+Add a Page”</strong> button to add your first page. <br/><br/><img src="https://dl.dropbox.com/u/52386376/customizemytumblr/step1.jpg" alt="Step 5 on How to Add Pages to Tumblr"/><br/><br/><img src="https://dl.dropbox.com/u/52386376/customizemytumblr/step2.jpg" alt="Step 5 part 2 on How to Add Pages to Tumblr"/></p> <h3>Step 6</h3> <p> Tumblr gives you 3 options for the <strong>appearance</strong> of the <strong>custom page</strong>. You can either have your <strong>standard layout</strong>, <strong>custom layout</strong>, or make the page <strong>redirect</strong> to another <strong>url</strong>. <br/><br/>Choose the option that best fits your page, if you want the page in the same layout as your current theme with different content keep the <strong>standard layout</strong> option. If you want a page with a whole different layout select the <strong>custom layout</strong> option. and if you want to redirect the page choose <strong>redirect</strong>. <br/><br/><img src="https://dl.dropbox.com/u/52386376/customizemytumblr/step4.jpg" alt="Step 6 on How to Add Pages to Tumblr"/></p> <h3>Step 7</h3> <p> Type in the page URL you want the page to have, the Page Title, and if your theme supports page links check off “Show a link to this page”.<br/><br/> Below these options you will see the <strong>“Body”</strong> section, type or paste the content that you want to appear on the page there. <br/><br/><img src="https://dl.dropbox.com/u/52386376/customizemytumblr/step3.jpg" alt="Step 7 on How to Add Pages to Tumblr"/><br/><br/><img src="https://dl.dropbox.com/u/52386376/customizemytumblr/step5.jpg" alt="Step 7 Part 2 on How to Add Pages to Tumblr"/></p> <h3>Final Step: Step 8</h3> <p> Hit the create a page button to create and save the page. <br/><br/><img src="https://dl.dropbox.com/u/52386376/customizemytumblr/step6.jpg" alt="Step 8 on How to Add Pages to Tumblr"/><br/><br/> Lastly Select the <strong>“Appearance”</strong> tab on the top left and press on <strong>“Save”</strong> to save your changes. <br/><br/><img alt="Step 8 Part 2 on How to Add Pages to Tumblr" src="http://i45.tinypic.com/91djk9.jpg"/><br/><br/><img alt="Step 8 Part 3 on How to Add Pages to Tumblr" src="http://i49.tinypic.com/2mff8kz.jpg"/><br/><br/> You should now have <strong>created a custom page on tumblr</strong>. Navigate to the <strong>url</strong> that you created and check to see if it’s working. <br/><br/><strong>So long and Happy Tumblring!</strong> </p> <p><a href="http://customizemytumblr.com/tagged/Themes"><img alt="Tumblr Themes" height="79" src="http://static.tumblr.com/tkzrdeo/3mFm4rps8/click-for-tumblr-themes.jpg" width="837"/></a></p>http://customizemytumblr.com/post/24681938893http://customizemytumblr.com/post/24681938893Fri, 08 Jun 2012 11:31:00 -0400howtopagestumblrcustom tumblr pagescustomize tumblrtumblr customizationtumblr helpnewNo problem. We glad that we could help you in anyway. Cheers.http://customizemytumblr.com/post/24612843654http://customizemytumblr.com/post/24612843654Thu, 07 Jun 2012 11:45:38 -0400Yep, certainly it is possible. BUT, if we declare the infiniteScroll outside of the main theme...http://customizemytumblr.com/post/24599792747http://customizemytumblr.com/post/24599792747Thu, 07 Jun 2012 04:50:00 -0400qaquestionjavascriptinfinite scrollingiframephotosetSorry, how can I forget bout that. Anyway the iframe are still served by Tumblr’s domain, so...http://customizemytumblr.com/post/24532122073http://customizemytumblr.com/post/24532122073Wed, 06 Jun 2012 06:11:00 -0400qaquestionphotosetheightiframejavascript