Permalink snafu

1 reply [Last post]

Tue, 2011-10-11 21:38

imh217

Offline

newbie

Last seen: 11 years 28 weeks ago

Timezone: GMT-5

Joined: 2011-10-11

Posts: 3

Points: 5

I'm trying to develop a tumblr blog for my boss. Everything is in working order besides the permalinks. How can I ".permalink{ display:none}" the permalinks on the entry page, while keeping them as links on the thumbnails for the main page?

Here's a site using the tumblr code: http://www.collideoscope.turmblr.com

Thanks in advance!

<!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" content="#222">
<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="text:Twitter name" content="" />
<meta name="text:Disqus Shortname" content="" />
 
<meta name="font:title" content="Arial" />
<meta name="font:body" content="Arial" />
<meta name="font:nav" content="Arial" />
 
<meta name="text:title font size" content="24px" />
<meta name="text:font size" content="11px" />
 
 
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link rel="shortcut icon" href="{Favicon}">
<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}
 
 
<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:840px;}
 
.tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
 
.allposts {margin:auto; width:800px; padding-top:px; overflow:hidden;}
 
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 #eee; box-shadow: 2px 2px 2px #eee{/block:ifshowshadows} text-align:left; background-color:{color:post background}; margin-left: 5px; margin-bottom:15px; overflow:hidden; float:left; width:400px; {block:PermalinkPage}width:810px;{/block:PermalinkPage} height:270px; {block:PermalinkPage}height:100%;{/block:PermalinkPage} padding-left:4px; padding-right:4px; padding-top:4px; padding-bottom:4px;}
#entry img {width:400px; {block:PermalinkPage}width:810px;{/block:PermalinkPage} overflow:hidden;}
a img {border:none;}
#entry:hover .permalink {opacity: 1;}
 
.blogtitle {margin-top: 60px; margin-bottom: 4px; margin-left: 16px; font-family: {font:Title}; padding-bottom:px; text-align:left; font-size:{text:title font size}; letter-spacing:px; text-transform:uppercase; font-family: Helvetica; font-weight: lighter;font-variant: normal;text-transform: uppercase; text-align: center;letter-spacing: 0.7em;}
 
.description {margin-bottom: -3px; background-color:{color:description background}; font-family: Helvetica}
 
div.navlinks a {border-bottom:solid {color:description background} px; font-family: {font:Nav}; padding-left:2px; position:relative; color:{color:Nav Links}; width:810px; }
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}; .permalink{ display:none;} text-transform:uppercase; width:px; text align:left; position:relative; margin:auto; padding:5px; font-size:9px; bottom:-5px; left: 420px;}
 
.navbar {text-align: right; width:400px; line-height: 11px; position:; padding-top:10px; bottom:-25px;{block:IfEndlessScroll}bottom:-15px;{/block:IfEndlessScroll} background:{color:Background}; margin-left:-px; }
 
.bottombar {background-color:{color:description background}; width:800px; position:fixed;  bottom:-2px; margin:auto; padding-bottom:10px; padding-top:2px; z-index:1000;}
 
.audio {background-color:#000000; margin-bottom : -10px; width:400px;}
 
.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:400px; height:270px;}
 
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: right; height: 400; width: 270; background-color:#eee; padding-top: 0px; padding-bottom:0px; padding-left: 8px; position: absolute; text-align: left; width: 392px; height:274px; font-size: 15px; courier new; -webkit-transition: 0.5s ease-in; opacity:0;}
.permalink a {opacity: 0.1; z-index:-1000; background-color:#eee; width:400px;}
.permalink a:hover {color:; opacity:0.1; z-index:1; background-color:#eee; width:400px;}
 
{CustomCSS}
</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> 
 
<script type="text/javascript">
$(function() {
    var color = "55AAAA";
    $("iframe").each(function() {
        var $obj = $(this);
        var data = $obj.attr("data");
        var vsrc = $obj.attr("src");
        var oldW = $obj.attr("width");
        var newW = 600;
        var oldH = $obj.attr("height");
        var p = oldW/400;
        var newH = (oldH / p);
        if (vsrc.search("vimeo") > <img src="https://www.csscreator.com/sites/all/modules/smileys/packs/Roving/innocent.png" title="Innocent" alt="Innocent" class="smiley-content" /> {
            $obj.replaceWith("<iframe src='"+vsrc+"?color="+color+"' width='"+newW+"' height='"+newH+"' frameborder='0'></iframe>");
        }
    });
})
</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="/">{Title}</a></div>
<div class="description"><center>{Description}</center></div>
<div class="allposts">
<div class="navlinks">
</div>
 
<div class="bottombar"></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}">{Caption}</a></span>
{block:Title}<div class="title">{Title}</div>{/block:Title}
<div style="margin-top:-5px;">{Body}</div>
</div>
{/block:Text}
 
{block:Photo}
{block:Photo}
<div id="entry">
<span class="permalink"><a href="{Permalink}">{Caption}</a></span>
{block:IndexPage}{/block:IndexPage}
<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}{/block:IndexPage}
</div>
{/block:Photo}
 
{block:Photoset}
<div id="entry">
<span class="permalink"><a href="{Permalink}">{Caption}</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"><a href="{Permalink}">{Caption}</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}">{Caption}</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}">{Caption}</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}">{Caption}</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}">{Caption}</a></span>
<div class="answer"><u>{Asker}</u>: {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}">{Caption}</a></span>
{Video-500}
{block:Caption}{Caption}{/block:Caption}
</div></div>
{/block:Video}
 
{block:PermalinkPage}{block:Caption}<div style="margin-top:-5px;">{Caption}</div>{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL">{Tag}</a>, {/block:Tags}{/block:hasTags}{/block:PermalinkPage}
 {block:Date}
 
                    {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') >= <img src="https://www.csscreator.com/sites/all/modules/smileys/packs/Roving/innocent.png" title="Innocent" alt="Innocent" class="smiley-content" /> {
        query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
      }
    }
    document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/

Tags:

Tue, 2011-10-11 21:56