Rahmen der sich automatisch an den post anpasst! tUMBLR

Rahmen der sich automatisch an den post anpasst! tUMBLR

Beitragvon daver85er » 28.09.2011, 22:47

hallo leute ich hab mich jetzt extra angemeldet weil cih nicht mehr weiterkomm und in anderen foren mir auch nicht geholfen wurde....

es ist folgendes... ich hab vor ein paar monaten einen tumblr blog erstellt!!!

ich hab ein theme welches mir gefällt....
ich möchte jedeoch um JEDEN post einen Rahmen (img datei) der sich an die höhe automatishc anpasst!!!

ich hab schon ein anderes theme gefunden von dem ich gerne den rahmen nutzen möchte!!!

erst mal hier mein blog! daves-mind.tumblr.com/

jetz hier mein aktuelles theme! (nicht von mir bearbeitet also das original)
themes.themaxdavis.com/themes/urban

Code: Alles auswählen
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <!-- ---------------------------------- Theme Urban by Max Davis, 2011. http://themes.themaxdavis.com ---------------------------------- --> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="color:background" content="#fff"/> <meta name="color:center" content="#fff"/> <meta name="color:text" content="#B3B3B3"/> <meta name="color:title" content="#777777"/> <meta name="color:link" content="#777777"/> <meta name="color:hover" content="#B3B3B3"/> <meta name="color:Photo post hover" content="#ff0000"/> <meta name="color:Notes photo post hover" content="#fff"/> <meta name="font:Body" content="Arial, Helvetica, sans-serif"/> <meta name="image:Background" content="" /> <meta name="image:Sidebar" content="" /> <meta name="if:infinite scrolling" content="0"/> <meta name="if:Show reblog on photo post" content="0"/> <meta name="if:Show photo Caption" content="0"/> <meta name="if:Show archive" content="0"/> <meta name="if:Show random" content="0"/> <meta name="if:Show submit" content="0"/> <meta name="text:ask title" content=""/> <meta name="text:Reblog Title" content="Reblog this post" /> <meta name="text:Next Page" content="Next Page" /> <meta name="text:Previous Page" content="Previous Page" /> <meta name="text:Link One" content="" /> <meta name="text:Link One Title" content="" /> <meta name="text:Link Two" content="" /> <meta name="text:Link Two Title" content="" /> <meta name="text:Link Three" content="" /> <meta name="text:Link Three Title" content="" /> {block:Description} <meta name="description" content="{MetaDescription}" />{/block:Description} <title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage} {block:PostSummary} {PostSummary} - {/block:PostSummary}{Title}</title><script src="http://themes.themaxdavis.com/scripts/jquery-1.3.2.min.js" type="text/javascript"></script>{block:Ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:Ifinfinitescrolling}<link href="http://static.tumblr.com/8jq17g7/liCln580a/style_link.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script> </head><meta name="viewport" content="width=820" /> <style type="text/css"> iframe#tumblr_controls { top: 1px !important; margin: 0 0 0 0; right: 4px !important; position: fixed !important;} body{ background-color: {color:background}; background-image:url({image:Background}); background-attachment: fixed; background-position:top left; background-repeat: repeat; color: {color:text}; font-family: {font:Body}; font-size: 10px; line-height: 11px; overflow-x:hidden; margin:0px; text-align: left;} a{color:{color:link}; text-decoration:none; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out;} a:hover{color: {color:hover}; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;} a:active{outline: none;} a:focus{-moz-outline-style: none;} :-moz-any-link:focus{outline: none;} strong{color:#000;} img{border:none;} div#content{ margin: auto; width:520px; margin-top: 20px; margin-bottom: 20px; text-align: left;} div#center{ background-color: {color:center}; margin-left: -125px; padding: 10px; width:500px; text-align: left;} #entry{ margin-left:0px; width:500px; margin-bottom: 20px;} div#sidebar{ padding: 10px; font-size: 10px; background-color: {color:center}; width:200px; margin-top:30px; position: fixed; margin-left: 405px;} blockquote{ margin: 10px; color: {color:text}; padding: 10px;} div.post div.conversation ul {list-style-type:none;} ol.notes { padding: 0px; font-weight:normal; margin: 0px 0px; list-style-type: none !important; border-bottom: 0px; margin-left: 50px; text-align: left;} ul {list-style-type:bullet;} ul:hover {color: #999;} ol {list-style-type: upper-roman;} ul:hover {color: #999;} .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;} #answer{ margin-top: 8px; margin-left: -34px;} .title{ font-family: {font:Body}; font-weight:bold; font-size: 20px; line-height: 23px; letter-spacing: -1px; color: {color:title}; padding:1px 1px 0px 1px; text-transform:uppercase;} .title2{ font-family: {font:Body}; font-weight:bold; font-size: 15px; line-height: 23px; letter-spacing: -1px; color: {color:title}; padding:1px 1px 0px 1px;} .quotesymbols{ font-size: 30px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; line-height: -10px;} #photo {width:500px;} #photo div#picture {position:relative;} #photo img {max-width:500px; display:block;} div#photo div#picture div#info { position:absolute; opacity: 0; top:0; left:0; width:500px; height:100%; visibility:hidden; z-index:998; text-align:center; background-color: {color:Photo post Hover}; opacity 0.7s linear; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out;} div#photo div#picture div#info:hover { opacity 0.7s linear; opacity: 0.8; -moz-box-shadow: inset 0 0 100px rgba(0,0,0,0.65); -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,0.65); box-shadow: inset 0 0 100px rgba(0,0,0,0.65); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;} div#photo div#picture div#info div#holder { position:absolute; top:40%; left:50%; margin-left:-95px; width:180px; height: 80xp; text-align:center; z-index:999; color:#000;} div#photo div#picture div#info div#holder a,div#photo div#picture div#info div#holder a:hover { text-decoration:none; color:{color:Notes photo post hover}; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;} div#photo div#picture div#info div#holder span#note_count { font-weight:bold; letter-spacing: -3px; line-height: 80px; font-size:60px; text-transform:uppercase; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;} div#photo div#picture div#info div#holder span#Photo_reblog { font-weight:bold; letter-spacing: -1px; line-height: 18px; font-size:30px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;} div#photo div#picture:hover div#info {visibility:visible;} .permalink{ display: block; font-size: 9px; text-align: right; float:left; position: absolute; margin-bottom: -40px; margin-top: 0px; height: 25px; width: auto; margin-left: -110px;} div#entry .permalink1 a{color:{color:permalink};} div#entry .permalink1 a:hover{ opacity:0.5; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all 0.3s linear;} div#entry .permalink1{ width:auto; background-color:{color:center}; height: 35px; position:absolute; margin-top: -15px; text-align: left; padding:10px; text-align: right; color:{color:permalink}; overflow:hidden; line-height:12px; font-size:10px; letter-spacing:0px; white-space:nowrap; -webkit-transition: opacity 0.7s linear; opacity: 0.0; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; transition: all 0.5s linear;} div#entry:hover .permalink1{ letter-spacing: 0px; overflow:visible; -webkit-transition: opacity 0.7s linear; opacity: 1; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all 0.2s linear;} div.padd { width: 100%; line-height: 11px; padding-top: 0px; padding-left: 5px; margin: 0px;} #answer{ margin-top: 10px; margin-left: -34px;} {CustomCSS} </style> <link rel="shortcut icon" href="{Favicon}"> <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /> <meta name="viewport" content="width=820" /> <meta name="robots" content="noindex"/></head> <body> <div id="content"> <div id="sidebar"> {block:IfSidebarImage} <center><a href="/"><img src="{image:Sidebar}" width=200px/></a></center><br><br> {/block:IfSidebarImage} <center><a href="/" class="title">{title}</a></center><br> {Description}<br><br> <center> {block:AskEnabled}<a href="/ask" class="title2">{block:ifasktitle}{text:Ask Title}{/block:ifasktitle} {block:ifnotasktitle}{AskLabel}{/block:ifnotasktitle}</a>{/block:AskEnabled} <br> {block:HasPages}{block:Pages} <a href="{URL}" class="title2">{Label}</a><br> {/block:Pages}{/block:HasPages} {block:ifshowarchive} <a href="/archive" class="title2">Archive</a><br> {/block:ifshowarchive} {block:ifshowrandom} <a href="/random" class="title2">Random</a><br> {/block:ifshowrandom} {block:ifshowsubmit} <a href="/submit" class="title2">Submit</a><br> {/block:ifshowsubmit} {block:ifLinkOneTitle} <a href="{text:Link One}" class="title2">{text:Link One Title}</a><br> {/block:ifLinkOneTitle} {block:ifLinkTwoTitle} <a href="{text:Link Two}" class="title2">{text:Link Two Title}</a><br> {/block:ifLinkTwoTitle} {block:ifLinkThreeTitle} <a href="{text:Link Three}" class="title2">{text:Link Three Title}</a><br> {/block:ifLinkThreeTitle} <br> {block:IfNotinfinitescrolling} <center> {block:Pagination} {block:PreviousPage} <a href="{PreviousPage}">{text:Previous Page} &nbsp;</a> {/block:PreviousPage} {block:JumpPagination length="5"} {block:CurrentPage} <span class="current_page">{PageNumber}</span> {/block:CurrentPage} {block:JumpPage} <a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage} {/block:JumpPagination} {block:NextPage} <a href="{NextPage}">&nbsp; {text:Next Page}</a> {/block:NextPage} {/block:Pagination}</center> {block:IfNotinfinitescrolling} {block:Ifinfinitescrolling} <center><br><br>Theme <a href="http://themes.themaxdavis.com/">Urban</a>, by <a href="http://themes.themaxdavis.com/">Max davis</a>.</center><br> {/block:Ifinfinitescrolling} </div><!-- End Sidebar --> <div id="center"> <a href="http://maxdavis-themes.tumblr.com/"><div id="link"></div></a> <div class = "autopagerize_page_element" > {block:Posts} <div id="entry"> {block:Quote} {block:IndexPage} <div class="permalink"><span class="permalink1"> {block:Date} <a href="{permalink}"> {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a><br> <a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br> {block:IfReblogTitle} <a href="{ReblogURL}" target="_blank">{text:Reblog title}</a> {/block:IfReblogTitle} {/block:Date}</span></div> {/block:IndexPage} <center> <span class="quotesymbols">❝</span> <span class="title">{Quote}</span> <span class="quotesymbols">❞</span><br> {block:Source}{Source}{/block:Source}</center> {/block:Quote} {block:Text} {block:IndexPage} <div class="permalink"><span class="permalink1"> {block:Date} <a href="{permalink}"> {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a><br> <a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br> {block:IfReblogTitle} <a href="{ReblogURL}" target="_blank">{text:Reblog title}</a> {/block:IfReblogTitle} {/block:Date}</span></div> {/block:IndexPage} {block:Title}<span class="title">{Title}</span>{/block:Title} {Body} {/block:Text} {block:Link} {block:IndexPage} <div class="permalink"><span class="permalink1"> {block:Date} <a href="{permalink}"> {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a><br> <a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br> {block:IfReblogTitle} <a href="{ReblogURL}" target="_blank">{text:Reblog title}</a> {/block:IfReblogTitle} {/block:Date}</span></div> {/block:IndexPage} <a href="{URL}" class="title">{Name}</a> {block:Description}{Description}{/block:Description} {block:Link} {block:Answer} {block:IndexPage} <div class="permalink"><span class="permalink1"> {block:Date} <a href="{permalink}"> {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a><br> <a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br> {/block:Date}</span></div> {/block:IndexPage} <table width="100%" border="0px" cellpadding="0" cellspacing="0"> <tbody style="border-spacing: 0px;"> <td width="30px" style="vertical-align: top; width: 30px; padding: 0px;"> <img height="30px" width="30px" style="padding: 0px; margin: 0px;" src="{AskerPortraitURL-30}"/></td><td> <div class="padd" width="100%" style="margin-left:;"> {Asker} asked:<br> {Question}<br><div id="answer"><em>{Answer}</em></div><br><br> </div></td></tr></tbody></table> {/block:Answer} {block:Photo} <div class="post"> <div id="extraonephoto"> <div id="photo"> {block:IndexPage} <div id="picture"> {block:Date} <div id="info"> <div id="holder"> <span id="note_count"> <a href="{Permalink}">{block:NoteCount}{NoteCount}{/block:NoteCount}</a> </span> {block:ifShowreblogonphotopost} <span id="Photo_reblog"> <br><a href="{ReblogURL}" target="_blank">reblog</a> </span> {/block:ifShowreblogonphotopost} </div></div> {/block:Date} <img src="{PhotoURL-500}" alt="{PhotoAlt}" width=500px/></div> {block:ifshowphotoCaption} {block:Caption}{Caption}{/block:Caption}{/block:ifshowphotoCaption} {/block:IndexPage} {block:PermalinkPage} {LinkOpenTag} <img src="{PhotoURL-500}" alt="{PhotoAlt}" width=500px/> {LinkCloseTag} {block:Caption}{Caption}{/block:Caption} {/block:PermalinkPage} </div></div></div> {/block:Photo} {block:Chat} {block:IndexPage} <div class="permalink"><span class="permalink1"> {block:Date} <a href="{permalink}"> {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a><br> <a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br> {block:IfReblogTitle} <a href="{ReblogURL}" target="_blank">{text:Reblog title}</a> {/block:IfReblogTitle} {/block:Date}</span></div> {/block:IndexPage} {block:Title}<span class="title">{Title}</span>{/block:Title} <ul class="chat"> {block:Lines} <li class="user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label} {Line} </li> {/block:Lines} </ul> {/block:Chat} {block:Audio} {block:IndexPage} <div class="permalink"><span class="permalink1"> {block:Date} <a href="{permalink}"> {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a><br> <a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br> {block:IfReblogTitle} <a href="{ReblogURL}" target="_blank">{text:Reblog title}</a> {/block:IfReblogTitle} {/block:Date}</span></div> {/block:IndexPage} <center><div style="width:400px; height:20px;"> <div style="float:left">{AudioPlayerWhite}</div> <div style="margin-top:8px; float:right;"><small> {FormattedPlayCount} plays {block:ExternalAudio} // <a href="{ExternalAudioURL}">Download?</a> {/block:ExternalAudio}</small> </div></div></center><br> {block:Caption}{Caption}{/block:Caption} {/block:Audio} {block:Video} {block:IndexPage} <div class="permalink"><span class="permalink1"> {block:Date} <a href="{permalink}"> {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a><br> <a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br> {block:IfReblogTitle} <a href="{ReblogURL}" target="_blank">{text:Reblog title}</a> {/block:IfReblogTitle} {/block:Date}</span></div> {/block:IndexPage} <center> {Video-500}<br> {block:Caption}{Caption}{/block:Caption} </center> {/block:Video} </div><!-- End entry --> {block:PostNotes} <center> {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}<br> {block:HasTags} tagged as: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags} {block:RebloggedFrom} reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br> originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}</center></span> <br>{PostNotes}<br> {/block:PostNotes} {/block:Posts} </div> {block:IfNotinfinitescrolling} <br><center>Theme <a href="http://themes.themaxdavis.com/">Urban</a>, by <a href="http://themes.themaxdavis.com/">Max davis</a>.</center><br>{/block:IfNotinfinitescrolling} </div><!-- End Center --> </div><!-- End Content --> </body> </html>


und hier das theme von dem ich den rahmen benutzen möchte!
aber für alle posts! nicht nur wie dort für fotos!
esquiretheme.tumblr.com/

Code: Alles auswählen
<!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> <meta name="color:Background" content="#ff6" /> <meta name="color:Accent 1" content="#f30" /> <meta name="color:Accent 2" content="#39f" /> <meta name="color:Chat Background 1" content="#ff6" /> <meta name="color:Chat Background 2" content="#fd8" /> <meta name="color:Chat Background 3" content="#fc9" /> <meta name="color:Chat Background 4" content="#fcb" /> <meta name="if:Show people I follow" content="1" /> <meta name="if:Show post notes" content="1" /> <meta name="if:Show zigzag quotes" content="0" /> <meta name="if:Show social media links" content="0" /> <meta name="if:Show picture frames" content="1" /> <meta name="if:Show shortened links" content="1" /> <meta name="text:Disqus shortname" content="" /> <meta name="text:Tumblr username" content="" /> <meta name="text:Twitter username" content="" /> <meta name="text:Flickr username" content="" /> <meta name="text:Lastfm username" content="" /> <meta name="text:Vimeo username" content="" /> <meta name="text:Linked In username" content="" /> <meta name="text:Dopplr username" content="" /> <meta name="text:Delicious username" content="" /> <meta name="text:Facebook username" content="" /> <meta name="text:QuickSnapper username" content="" /> <meta name="text:Daytum username" content="" /> <meta name="text:Youtube username" content="" /> <meta name="text:Google Analytics ID" content="" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>{Title}{block:PostSummary} &bull; {PostSummary}{/block:PostSummary}{block:SearchPage} &bull; Search results for "{SearchQuery}"{/block:SearchPage}</title> <meta name="author" content="Matthew Buchanan" /> <meta name="description" content="{MetaDescription}" /> <link rel="icon" href="{Favicon}" /> <link rel="alternate" type="application/rss+xml" title="RSS Feed" href="{RSS}" /> <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.5.2/build/reset/reset-min.css" media="all" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="http://static.tumblr.com/gpln05e/ovtl0g9jv/jquery.cycle.lite.1.0.min.js"></script> <script type="text/javascript" src="http://static.tumblr.com/gpln05e/ZZ1kg8ian/jqwidont-compressed.js"></script> <script type="text/javascript" src="http://static.tumblr.com/gpln05e/JDckgqks7/zz.js"></script> <script type="text/javascript" src="http://static.tumblr.com/gpln05e/XUSl0zp6p/esquire.js"></script> <!--[if gte IE 7]><!--> <style type="text/css" media="screen"> /* Esquire Theme by Matthew Buchanan v1.6.3 Released under Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License http://creativecommons.org/licenses/by-nc-sa/3.0/ */ /* Social media icons (except Linked In, Daytum, Last.fm and YouTube) by Tim van Damme, used with permission */ html{height:100%;background-color:transparent;} body{font-size:62.5%;font-family:"Adobe Caslon Pro",Cambria,"Adobe Garamond Pro","Garamond",Georgia,"Times New Roman",Times,serif;color:#666;background:#fff url("http://static.tumblr.com/gpln05e/OHakg8i65/bg.png") repeat-y 0 0;height:100%;overflow:visible;} body.mac{font-size:62.5%;font-family:"Adobe Caslon Pro","Hoefler Text",Cambria,"Adobe Garamond Pro","Garamond",Georgia,"Times New Roman",Times,serif;color:#666;background:#fff url("http://static.tumblr.com/gpln05e/OHakg8i65/bg.png") repeat-y 0 0;height:100%;overflow:visible;} #sidebar{position:fixed;z-index:100;top:30px;left:30px;width:164px;padding:20px 19px 60px 20px;background:{color:Background} url("http://static.tumblr.com/gpln05e/Vfekg8iev/sidebar-bg.png") no-repeat 0 100%;} #sidebar h1,.text h1,.link h1,.chat h1,.quote blockquote.wczz{font-family:"Big Caslon","Adobe Caslon Pro","Hoefler Text",Constantia,"Adobe Garamond Pro","Garamond",Centaur,"Goudy Old Style","Gill Sans","Gill Sans MT",Georgia,"Times New Roman",Times,serif;} #sidebar h1{font-weight:normal;font-size:4em;line-height:0.9;margin-bottom:0.25em;} #sidebar h1 a{color:#000;text-decoration:none;} #sidebar h3{font-weight:normal;font-size:1.3em;line-height:1.3;color:#000;text-transform:uppercase;letter-spacing:0.125em;margin:0 0 0.5em;} #sidebar p{font-weight:normal;font-size:1.3em;line-height:1.3;color:#000;margin-bottom:1em;} #sidebar p a:link,#sidebar p a:visited{color:#000;text-decoration:none;border-bottom:1px dotted #000;} #sidebar p a:hover,#sidebar p a:active{border-bottom:1px solid #000;} #sidebar p em{font-style:italic;} #sidebar .bar{margin-bottom:15px;} #sidebar .buttons{overflow:hidden;margin-bottom:0.5em;} #sidebar .button{display:block;float:left;width:15px;height:15px;margin-right:5px;text-indent:-999em;overflow:hidden;background:url("http://static.tumblr.com/gpln05e/AvMkz62nd/icons.png") no-repeat 0 0;border-bottom:none !important;} #sidebar .mobile{background-position:-15px 0;} #sidebar .archive{background-position:-30px 0;} #sidebar .search{background-position:-45px 0;} #sidebar .ask{background-position:-90px 0;} #sidebar .submit{background-position:-105px 0;} #search{display:none;clear:left;padding:2px 0;} #searchfield{width:125px;} #searchfield,#searchgo{vertical-align:middle;} #buttontext{min-height:18px;line-height:1.4;} #avatars{background-color:{color:Background};height:82px;overflow:hidden;} #avatars a,#social a{display:block;float:left;background-color:#000;border-right:1px solid {color:Background};border-bottom:1px solid {color:Background};overflow:hidden;} #showavatars{display:block;width:15px;height:15px;background:url("http://static.tumblr.com/gpln05e/AvMkz62nd/icons.png") no-repeat -60px 0;text-indent:-999em;overflow:hidden;margin-left:148px;} #showavatars.hide{background-position:-75px 0;} #social{overflow:hidden;} #social a{position:relative;width:40px;height:40px;background:url("http://static.tumblr.com/gpln05e/uwQkz627t/social.png") no-repeat 0 0;text-indent:-999em;} #social .hit{position:absolute;width:40px;height:40px;top:0;left:0;background-color:#000;} #social .flickr{background-position:-40px 0;} #social .lastfm{background-position:-80px 0;} #social .vimeo{background-position:-120px 0;} #social .linkedin{background-position:-160px 0;} #social .dopplr{background-position:-200px 0;} #social .delicious{background-position:-240px 0;} #social .facebook{background-position:-280px 0;} #social .quicksnapper{background-position:-320px 0;} #social .daytum{background-position:-360px 0;} #social .youtube{background-position:-400px 0;} #credit{font-size:1.2em;line-height:1.5;position:fixed;left:25px;bottom:15px;z-index:200;color:#aaa;padding:5px;background-color:#fff;} #credit a{color:#aaa;text-decoration:none;} #credit em{font-style:italic;} #credit a:hover em{color:{color:Accent 2};border-bottom:1px dotted {color:Accent 2};} #credit strong{font-weight:bold;color:#444;} #credit a:hover strong{border-bottom:1px dotted #444;} #header{display:none;width:600px;height:6.8em;background:{color:Background} url("http://static.tumblr.com/gpln05e/FMykg8i8e/header-bg.png") repeat-x 0 0;margin:0 0 3.5em -40px;} #header h2{padding:1.15em 0 0 40px;font-size:2em;font-weight:bold;line-height:1.4;text-transform:uppercase;letter-spacing:0.1em;color:#000;} #header a{color:{color:Accent 2};text-decoration:none;} #header a:hover{text-decoration:underline;} /* Posts */ #posts{padding:30px 0 5px;} .post{position:relative;padding-left:380px;width:560px;margin-bottom:3em;} .postbody p,.postbody li,.postbody dl,.postbody blockquote{font-weight:normal;font-size:1.6em;line-height:1.33;margin:0.66em 0;} .postbody blockquote *{font-size:1em;margin:0;} .postbody .notes blockquote{font-size:1.1em;} .postbody li{margin:0.33em 0;} .postbody li p,.postbody dl p{font-size:1em;} .postbody i,.postbody em,.postbody blockquote,.postbody blockquote *,#buttontext{font-style:italic;font-family:Constantia,"Adobe Garamond Pro","Garamond",Georgia,"Times New Roman",Times,serif;} .mac .postbody i,.mac .postbody em,.mac .postbody blockquote,.mac .postbody blockquote *,.mac #buttontext{font-style:italic;font-family:"Hoefler Text",Constantia,"Adobe Garamond Pro","Garamond",Georgia,"Times New Roman",Times,serif;} .postbody b,.postbody strong{font-weight:bold;} .postbody blockquote,.postbody ol,.postbody ul{padding:0 3em;} .postbody abbr,.postbody acronym{border-bottom:1px dotted #aaa;cursor:help;} .postbody ol,.postbody ul{margin:1em 0;} .postbody ol li{list-style:decimal;} .postbody ul li{list-style:disc;} .postbody code{font:normal 1.3em/1.3 Consolas,"Lucida Console",Monaco,Courier,sans-serif;color:#333;} .postbody p code,.postbody li code{font-size:0.8em;background-color:#eee;padding:0.1em 0.3em;-webkit-border-radius:3px;-moz-border-radius:3px;} .postbody pre{background-color:{color:Background};padding:1em;margin:1.5em 0;overflow:auto;} .content a,.notes .action a{text-decoration:none;border-bottom:1px dotted #666;color:#666;} .content a:hover,.notes .action a:hover{border-bottom:1px solid #666;background-color:{color:Background};} .content img { max-width: 560px; } .content blockquote img { max-width: 150px; } .amp{font-style:italic;font-family:"Adobe Caslon Pro",Baskerville,Georgia,serif;} .permalink a{font-weight:normal;font-size:0.8125em;line-height:1.75;text-transform:uppercase;text-decoration:none;color:{color:Accent 2};background:{color:Background} url("http://static.tumblr.com/gpln05e/93vkg8ica/meta-plus.png") no-repeat 100% 50%;padding:8px 20px 5px 0;margin-right:10px;} .permalink a.notecount{background-image:url("http://static.tumblr.com/gpln05e/orikg8ibt/meta-note.png");} .permalink a.dsq-comment-count{background-image:url("http://static.tumblr.com/gpln05e/uHBkvvbro/meta-comment.png");} .permalink a.shorturl{background-image:url("http://static.tumblr.com/gpln05e/YX4kz641t/meta-short.png");} .permalink a:hover span{border-bottom:1px dotted {color:Accent 2};} .datebox{position:absolute;left:280px;top:0;width:50px;padding:1em 0 0.75em;background-color:#000;font-family:"Adobe Caslon Pro",Cambria,"Adobe Garamond Pro","Garamond",Georgia,"Times New Roman",Times,serif;} .datebox .day{text-align:right;font-weight:normal;font-size:4em;line-height:0.9;color:{color:Background};} .datebox .month{text-align:right;font-weight:normal;font-size:1.7em;line-height:1;color:#fff;text-transform:uppercase;} a,input{outline:none;} /* Quote Post */ .quote .box{background: {color:Accent 1} url("http://static.tumblr.com/gpln05e/Y77kvvfpk/quote-bg.png") no-repeat 15px 15px;padding:12px 15px 12px 80px;min-height:45px;} .quote .boxwczz p,.quote .boxwczz span{margin:0;color:#fff;text-transform:uppercase;font:italic 1.8em/1.3 "Big Caslon","Adobe Caslon Pro","Hoefler Text",Constantia,"Adobe Garamond Pro","Garamond",Centaur,"Goudy Old Style","Gill Sans","Gill Sans MT",Georgia,"Times New Roman",Times,serif;} .quote .boxwczz p span{font-size:1em;padding:0.2em 0 0.125em;} .quote .boxwczz{width:560px;margin:0 0 1em;padding:0;} .quote .medium p,.quote .medium span{font-size:1.5em !important;} .quote .long p,.quote .long span{font-size:1.2em !important;} .quote .box.medium p,.quote .box.medium span{font-size:1.8em !important;} .quote .box.long p,.quote .box.long span{font-size:1.5em !important;} .quote .box p{margin:0;color:#fff;font-style:italic;font-size:2.2em;line-height:1.1;} .quote .wczzright{background:{color:Accent 1} url("http://static.tumblr.com/gpln05e/sQakgdx40/zz-right.png") top right no-repeat;} .quote .wczzright span{background:{color:Accent 1} url("http://static.tumblr.com/gpln05e/63Jkgdx1h/zz-left.png") bottom left no-repeat;} .quote .wczzleft{background:{color:Accent 1} url("http://static.tumblr.com/gpln05e/63Jkgdx1h/zz-left.png") bottom left no-repeat;} .quote .wczzleft span{background:{color:Accent 1} url("http://static.tumblr.com/gpln05e/sQakgdx40/zz-right.png") top right no-repeat;} /* Photo/Photoset Post */ .photo .frame{background:url("http://static.tumblr.com/gpln05e/tXhkg8idb/photo-bg.jpg") no-repeat 0 50%;margin-bottom:1em;width:560px;} .short .frame{background:url("http://static.tumblr.com/gpln05e/lGukg8idv/photo-short.jpg") no-repeat 0 50%;} .photo .frame a,.photo .frame .wrapper{display:block;padding-bottom:85px;background:url("http://static.tumblr.com/gpln05e/A3Kkg8ics/photo-base.jpg") no-repeat 0 100%;width:560px;} .photo .frame .single_image,.photo .frame .contains_photoset{margin:0 auto;display:block;padding:80px 80px 0;background:url("http://static.tumblr.com/gpln05e/3OBkg8iee/photo-top.jpg") no-repeat 0 0;} .photo .frame .html_photoset { width: 400px; } .photo .frame .html_photoset p { margin: 0; } /* Video Post */ .video .frame{background:url("http://static.tumblr.com/gpln05e/Hobkg8ifz/video-bg.jpg") no-repeat 0 100%;margin-bottom:1em;width:560px;padding-bottom:84px;} .video .player{background:url("http://static.tumblr.com/gpln05e/b1ykg8igl/video-top.jpg") no-repeat 0 0;padding:31px 0 0 29px;} /* Text Post */ .text h1{margin:0 0 0.5em;font-weight:normal;font-size:4.5em;line-height:0.9;color:#000;} .text .content > p:first-child:first-letter{display:block;float:left;width:65px;height:70px;margin:0.1em 5px 5px 0;padding-left:5px;background:{color:Accent 1} url("http://static.tumblr.com/gpln05e/Ifxkg8i6w/dropcap.png") no-repeat 50% 50%;text-align:center;text-transform:uppercase;line-height:1.7;color:#fff;font-size:3em;overflow:visible;} .text .fixcap:first-letter{padding:16px 18px 20px 23px !important;} /* Link Post */ .link h1{margin:0 0 0.5em;font-weight:normal;font-size:6em;line-height:0.85;background:{color:Accent 2} url("http://static.tumblr.com/gpln05e/yXskg8ibb/link-bg.png") repeat-y 100% 50%;padding-right:40px;} .link h1 a{text-decoration:none;color:#000;} .link h1 a:hover{background-color:{color:Background};} /* Audio Post */ .audio .artwork{width:244px;height:215px;margin:0 0 5px -2px;position:relative;} .audio .artwork img{margin:2px 0 0 2px;} .audio .overlay{position:absolute;z-index:10;top:0;left:0;width:244px;height:215px;background:url("http://static.tumblr.com/gpln05e/9tIkvvf11/album-overlay.png") no-repeat 0 0;} .audio .player{background:{color:Accent 2} url("http://static.tumblr.com/gpln05e/LOlkg8i52/audio-bg.png") repeat-x 0 0;} .audio .playdata{overflow:hidden;margin-bottom:2em;} .audio .playdata span,.audio .playdata a{display:block;float:left;padding:0.33em 0.66em 0.2em 25px;font-size:1.3em;line-height:1.9;text-transform:uppercase;color:#000;} .audio .playdata span{background:{color:Background} url("http://static.tumblr.com/gpln05e/fVFkg8i97/icon-plays.png") no-repeat 8px 40%;} .audio .playdata a{background:{color:Background} url("http://static.tumblr.com/gpln05e/8Tfkg8i8u/icon-get.png") no-repeat 8px 40%;text-decoration:none;padding-left:21px;} .audio .playdata a:hover{background-color:{color:Accent 2};background-position:-112px 40%;color:#fff;} /* Chat Post */ .chat h1{margin:0.5em 0;font-weight:normal;font-size:3.75em;line-height:0.9;color:#000;} .chat .user_1{background-color:{color:Chat Background 1};} .chat .user_2{background-color:{color:Chat Background 2};} .chat .user_3{background-color:{color:Chat Background 3};} .chat .user_4{background-color:{color:Chat Background 4};} .chat dl{margin:0 0 0.75em;} .chat dt{background-image:url("http://static.tumblr.com/gpln05e/2xxkg8i6j/chat-bg.png");background-repeat:repeat;background-position:0 0;overflow:hidden;} .chat dt em{display:block;float:left;background-color:#000;padding:0.25em 0.6em 0.1em;color:#fff;text-transform:uppercase;font-size:0.8125em;font-style:normal;line-height:1.8;} .chat dd{padding:0.5em 0.75em;color:#333;} /* Notes */ .postbody .notes{margin:3em 0 1.5em;border-top:1px solid #333;padding:0;} .postbody .notes li{list-style:none;border-bottom:1px solid #333;padding:0.5em 0 0.5em 1em;margin:0;font-size:1.3em;line-height:1.5;} {block:IfTumblrUsername} .postbody .notes .tumblelog_{text:Tumblr username}{background-color:{color:Background};} .postbody .notes .tumblelog_{text:Tumblr username} a:hover{background-color:#fff;} {/block:IfTumblrUsername} .postbody .notes .avatar{vertical-align:-5px;border:1px solid #333;padding:1px;margin-right:10px;background-color:#fff;} .postbody .notes blockquote{margin-top:0.5em;line-height:1.1;padding:0 0 0 30px;} .postbody .notes blockquote a{text-decoration:none;font-style:italic;color:#666;} .postbody .notes .action a{padding:2px 2px 0;} /* Disqus */ .dsq-comment{font-size:1em !important;} .dsq-comment td{font-size:1.1em !important;} .dsq-comment-body,.dsq-authenticate p{font-size:1.3em !important;} #disqus_thread{margin:3em 0;padding-top:3em;background:url("http://static.tumblr.com/gpln05e/e4vkg8i7x/footer-bg.png") repeat-x 0 0;} #disqus_thread a{color:{color:Accent 2};} #disqus_thread h3{font-size:1.2em;font-weight:bold;text-transform:uppercase;color:#000;} /* Meta */ .meta{clear:left;} .bar{overflow:hidden;padding-bottom:25px;margin-bottom:7.5em;background:url("http://static.tumblr.com/gpln05e/WV9kg8i5j/bar.png") no-repeat 0 100%;} .tagbar{margin:1.5em 0 -15px;min-height:24px;background-color:#eee;overflow:hidden;} .tagbar p{margin:0;text-transform:lowercase;font-size:1.4em;line-height:1.75;} .via{display:block;float:left;min-height:24px;background-color:{color:Accent 2};} .via-hover{background-color:#000;} .via a{text-decoration:none;font-style:italic;font-family:Georgia,serif;color:#fff;padding-right:0.5em;} .mac .via a{text-decoration:none;font-style:italic;font-family:"Hoefler Text",Georgia,serif;color:#fff;padding-right:0.5em;} .via img{float:left;margin-right:0.5em;} .tagbar{clear:left;} .tagbar .tags{display:block;float:left;min-height:24px;} .tags,.tags a{color:#888;} .tags span{color:#bbb;} .tags a{text-decoration:none;padding:0 0.5em;} .tags a:hover{color:{color:Accent 2};} /* Footer */ #footer{width:600px;margin:-30px 0 0 340px;background:url("http://static.tumblr.com/gpln05e/e4vkg8i7x/footer-bg.png") repeat-x 0 0;} #footer p{padding:25px 40px 15px;font-size:1.3em;color:#000;background:url("http://static.tumblr.com/gpln05e/UHEkg8i7c/esq.png") no-repeat 50% 66%;overflow:hidden;} #footer a{padding:0.5em 0.33em 0.25em;font-weight:bold;line-height:1;text-transform:uppercase;text-decoration:none;color:#000;background-image:url("http://static.tumblr.com/gpln05e/h7Jkg8i3v/arrows.png");background-repeat:no-repeat;border:1px solid #fff;} #footer span{padding:0.5em 0.33em 0.25em;font-weight:bold;line-height:1;text-transform:uppercase;text-decoration:none;color:#bbb;background-image:url("http://static.tumblr.com/gpln05e/fHnkga7vg/arrows-mute.png");background-repeat:no-repeat;border:1px solid #fff;} #footer a span{padding:0;background-image:none;border:none;color:#000;} #footer a.prev,#footer span.prev{display:block;float:left;padding-left:20px;background-position:0 50%;} #footer a.prev span.prev{padding-left:0;} #footer a.next,#footer span.next{display:block;float:right;padding-right:20px;background-position:100% 50%;} #footer a.next span.next{padding-right:0;} #footer a:hover{background-color:{color:Background};border:1px solid #000;} {CustomCSS} </style> <!--<![endif]--> <!--[if lt IE 7]> <style type="text/css"> body{padding:1em;font-size:80%;} h1{font-size:2.5em;} h2{font-size:1.5em;} </style> <![endif]--> <!--[if IE 7]> <style type="text/css"> #header h2{line-height:1;} .text .content > p:first-child:first-letter{background-position:-33px -27px;} .audio .audio_player{height:25px;display:inline;} </style> <![endif]--> </head> <body> <div id="sidebar"> <h1><a href="/">{Title}</a></h1> <p class="desc widont"> {Description} </p> {block:HasPages} <p class="desc"> {block:Pages}<a href="{URL}">{Label}</a><br/>{/block:Pages} </p> {/block:HasPages} <div class="bar"> <p class="buttons"> <a href="{RSS}" class="button feed" title="RSS">RSS Feed</a> <a href="/mobile" class="button mobile" title="Mobile">Mobile</a> <a href="/archive" class="button archive" title="Archive">Archive</a> <a href="#search" id="showsearch" class="button search" title="Search">Search</a> {block:AskEnabled}<a href="/ask" class="button ask" title="{AskLabel}">{AskLabel}</a>{/block:AskEnabled} {block:SubmissionsEnabled}<a href="/submit" class="button submit" title="Submit">Submit</a>{/block:SubmissionsEnabled} <span id="buttontext">&nbsp;</span> </p> {block:SearchForm} <form id="search" action="/search" method="get"> <input type="text" name="q" value="{SearchQuery}" id="searchfield" /> <input type="image" src="http://static.tumblr.com/gpln05e/wzpkg8i9s/icon-search.png" class="formbutton" id="searchgo" /> </form> {/block:SearchForm} </div> {block:IfShowPeopleIFollow} {block:Following} <h3>Fine Folk</h3> <div id="avatars"> {block:Followed} <a href="{FollowedURL}" title="{FollowedTitle}"><img src="{FollowedPortraitURL-40}" width="40" height="40" alt="{FollowedName}" border="0" /></a> {/block:Followed} </div> <a href="#avatars" id="showavatars">Show/Hide Avatars</a> {/block:Following} {/block:IfShowPeopleIFollow} {block:IfShowSocialMediaLinks} <h3>Find Me</h3> <div id="social"> {block:IfTwitterUsername}<a href="http://twitter.com/{text:Twitter username}" class="twitter" title="Twitter" rel="me">Twitter</a>{/block:IfTwitterUsername} {block:IfFlickrUsername}<a href="http://flickr.com/{text:Flickr username}" class="flickr" title="Flickr" rel="me">Flickr</a>{/block:IfFlickrUsername} {block:IfLastfmUsername}<a href="http://last.fm/user/{text:Lastfm username}" class="lastfm" title="Last.fm" rel="me">Last.fm</a>{/block:IfLastfmUsername} {block:IfVimeoUsername}<a href="http://vimeo.com/{text:Vimeo username}" class="vimeo" title="Vimeo" rel="me">Vimeo</a>{/block:IfVimeoUsername} {block:IfLinkedInUsername}<a href="http://www.linkedin.com/in/{text:Linked In username}" class="linkedin" title="Linked In" rel="me">Linked In</a>{/block:IfLinkedInUsername} {block:IfDopplrUsername}<a href="http://www.dopplr.com/traveller/{text:Dopplr username}" class="dopplr" title="Dopplr" rel="me">Dopplr</a>{/block:IfDopplrUsername} {block:IfDeliciousUsername}<a href="http://delicious.com/{text:Delicious username}" class="delicious" title="Delicious" rel="me">Delicious</a>{/block:IfDeliciousUsername} {block:IfFacebookUsername}<a href="http://www.facebook.com/{text:Facebook username}" class="facebook" title="Facebook" rel="me">Facebook</a>{/block:IfFacebookUsername} {block:IfQuicksnapperUsername}<a href="http://quicksnapper/{text:QuickSnapper username}" class="quicksnapper" title="QuickSnapper" rel="me">QuickSnapper</a>{/block:IfQuicksnapperUsername} {block:IfDaytumUsername}<a href="http://daytum.com/{text:Daytum username}" class="daytum" title="Daytum" rel="me">Daytum</a>{/block:IfDaytumUsername} {block:IfYoutubeUsername}<a href="http://www.youtube.com/user/{text:Youtube username}" class="youtube" title="YouTube" rel="me">YouTube</a>{/block:IfYoutubeUsername} </div> {block:IfShowSocialMediaLinks} </div> <div id="credit"> <p><a href="http://esquiretheme.tumblr.com"><em>Esquire Theme</em></a> by <a href="http://matthewbuchanan.name/post/87541244/esquire-theme-for-tumblr"><strong>Matthew Buchanan</strong></a><br />Social icons by <a href="http://timvandamme.com"><strong>Tim van Damme</strong></a></p> </div> {block:TagPage} <div id="header"> <h2>Tagged with <a href="/tagged/{URLSafeTag}">{Tag}</a>…</h2> </div> {/block:TagPage} {block:DayPage} <div id="header"> <h2>Posted on {DayOfWeek}, {DayOfMonth} {Month} {Year}…</p> </div> {/block:DayPage} {block:SearchPage} <div id="header"> <h2>{SearchResultCount} matches for &ldquo;{SearchQuery}&rdquo;&hellip;</p> </div> {/block:SearchPage} <div id="posts"> {block:Posts} <div class="post"> {block:NewDayDate} <div class="datebox"> <p class="day">{DayOfMonthWithZero}</p> <p class="month">{ShortMonth}</p> </div> {/block:NewDayDate} {block:Photo} <div class="postbody photo"> {block:IfShowPictureFrames}<div class="frame">{/block:IfShowPictureFrames} <a href="{LinkURL}" id="imglink-{PostID}"><img src="{PhotoURL-400}" alt="{PhotoAlt}" border="0" /></a> {block:HighRes}<script type="text/javascript"> $(function() { $("#imglink-{PostID}").attr("href", "{PhotoURL-HighRes}"); }); </script>{/block:HighRes} {block:IfShowPictureFrames}</div>{/block:IfShowPictureFrames} {block:Caption} <div class="content"> {Caption} </div> {/block:Caption} {/block:Photo} {block:Photoset} <div class="postbody photo"> {block:IfShowPictureFrames}<div class="frame">{/block:IfShowPictureFrames} {Photoset-400} {block:IfShowPictureFrames}</div>{/block:IfShowPictureFrames} {block:Caption} <div class="content"> {Caption} </div> {/block:Caption} {/block:Photoset} {block:Quote} <div class="postbody quote"> <blockquote class="box{block:IfShowZigzagQuotes}wczz{/block:IfShowZigzagQuotes} {Length}"> {Quote} </blockquote> {block:Source} <div class="content"> {Source} </div> {/block:Source} {/block:Quote} {block:Text} <div class="postbody text"> {block:Title}<h1>{Title}</h1>{/block:Title} <div class="content"> {Body} </div> {/block:Text} {block:Link} <div class="postbody link"> <h1><a href="{URL}" {Target}>{Name}</a></h1> {block:Description} <div class="content"> {Description} </div> {/block:Description} {/block:Link} {block:Video} <div class="postbody video"> <div class="frame"> <div class="player"> {Video-500} </div> </div> {block:Caption} <div class="content"> {Caption} </div> {/block:Caption} {/block:Video} {block:Audio} <div class="postbody audio"> {block:AlbumArt} <div class="artwork"> <div class="overlay"></div> <img src="{AlbumArtURL}" width="207" height="207" border="0" alt="Album Art" /> </div> {/block:AlbumArt} <div class="player"> {AudioPlayerBlack} </div> <div class="playdata"> <span>{FormattedPlayCount} plays</span> {block:ExternalAudio}<a href="{ExternalAudioURL}" title="Download this audio file">Get</a>{/block:ExternalAudio} </div> {block:Caption} <div class="content"> {Caption} </div> {/block:Caption} {/block:Audio} {block:Chat} <div class="postbody chat"> {block:Title}<h1>{Title}</h1>{/block:Title} <dl class="transcript"> {block:Lines} {block:Label}<dt class="user_{UserNumber}"><em>{Label}</em></dt>{/block:Label} <dd class="user_{UserNumber}">{Line}</dd> {/block:Lines} </dl> {/block:Chat} {block:IfShowPostNotes} {block:PostNotes} <div id="notes"> {PostNotes} </div> {/block:PostNotes} {/block:IfShowPostNotes} {block:IfDisqusShortname} <div class="disqus_block"> <script type="text/javascript">var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";</script>{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://disqus.com/forums/{text:Disqus shortname}/?url=ref">View the discussion thread.</a></noscript>{/block:Permalink}<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> </div> {/block:IfDisqusShortname} <div class="meta bar"> <p class="permalink"> <a href="{Permalink}"><span rel="{DayOfMonth} {Month} {Year}">{TimeAgo}</span></a> {block:Date}{block:IfShowShortenedLinks}<a href="{ShortURL}" class="shorturl"><span>Short URL</span></a>{/block:IfShowShortenedLinks}{/block:Date} {block:IfShowPostNotes}{block:NoteCount}<a href="{Permalink}#notes" class="notecount"><span>{NoteCountWithLabel}</span></a>{/block:NoteCount}{/block:IfShowPostNotes} {block:IfDisqusShortname}<a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a>{/block:IfDisqusShortname} </p> <div class="tagbar"> {block:RebloggedFrom}<p class="via"><a href="{ReblogParentURL}" title="{ReblogParentTitle}"><img src="{ReblogParentPortraitURL-24}" width="24" height="24" alt="{ReblogParentName}" border="0" /> via {ReblogParentName}</a></p>{/block:RebloggedFrom} {block:HasTags}<p class="tags">{block:Tags}<a href="{TagURL}">{Tag}</a><span>/</span>{/block:Tags}</p>{/block:HasTags} </div> </div> </div> </div> {/block:Posts} <div id="footer"> {block:Pagination} <p> {block:PreviousPage}<a href="{PreviousPage}" class="prev">{/block:PreviousPage}<span class="prev">Previous Page</span>{block:PreviousPage}</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" class="next">{/block:NextPage}<span class="next">Next Page</span>{block:NextPage}</a>{/block:NextPage} </p> {/block:Pagination} {block:PermalinkPagination} <p> {block:PreviousPost}<a href="{PreviousPost}" class="prev">{/block:PreviousPost}<span class="prev">Previous Post</span>{block:PreviousPost}</a>{/block:PreviousPost} {block:NextPost}<a href="{NextPost}" class="next">{/block:NextPost}<span class="next">Next Post</span>{block:NextPost}</a>{/block:NextPost} </p> {/block:PermalinkPagination} {block:DayPagination} <p> {block:PreviousDayPage}<a href="{PreviousDayPage}" class="prev">{/block:PreviousDayPage}<span class="prev">Previous Day</span>{block:PreviousDayPage}</a>{/block:PreviousDayPage} {block:NextDayPage}<a href="{NextDayPage}" class="next">{/block:NextDayPage}<span class="next">Next Day</span>{block:NextDayPage}</a>{/block:NextDayPage} </p> {/block:DayPagination} </div> </div> <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> </body> </html>


wie gesagt ich komm nicht weiter schaut euch mal mein blog an dann seht ihr was los ist....
ich glaub es ist nichts schweres...

wäre cool wenn mir einer in mein original theme diesen rahmen einbauen kann! für alle posts!
daver85er
neu hier
 
Beiträge: 4
Registriert: 28.09.2011, 22:31

Re: Rahmen der sich automatisch an den post anpasst! tUMBLR

Beitragvon djheke » 29.09.2011, 08:40

Hallo
ich glaube du musst dich noch mit Grundlagen beschäftigen.
Beseitige erstmal diese Fehler
http://validator.w3.org/check?uri=http%3A%2F%2Fdaves-mind.tumblr.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0
Benutzeravatar
djheke
Stammuser
 
Beiträge: 233
Registriert: 15.11.2010, 22:45

Re: Rahmen der sich automatisch an den post anpasst! tUMBLR

Beitragvon djheke » 29.09.2011, 08:44

Achso und wenn du es nicht ändern kannst, dann besorge dir ein 0 Euro webspace unde installiere dir Wordpress. ich glaube damit fährst du besser.
Benutzeravatar
djheke
Stammuser
 
Beiträge: 233
Registriert: 15.11.2010, 22:45

Re: Rahmen der sich automatisch an den post anpasst! tUMBLR

Beitragvon daver85er » 29.09.2011, 09:36

also ich weiss nur ich hab 4 zeilen eingefügt!!
wenn ich die wieder lösche ist alles wieder perfekt!

also musst du dem coder von dem theme darauf aufmerksam machen...
wobei ich keinen fehler sehe wenns dargestellt wird!

dein website editor findet ziemlich viel nicht....
das sind lauter dinge die ich nie verändert habe!!!!

es geht hier nur um den rahmen !!!!
ob kleine fehler drin sind is mir egal!
solange es richtig dargestellt wird!!!

ob tumbler oder wordpress!!!

is doch der gleiche code um bei jedem post ein rahmen anzuzeigen!!!!
daver85er
neu hier
 
Beiträge: 4
Registriert: 28.09.2011, 22:31

Re: Rahmen der sich automatisch an den post anpasst! tUMBLR

Beitragvon daver85er » 29.09.2011, 19:04

das is meine site.... bin ein bischen weriter gekommen... daves-mind.tumblr.com/


ich hab eigentlich nur
das im oberen bereich eingetragen:
Code: Alles auswählen
.frame-top {
    width: 560px;
    height: 160px;
    background-image:url(http://static.tumblr.com/gpln05e/3OBkg8iee/photo-top.jpg);
  }
  .frame-bottom {
    position: absolute;
    width: 564px;
    height: 160px;
    margin-top: -100px;

    background-image:url(http://static.tumblr.com/gpln05e/A3Kkg8ics/photo-base.jpg);
  } 
  .frame-content {
    position: relative;
    width: 400px;
    max-height: 300px;
    padding: 0 80px;
    margin-bottom: -0px;
    background-image:url(http://static.tumblr.com/gpln05e/lGukg8idv/photo-short.jpg);
  }
  .frame-content .img-holder {
    position: relative;
    top: -80px;
  }
  .frame-content .img-holder img {
    width:400px;
  }


und dann unten bei <div id="entry">
folgendes...

Code: Alles auswählen
<div class="img-holder">
<div class="frame-bottom"></div>

  <div class="frame-top"></div>

  <div class="frame-content">


wie gesagt wenn ich den rahmen entferne hab ich kein fehler im theme....
daver85er
neu hier
 
Beiträge: 4
Registriert: 28.09.2011, 22:31

Re: Rahmen der sich automatisch an den post anpasst! tUMBLR

Beitragvon djheke » 29.09.2011, 19:19

Hallo,
ist die Reihenfolge nicht falsch ?
Code: Alles auswählen
<div class="img-holder">
<div class="frame-bottom"></div>

  <div class="frame-top"></div>

  <div class="frame-content">


Richtig ?

Code: Alles auswählen
<div class="img-holder">
<div class="frame-top"></div>

<div class="frame-content">
  bilddatei
</div>

<div class="frame-bottom"></div>

</div> <!-- ende holder ? -->



Übrigens benutzt du ein falschen DOCTYPE.

Der code ist für XHTML und nicht für HTML

Nimm mal diesen
Code: Alles auswählen
<!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" lang="de" xml:lang="de">
Benutzeravatar
djheke
Stammuser
 
Beiträge: 233
Registriert: 15.11.2010, 22:45

Re: Rahmen der sich automatisch an den post anpasst! tUMBLR

Beitragvon daver85er » 30.09.2011, 22:04

ok hab jetz mal im unteren bereich den code von dir eingefügt...

jetz wird der content nicht mehr angezeit ?? XD ich blick langsam gar nix mehr
daver85er
neu hier
 
Beiträge: 4
Registriert: 28.09.2011, 22:31


Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "Rahmen der sich automatisch an den post anpasst! tUMBLR"

Zurück zu: CSS für Anfänger

Wer ist online?

Mitglieder in diesem Forum: Google [Bot] und 9 Gäste

cron