The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> tumblr theme help/mixing two themes
beelze
post 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.
IPB Image

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.
IPB Image

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? wacko.gif

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>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
« Next Oldest · Web Site Functionality · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 27th April 2024 - 03:08 PM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC