Post by Jade on Apr 2, 2014 1:13:21 GMT -5
Hello all I finally got a Tumblr, but I don't know how to do anything
thejadedsage.tumblr.com/
I used a theme generator, but it didn't do everything I wanted, and I tried messing around with it with limited results. What can I do so that each post shows my tags at the bottom of each entry and only once?
And if there's extra junk in there I don't need, feel free to get rid of it
thejadedsage.tumblr.com/
I used a theme generator, but it didn't do everything I wanted, and I tried messing around with it with limited results. What can I do so that each post shows my tags at the bottom of each entry and only once?
And if there's extra junk in there I don't need, feel free to get rid of it
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!----------------------------------------------
_____ _ _
|_ _| |__ ___ _ __ ___ ___| |_ __
| | | '_ \ / _ \ '_ ` _ \ / _ \ | '__|
| | | | | | __/ | | | | | __/ | |
|_| |_| |_|\___|_| |_| |_|\___|_|_|
___ ___ _ __ ___
/ __/ _ \| '_ ` _ \
| (_| (_) | | | | | |
(_)___\___/|_| |_| |_|
Generate your own Tumblr Theme!
http://themelr.com
---------------------------------------------->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
<meta name="text:Link 1" content=""/>
<meta name="text:Link 1 URL" content=""/>
<meta name="text:Link 2" content=""/>
<meta name="text:Link 2 URL" content=""/>
<meta name="text:Link 3" content=""/>
<meta name="text:Link 3 URL" content=""/>
<meta name="text:Link 4" content=""/>
<meta name="text:Link 4 URL" content=""/>
<meta name="text:Image URL" content="http://img.photobucket.com/albums/v81/Jade08Sage/gotumblr.png~original"/>
<meta name="if:Hide Title" content="0"/>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<link rel="stylesheet" href="http://static.tumblr.com/pqsvrdz/0T4mv54ny/reset.css">
<link rel="stylesheet" href="http://static.tumblr.com/pqsvrdz/Aj0mvnltf/style.css">
<style type="text/css">
/* Generate at Themelr.com*/
* {
text-rendering: optimizeLegibility;
}
.permalink, a {
-webkit-transition: 333ms ease-out 111ms;
-moz-transition: 333ms ease-out 111ms;
-o-transition: 333ms ease-out 111ms;
transition: 333ms ease-out 111ms;
}
body {
font: 12px/1.5em Verdana, Geneva, Tahoma, sans-serif;
color: #90b03d;
background: #b8d769;
margin: 15px 0px;
}
a {
color: #90b03d;
text-decoration: none;
}
a:hover {
color: #b8d769;
}
h1 {
color: #90b03d;
font: 24px/1.5em Verdana, Geneva, Tahoma, sans-serif;
}
h2 {
color: #90b03d;
font: 18px/100% Verdana, Geneva, Tahoma, sans-serif;
}
h2, h3 {
margin-bottom: .5em;
}
h1 + p, h2 + p, h3 + pb {
margin-top: 0;
}
p {
margin: 0 0 .75em 0;
}
.left {
float: left;
}
.right {
float: right;
}
p:last-child {
margin: 0;
}
.text {
padding: 5px;
}
.post ul {
margin: 10px 0 10px 25px;
display: inline-block;
}
.post li {
list-style-type: disc;
}
.post img {
max-width: 100%;
}
div.meta, .photo, .video, .panorama, .photo-slideshow {
position: relative;
}
div.meta div.permalink {
font: 8px/100% Verdana, Geneva, Tahoma, sans-serif;
text-align: center;
text-transform: uppercase;
}
div.meta div.permalink p {
margin: 0
}
.post:hover .permalink {
}
.tags {
font-size: 10px;
}
.permalink:before, .permalink:after {
display: table;
content: " ";
}
.permalink:after {
clear: both;
}
blockquote {
margin: 10px 0 10px 10px;
padding-left: 15px;
border-left: solid 4px #ffffff;
}
/***
Layout
***/
#wrap {
width: 745px;
margin: 0 auto;
position: relative;
}
#wrap:before, #wrap:after {
display: table;
content: " ";
}
#wrap:after {
clear: both;
}
#posts {
width: 510px;
float: left;
}
.post {
width: 500px;
background: #ffffff;
padding: 5px;
border-radius: 5px;
margin: 0 0 15px 0;
border: 0px #333333 Solid;
}
.photo img {
display: block;
}
#aside{
width: 200px;
background: #ffffff;
border-radius: 5px;
padding: 5px;
border: 0px #333333 Solid;
text-align: center;
float: ;
top: 305px;
margin: 15px 0;
margin-left: 535px;
position: fixed;;
}
#aside:before, #aside:after {
display: table;
content: " ";
}
#aside:after {
clear: both;
}
#aside .inner img {
max-width: 100%;
}
.quote, .chat, .audio, .lorem {
margin-bottom: .5em;
}
/***
Aside Styles
***/
#nav {
margin: 0px;
padding: 0px;
}
#nav li {
display: inline-block;
margin: 0 5px;
}
#nav li:first-child {
margin-left: 0;
}
#nav li:last-child {
margin-right: 0;
}
/***
Block Styles
***/
._bp {
position: absolute;
top: 5px;
right: 5px;
z-index: 9;
}
.like_and_reblog_buttons_b {
list-style: none;
display: inline-block;
}
ul.like_and_reblog_buttons_b {
margin: 0px;
padding: 0px;
}
ul.like_and_reblog_buttons_b li {
display: inline-block;
height: 15px;
width: 15px;
list-style-type: none;
background: #ffffff;
padding: 3px;
float: left;
margin-right: 5px;
border-radius: 3px;
-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0 0 1px rgba(0,0,0,0.5);
box-shadow: inset 0 0 1px rgba(0,0,0,0.5);
}
ul.like_and_reblog_buttons_b li:last-child {
margin: 0px;
}
/***
Pagination
***/
#pag_nav {
overflow:auto;
text-align:center;
}
#pag_nav a {
text-decoration:none;
min-height:12px;
min-width:12px;
text-align:center;
display:inline-block;
background-color: #ffffff;
padding:3px;
font-size: .89em;
}
#pag_nav a.current, #pag_nav a.jump {
margin:0 3px 0 2px;
}
#pag_nav a.current {
}
#pag_nav #next, #pag_nav #prev {
text-transform:uppercase;
padding:5px 8px;
}
#pag_nav #prev {
float:left;
}
#pag_nav #next {
float:right;
}
/***
Custom css
***/
</style>
</head>
<body>
<div id="wrap">
<center><img src="http://img.photobucket.com/albums/v81/Jade08Sage/greenowlheader4.gif~original" width="550"> </center>
<div id="aside">
<div class="inner">
{block:IfNotHideTitle}
<h1>{Title}</h1>
{/block:IfNotHideTitle}
{block:IfImageURL}
<div><img src="{text:Image URL}"/></div>
{/block:IfImageURL}
{block:Description}
<div>
<p id="description">{Description}</p>
</div>
{/block:Description}
<ul id="nav">
<li><a href="/">Home</a></li>
<li><a href="/ask">Ask</a></li>
{block:IFLink1}
<li><a href="{text:Link 1 Url}">{text:Link 1}</a></li>
{/block:IfLink1}
{block:IfLink2}
<li><a href="{text:Link 2 Url}">{text:Link 2}</a></li>
{/block:IfLink2}
{block:IfLink3}
<li><a href="{text:Link 3 Url}">{text:Link 3}</a></li>
{/block:IfLink3}
{block:IfLink4}
<li><a href="{text:Link 4 Url}">{text:Link 4}</a></li>
{/block:IfLink4}
<li><a href="/submit">Submit</a></li>
<li><a href="/archive">Archive</a></li>
</ul>
</div>
</div>
<div id="posts">
{block:Posts}
<div class="post">
{block:Text}
<div class="text">
<div class="lorem">
{block:Title}
<h2><a href="{Permalink}">{Title}</a></h2>
{/block:Title}
{Body}
</div>
<div class="meta">
{block:Date}
<div class="permalink">
<p>{timeago} with {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</p>
</div>
{/block:Date}
{block:HasTags}
<div class="tags">
<p>{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p>
</div>
{/block:HasTags}
</div>
</div>
{/block:Text}
{block:Photo}
<div class="photo">
<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
<div class="_bp">
<ul class="like_and_reblog_buttons_b">
<li>{LikeButton color="black" size="15"}</li>
<li>{ReblogButton color="black" size="15"}</li>
</ul>
</div>
</div>
{block:Caption}
<div class="caption text">{Caption}</div>
{/block:Caption}
{/block:Photo}
{block:HasTags}
<div class="tags">
<p>{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p>
</div>
{/block:HasTags}
{block:Panorama}
<div class="panorama">
{LinkOpenTag}
<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
{LinkCloseTag}
</div>
{block:Caption}
<div class="caption text">{Caption}</div>
{/block:Caption}
{/block:Panorama}
{block:Photoset}
<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
{block:Photos}
<div class="photo-data">
<div class="pxu-photo">
<img alt="{PhotoAlt}" src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" class="{block:Exif}exif-yes {/block:Exif}{block:Caption}caption-yes{/block:Caption}" {block:Exif}data-camera="{block:Camera}{Camera}{/block:Camera}" data-iso="{block:ISO}{ISO}{/block:ISO}" data-aperture="{block:Aperture}{Aperture}{/block:Aperture}" data-exposure="{block:Exposure}{Exposure}{/block:Exposure}" data-focal="{block:FocalLength}{FocalLength}{/block:FocalLength}"{/block:Exif} {block:Caption}data-caption="{Caption}"{/block:Caption}>
</div>
<div class="icons">
<a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}">
<span class="zoom">Zoom</span>
</a>
<span class="info">Info</span>
</div>
</div>
{/block:Photos}
</div><!-- close SLIDESHOW -->
{block:Caption}
<div class="caption text">{Caption}</div>
{/block:Caption}
{/block:Photoset}
{block:Quote}
<div class="text">
<div class="quote">
"{Quote}"
{block:Source}
<div class="source">{Source}</div>
{/block:Source}
</div>
<div class="meta">
{block:Date}
<div class="permalink">
<p>{timeago} with {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</p>
</div>
{/block:Date}
{block:HasTags}
<div class="tags">
<p>{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p>
</div>
{/block:HasTags}
</div>
</div>
{/block:Quote}
{block:Link}
<div class="text">
<div class="link">
<h2><a href="{URL}" class="link" {Target}>{Name}</a></h2>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
</div>
<div class="meta">
{block:Date}
<div class="permalink">
<p>{timeago} with {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</p>
</div>
{/block:Date}
{block:HasTags}
<div class="tags">
<p>{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p>
</div>
{/block:HasTags}
</div>
</div>
{/block:Link}
{block:Chat}
<div class="text">
<div class="chat">
<ul class="conversation">
{block:Lines}
<li class="line {Alt}">
{block:Label}<span class="person">{Label}</span>{/block:Label}
<span class="person-said">{Line}</span>
</li>
{/block:Lines}
</ul>
</div>
<div class="meta">
{block:Date}
<div class="permalink">
<p>{timeago} with {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</p>
</div>
{/block:Date}
{block:HasTags}
<div class="tags">
<p>{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p>
</div>
{/block:HasTags}
</div>
</div>
{/block:Chat}
{block:Video}
<div class="video">
{Video-500}
</div>
{block:Caption}
<div class="caption text">{Caption}</div>
{/block:Caption}
{/block:Video}
{block:Audio}
<div class="text">
<div class="audio">
{AudioPlayerBlack}
</div>
{block:Caption}
<div class="caption text">{Caption}</div>
{/block:Caption}
<div class="meta">
{block:Date}
<div class="permalink">
<p>{timeago} with {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</p>
</div>
{/block:Date}
{block:HasTags}
<div class="tags">
<p>{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p>
</div>
{/block:HasTags}
</div>
</div>
{/block:Audio}
</div>
{block:Pagination}
<div id="pag_nav">
{block:PreviousPage}
<a href="{PreviousPage}" title="previous page" id="prev">previous</a>
{/block:PreviousPage}
{block:JumpPagination length="5"}
{block:JumpPage}<a href="{URL}" class="jump">{PageNumber}</a>{/block:JumpPage}
{block:CurrentPage}<a href="{URL}" class="current">{PageNumber}</a>{/block:CurrentPage}
{/block:JumpPagination}
{block:NextPage}
<a href="{NextPage}" title="next page" id="next">next</a>
{/block:NextPage}
</div>
{/block:Pagination}
{block:ContentSource}
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ContentSource}
<!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
{/block:Posts}
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://static.tumblr.com/pqsvrdz/rKBmvnjxz/jquery.fitvids.js"></script>
<script src="http://static.tumblr.com/pqsvrdz/7x7mvnlxs/pxuphotoset.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
<script>
$(document).ready(function(){
$.fn.vAlign = function () {
return this.each(function (i) {
var ah = $(this).outerHeight();
var mh = Math.ceil(ah);
$("#aside").css("height", mh);
});
};
$(".inner").vAlign();
$(".video").fitVids();
$(".photo-slideshow").pxuPhotoset({
'ligthbox' : true, // uses the default Tumblr lightbox, change to false to use your own
'highRes' : true, // will use high res images
'rounded' : 'corners', // corners, all or false
'exif' : true, // display EXIF data if available (tooltip)
'captions' : true, // display individual captions on photos (tooltip)
'gutter' : '10px', // spacing between the images
'photoset' : '.photo-slideshow', // photoset wrapper
'photoWrap' : '.photo-data', // photo data wrapper (includes photo, icons + exif)
'photo' : '.pxu-photo' // photo wrap (includes photo only)
});
});
</script>
</body>
</html>