tumblr theme help/mixing two themes |
tumblr theme help/mixing two themes |
beelze |
Nov 20 2011, 06:46 PM
Post
#1
|
Group: Members Posts: 1 Joined: 20-November 11 Member No.: 15,906 |
right now i'm using a theme that sets a specific height for all the images on my tumblr. er, pic related.
i'd rather have it look like this http://mosaictwotheme.tumblr.com/( code) with the full pictures shown but i like the permalink pages of my current theme better (example) and i like the permalink showing up on hover for text posts. if i take out the "height:202px;" the theme appears like this with gaps. i'm also okay with text posts being as a specific height, i think this is necessary with the way the permalink shows up on hover. anyways, i just want the full pictures to show but i can't figure it out. help? for reference : tumblr current code VVVVV CODE <!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"> <meta name="color:text" content="#222"> <meta name="color:links" content="#222"> <meta name="color:nav links" content="#222"> <meta name="color:hover" content="#ccc"> <meta name="color:background" content="#fff"> <meta name="color:description background" content="#eee"> <meta name="color:background quote" content="#f8f8f8"> <meta name="if:endless scroll" content="1"/> <meta name="if:show archive" content="1"/> <meta name="if:show ask" content="1" /> <meta name="if:show shadows" content="1" /> <meta name="if:align left" content="0" /> <meta name="font:title" content="Baskerville" /> <meta name="font:body" content="Baskerville" /> <meta name="font:nav" content="Baskerville" /> <meta name="text:title font size" content="24px" /> <meta name="text:font size" content="9px" /> <link rel="shortcut icon" href="{Favicon}"> <link rel="alternate" type="application/rss+xml" href="{RSS}"> <link rel="shortcut icon" href="{Favicon}"> <title>пo̷ рт̸ит̢ь͟</title> <link rel="shortcut icon" href="{Favicon}"> <link rel="alternate" type="application/rss+xml" href="{RSS}"> {block:Description} <meta name="description" content="{MetaDescription}" /> {/block:Description} <style type="text/css"> body {margin:auto; {block:ifalignleft}margin-left:50px;{/block:ifalignleft} height:100%; text-align:justify; font-family: {font:body}; font-size: {text:font size}; color:{color:text}; background-color:{color:Background}; width:630px;} .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;} .allposts {margin:auto; width:680px; padding-top:px; overflow:shown;} a {text-decoration:none; color:{color:links}; -webkit-transition: 0.5s ease-in;} a:hover {-webkit-transition: 0.5s ease-in; color:{color:hover};} #entry {{block:ifshowshadows}-moz-box-shadow: 2px 2px 2px #eee; -webkit-box-shadow: 2px 2px 2px #fff; box-shadow: 2px 2px 2px #fff{/block:ifshowshadows} text-align:; background-color:{color:post background}; margin-left: 5px; margin-bottom:15px; overflow:hidden; float:left; width:300px; {block:PermalinkPage}width:630px;{/block:PermalinkPage} height:202px; {block:PermalinkPage}height:100%;{/block:PermalinkPage} padding-left:4px; padding-right:4px; padding-top:4px; padding-bottom:4px;} #entry img {width:300px; {block:PermalinkPage}width:610px;{/block:PermalinkPage} overflow:hidden;} a img {border:none;} #entry:hover .permalink {opacity: 1;} .blogtitle {margin-top: 0px; margin-bottom: -4px; font-family: {font:Title}; padding-bottom:px; text-align:left; font-size:{text:title font size}; letter-spacing:px; text-transform:uppercase; font-family: times new roman; font-weight: lighter;font-variant: normal;text-transform: uppercase; text-align: center;letter-spacing: 0.3em;} .description {margin-bottom: -3px; background-color:{color:description background};} div.navlinks a {border-bottom:solid {color:description background} 1px; font-family: {font:Nav}; padding-left:2px; position:relative; color:{color:Nav Links}; width:640px; } div.navlinks a:hover {padding-left:2px; color:{color:Hover};} .header {margin-left:-200px; position:fixed; width:200px;} .h2, .title {font-size:9px; font-family: {font:Title}; letter-spacing: 0px; text-transform:uppercase;} .h3 {text-transform:uppercase;} .h4 {font-family: georgia; font-size:20px; line-height:25px; font-weight:; font-style:italic; letter-spacing: 2px; text-transform:lowercase; display:block;} .h5 {color:{color:title}; font-family: arial; font-size:40px; line-height:41px; font-weight:; font-style:; text-transform:lowercase; text-align:right;} #pag {font-family: {font:Nav}; text-transform:uppercase; width:px; text align:center; position:relative; margin:auto; padding:5px; font-size:9px; bottom:-5px; left: 420px;} .navbar {text-align: right; width:300px; line-height: 8px; position:; padding-top:2px; bottom:-25px;{block:IfEndlessScroll}bottom:-15px;{/block:IfEndlessScroll} background:{color:Background}; margin-left:-px; } .bottombar {background-color:{color:description background}; width:630px; position:fixed; bottom:-2px; margin:auto; padding-bottom:10px; padding-top:2px; z-index:1000;} .audio {background-color:#000000; margin-bottom : -10px; width:300px;} .answer {color:{color:Text}; margin-bottom: -14px; font-family: {font:body}; } .quote {background-color:{color:background quote};} div.video embed, div.post div.video object {width:300px; height:300px;} ol.notes {padding: 0px; margin-top:20px; margin-bottom: 10px; list-style-type: none; font-size:9px; text-align: center;} ol.notes li.note {text-align:center; border-top: solid 0px #ccc; padding: 0 0 3px 0;} ol.notes li.note img.avatar {vertical-align: -4px;margin-right: 10px;width: 16px; height: 16px;} ol.notes li.note span.action {font-weight: normal; font-size: 9px; text-align:center;} ol.notes li.note span.action a {font-size: 9px;font-weight: normal;text-align:center;} ol.notes li.note .answer_content {font-size: 9px;font-weight: normal;line-height: 10px;} ol.notes li.note blockquote {font-size: 9px;border-color: none;padding: 1px 3px;margin: 3px 0 3px 7px;} ol.notes li.note blockquote a {font-size: 9px;text-decoration: none;} blockquote {padding-left: 7px; border-left: 1px solid {color:Text}; margin: 3px 10px 3px 7px;} .permalink {float: left; margin-top:184px; {block:PermalinkPage}margin-top:610px;{/block:PermalinkPage} padding-top:2px; padding-bottom:2px; text-align:center; position: absolute; text-align: center; width: 300px; height:10px; font-size: 9px; courier new; -webkit-transition: 0.5s ease-in; opacity:0;} .permalink a {color:{color:permalink}; opacity: 0.6; z-index:1; background-color:#eee; width:300px;} .permalink a:hover {color:{color:permalink}; opacity: 0.6; z-index:1; background-color:#eee; width:300px;} .entry:hover .permalink {opacity: 0.6; z-index:1; background-color:#eee; width:300px;} </style> <script> $(document).ready(function(){ $(".navlinks").hide(); $(".blogtitle").mouseenter(function () { $(".navlinks", this).slideDown("fast, 0.3"); }); $(".blogtitle").mouseleave(function () { $(".navlinks", this).slideUp("fast, 0.3"); }); }); </script> <script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script> <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script> <script type="text/javascript" charset="utf-8"> var $j = jQuery.noConflict(); $j(function() { if (navigator.platform == "iPad" || navigator.platform == "iPhone") return; $j("img").lazyload({ placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif", effect: "fadeIn", }); }); </script> {block:IndexPage} <script type="text/javascript"> $(window).load(function(){ $("p").remove(":contains('Source:')"); $("p").remove(":contains('(via')"); }); </script> {/block:IndexPage} {block:IfEndlessScroll} <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script> {/block:IfEndlessScroll} </head> <body> <div class="allposts"> <div class="blogtitle"><a href="/"></a></div> <div class="allposts"> </div> <div class="bottombar">{block:Description}<div class="description"><i><center>{Description}</center></i></div>{/block:Description}</div> </div></div></div></div><br><br> {block:IfEndlessScroll} <div class="autopagerize_page_element"> {/block:IfEndlessScroll} {block:Posts} {block:Text} <div id="entry"> <span class="permalink"><a href="{Permalink}">{NoteCount}</a></span> {block:Title}<div class="title">{Title}</div>{/block:Title} <div style="margin-top:-5px;">{Body}</div> </div> {/block:Text} {block:Photo} <div id="entry"> {block:IndexPage}<a href="{Permalink}">{/block:IndexPage} {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage} <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" width="420"/><div style="margin-top:-4px; margin-bottom:-4px;"></div> {block:IndexPage}</a>{/block:IndexPage} {block:PermalinkPage}{LinkCloseTag} {/block:PermalinkPage} </div> {/block:Photo} {block:Photoset} <div id="entry"> <span class="permalink"><a href="{Permalink}">{NoteCount}</a></span> <div style="width:420px !important;">{Photoset-500}</div> {block:PermalinkPage}+{/block:PermalinkPage} {block:Ifshowcaptions}{Caption}{/block:Ifshowcaptions} </div> {/block:Photoset} {block:Quote} <div id="entry"> <div class="quote"><span class="permalink">{NoteCount}</a></span> "<i>{Quote}</i>" {block:Source}— <b>{Source}</b>{/block:Source} </div></div> {/block:Quote} {block:Link} <div id="entry"> <span class="permalink"><a href="{Permalink}">{NoteCount}</a></span> <div class="h2"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description} </div> {/block:Link} {block:Chat} <div id="entry"> <span class="permalink"><a href="{Permalink}">{NoteCount}</a></span> {block:Title}<i>{Title}</i>{/block:Title}<br> {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines} </div> {/block:Chat} {block:Audio} <div id="entry"> <span class="permalink"><a href="{Permalink}">{NoteCount}</a></span> <div class="audio"> {AudioPlayerBlack}</div><br> <div style="padding:2px; font-size:10px; text-align:left;font-style:italic;">{block:TrackName}{TrackName} by {/block:TrackName}{block:Artist}{Artist}{/block:Artist}</div> {block:PermalinkPage}{block:ExternalAudio} <a href="{ExternalAudioURL}"> / download </a> </span>{/block:ExternalAudio}{/block:PermalinkPage} </div> {/block:Audio} {block:Answer} <div id="entry"> <span class="permalink"><a href="{Permalink}">{NoteCount}</a></span> <div class="answer"><b>{Asker}</b>: {Question}</div><br> <div style="margin-bottom:5px;">{Answer}</div> </div> {/block:answer} {block:Video} <div id="entry"> <div class="video"> <span class="permalink"><a href="{Permalink}">{NoteCount}</a></span> {Video-500} {block:Caption}{Caption}{/block:Caption} </div></div> {/block:Video} {block:PostNotes} <center><BR>{NoteCountWithLabel} <br> {PostNotes} {/block:PostNotes} {/block:Posts} {block:IfEndlessScroll}</div>{/block:IfEndlessScroll} {block:IfNotEndlessScroll} <div class="navbar"> <div id="pag"> <div class="totalright"> {block:PreviousPage}<a href="{PreviousPage}" title="newer entries">←</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" title="older entries">→</a>{/block:NextPage}</div></div>{/block:IfNotEndlessScrolling} </div></div></div> {/block:IfNotEndlessScroll} {block:IfEndlessScroll} <div class="navbar"> <div id="pag"> </div></div> {/block:IfEndlessScroll} </div> </body> </html> |
Lo-Fi Version | Time is now: 27th April 2024 - 11:08 AM |