Post by Ferrrrrre on Jul 22, 2010 14:04:59 GMT -5
Yesh, I'm one of those people who tried to customize his tumblr theme and screwed up KTHNKXBAI
So yes, I need halp.
PROBLEM:
I wanted to add a little navigation bar so I started making one (using this tutorial and my own designs: line25.com/tutorials/how-to-create-a-css-menu-using-image-sprites)
so I began making it and after a amount of everything was done and I had got myself a nav bar with hovers..
the problem only began when I tried adding it to tumblr..
CODES:
Nav bar
CSS CODE
<style type="text/css">
ul#navb {
width: 868px; margin: 20px auto;
list-style: none;
}
ul#navb li a {
display: block; float: left; height: 36;
background-image: url(http://img94.imageshack.us/img94/6129/testbarg.png); text-indent: -9999px
}
ul#navb li a.space1 {
width: 53px;
background-position: 0 0;
}
ul#navb li a.Home {
width: 88 px;
background-position: -53 0;
}
ul#navb li a.space2 {
width: 25px;
background-position: -141 0;
}
ul#navb li a.About {
width: 88px;
background-position: -166 0;
}
ul#navb li a.space3 {
width: 23px;
background-position: -254 0;
}
ul#navb li a.Gallery {
width: 88px;
background-position: -277 0;
}
ul#navb li a.space4 {
width: 231px;
background-position: -365 0;
}
ul#navb li a.Archive {
width: 88px;
background-position: -596 0;
}
ul#navb li a.space5 {
width: 20px;
background-position: -684 0;
}
ul#navb li a.Search {
width: 150px;
background-position: -704 0;
}
ul#navb li a.space6 {
width: 14px;
background-position: -854 0;
}
ul#navb li a.space1:hover {
background-position: 0 -36;
}
ul#navb li a.Home:hover {
background-position: -53 -36;
}
ul#navb li a.space2:hover {
background-position: -141 -36;
}
ul#navb li a.About:hover {
background-position: -166 -36;
}
ul#navb li a.space3:hover {
background-position: -254 -36;
}
ul#navb li a.Gallery:hover {
background-position: -277 -36;
}
ul#navb li a.space4:hover {
background-position: -365 -36;
}
ul#navb li a.Archive:hover {
background-position: -596 -36;
}
ul#navb li a.space5:hover {
background-position: -684 -36;
}
ul#navb li a.Search {
background-position: -704 -36;
}
ul#navb li a.space6 {
background-position: -854 -36;
}
</style>
HTML CODE
<ul id="navb">
<li><a href="#" class="space1"> space1 </a></li>
<li><a href="#" class="Home"> Home </a></li>
<li><a href="#" class="space2"> space2 </a></li>
<li><a href="#" class="About"> About </a></li>
<li><a href="#" class="space3"> space3 </a></li>
<li><a href="#" class="Gallery"> Gallery </a></li>
<li><a href="#" class="space4"> space4 </a></li>
<li><a href="#" class="Archive"> Archive </a></li>
<li><a href="#" class="space5"> space5 </a></li>
<li><a href="#" class="Search"> Search</a></li>
<li><a href="#" class="space6"></a></li>
</ul>
TUMBLR CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- Cheshire Theme v1.1, Alter Imaging, www.alterimaging.com -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<meta name="if:Show Flickr Images" content=""/>
<meta name="text:Flickr ID" content=""/>
<meta name="if:Allow Disqus Comments" content=""/>
<meta name="text:Disqus Shortname" content=""/>
<meta name="if:Show Twitter Feed" content=""/>
<meta name="if:Show People I Follow" content=""/>
<meta name="image:Background" content="">
<meta name="text:Google Analytics ID" content=""/>
<meta name="color:Title" content="#fff"/>
<meta name="color:Text" content="#000000"/>
<meta name="font:Text" content="Helvetica"/>
<meta name="color:Link" content="#EC008C"/>
<meta name="color:Link Hover" content="#00ADEF"/>
<title>{Title}{block:PostSummary} | {PostSummary}{/block:PostSummary}{block:SearchPage} | Search results for "{SearchQuery}"{/block:SearchPage}</title>
<link rel="icon" href="{Favicon}"/>
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
<link rel="stylesheet" type="text/css" href="http://static.tumblr.com/ts2nqrf/Cxnl224zd/global.css" />
<link rel="stylesheet" type="text/css" href="http://static.tumblr.com/ts2nqrf/SoDl31b2i/screen.css" media="screen"/>
<!--[if IE 7]><link rel="stylesheet" href="http://static.tumblr.com/ts2nqrf/Soul224zx/ie7.css" type="text/css" /><![endif]-->
<!--[if IE 8]><link rel="stylesheet" href="http://static.tumblr.com/ts2nqrf/4nvl2250d/ie8.css" /><![endif]-->
<script type="text/javascript" src="http://static.tumblr.com/ts2nqrf/wo9l2252k/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/ts2nqrf/wMHl224sv/cufon.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/ts2nqrf/wuAl224tn/league-gothic.font.js"></script>
<script type="text/javascript">
Cufon.DOM.ready(function() {
Cufon.replace('.league', { fontFamily: 'league' });
Cufon.replace('.shadow', {textShadow: '2px 2px #000'});
$('.league').css('display','block');
});
</script>
<script type="text/javascript" src="http://static.tumblr.com/zzlsgj0/YPhl2xivo/scrolltopcontrol.js"></script>
<!-- Original JS file from kylemonk.tumblr.com/post/524226104/infinite-scroll-back-to-top-auto-pager-tumblr-script-das -->
<style type="text/css">
#title a { color: {color:Title}; }
{CustomCSS}
</style>
<style type="text/css">
body{
{block:IfNotBackgroundImage}
background: url(http://static.tumblr.com/py1175e/Op7l5uw6q/untitled.png) top left fixed;
{/block:IfNotBackgroundImage}
{block:IfBackgroundImage}
background: url({image:Background}) top left fixed;
{/block:IfBackgroundImage}
}
</style>
<style type="text/css">
ul#navb {
width: 868px; margin: 20px auto;
list-style: none;
}
ul#navb li a {
display: block; float: left; height: 36;
background-image: url(http://img94.imageshack.us/img94/6129/testbarg.png); text-indent: -9999px
}
ul#navb li a.space1 {
width: 53px;
background-position: 0 0;
}
ul#navb li a.Home {
width: 88 px;
background-position: -53 0;
}
ul#navb li a.space2 {
width: 25px;
background-position: -141 0;
}
ul#navb li a.About {
width: 88px;
background-position: -166 0;
}
ul#navb li a.space3 {
width: 23px;
background-position: -254 0;
}
ul#navb li a.Gallery {
width: 88px;
background-position: -277 0;
}
ul#navb li a.space4 {
width: 231px;
background-position: -365 0;
}
ul#navb li a.Archive {
width: 88px;
background-position: -596 0;
}
ul#navb li a.space5 {
width: 20px;
background-position: -684 0;
}
ul#navb li a.Search {
width: 150px;
background-position: -704 0;
}
ul#navb li a.space6 {
width: 14px;
background-position: -854 0;
}
ul#navb li a.space1:hover {
background-position: 0 -36;
}
ul#navb li a.Home:hover {
background-position: -53 -36;
}
ul#navb li a.space2:hover {
background-position: -141 -36;
}
ul#navb li a.About:hover {
background-position: -166 -36;
}
ul#navb li a.space3:hover {
background-position: -254 -36;
}
ul#navb li a.Gallery:hover {
background-position: -277 -36;
}
ul#navb li a.space4:hover {
background-position: -365 -36;
}
ul#navb li a.Archive:hover {
background-position: -596 -36;
}
ul#navb li a.space5:hover {
background-position: -684 -36;
}
ul#navb li a.Search {
background-position: -704 -36;
}
ul#navb li a.space6 {
background-position: -854 -36;
}
</style>
<div id="title-box">
<div id="title">
<h1 class="league shadow"> <a href="http://ferrrrrre.tumblr.com"><img src="http://img683.imageshack.us/img683/2158/olcats.png" /></a></h1>
</div>
</div>
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="header-info">
</div>
</div>
</div>
<div id="container" class="clear">
<div>
<ul id="navb">
<li><a href="#" class="space1"> space1 </a></li>
<li><a href="#" class="Home"> Home </a></li>
<li><a href="#" class="space2"> space2 </a></li>
<li><a href="#" class="About"> About </a></li>
<li><a href="#" class="space3"> space3 </a></li>
<li><a href="#" class="Gallery"> Gallery </a></li>
<li><a href="#" class="space4"> space4 </a></li>
<li><a href="#" class="Archive"> Archive </a></li>
<li><a href="#" class="space5"> space5 </a></li>
<li><a href="#" class="Search"> Search</a></li>
<li><a href="#" class="space6"></a></li>
</ul>
</div>
<div id="colLeft">
<div class="leftBox">
<div class="leftTop"><h2 class="league"><a href="http://www.ferrrrrre.tumblr.com"><font color="white">Ferrrrrre</font></a></h2></div>
<div class="leftRep">
<div class="author"><img src="{PortraitURL-96}"/></div>
{block:Description}
<p class="author-text">{Description}</p>
{/block:Description}
<div class="clear"></div>
</div>
<div class="leftBot"></div>
</div>
{block:HasPages}
<div class="leftBox">
<div class="leftTop"><h2 class="league">*click here*</h2></div>
<div class="leftRep">
<div class="side-links">
{block:Pages}
<a href="{URL}">{Label}</a>
{/block:Pages}
</div>
</div>
<div class="leftBot"></div>
</div>
{/block:HasPages}
{block:HasPages}
<div class="leftBox">
<div class="leftTop"><h2 class="league">Ferrrrrre on the Interwebz</h2></div>
<div class="leftRep">
<div class="side-links">
<a href="http://www.twitter.com/Ferre_"><img src="http://twitter-badges.s3.amazonaws.com/t_mini-a.png"> Stalk me on Twitter</a><a href="http://www.youtube.com/user/Ferrrrrre"><img src="http://img514.imageshack.us/img514/2268/iconyoutube.gif"> See me in action</a>
<a href="http://dailybooth.com/Ferre"><img src="http://i45.tinypic.com/rk50fs.jpg%22"> Images to view</a>
</div>
</div>
<div class="leftBot"></div>
</div>
{/block:HasPages}
{block:AskEnabled}
<div class="leftBox">
<div class="leftTop"><h2 class="league">Ask</h2></div>
<div class="leftRep">
<div class="side-links">
<a href="/ask">{AskLabel}</a>
</div>
</div>
<div class="leftBot"></div>
</div>
{/block:AskEnabled}
{block:SubmissionsEnabled}
<div class="leftBox">
<div class="leftTop"><h2 class="league">Submit a post</h2></div>
<div class="leftRep">
<div class="side-links">
<a href="/submit">{SubmitLabel}</a>
</div>
</div>
<div class="leftBot"></div>
</div>
{/block:SubmissionsEnabled}
{block:IfShowTwitterFeed}
{block:Twitter}
<div class="leftBox">
<div class="leftTop"><h2 class="league">Ferre_'s LATEST TWEETS</h2></div>
<div class="leftRep">
<div id="tweets" class="side-links">
<script type="text/javascript">
function recent_tweets(data) {
for (i=0; i<data.length; i++) {
document.getElementById("tweets").innerHTML =
document.getElementById("tweets").innerHTML +
'<a href="http://twitter.com/Ferre_/status/' +
data.id + '"><div>' + data.text +
'</div></a>';
}
document.getElementById("tweets").style.display = 'block';
}
</script>
</div>
</div>
<div class="leftBot"></div>
</div>
{/block:Twitter}
{/block:IfShowTwitterFeed}
{block:IfShowFlickrImages}
<div class="leftBox">
<div class="leftTop"><h2 class="league">Photos</h2></div>
<div class="leftRep flickr-wrap">
<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=6&display=latest&size=s&layout=x&source=user&user={text:Flickr ID}"></script>
<div class="clear"></div>
</div>
<div class="leftBot"></div>
</div>
{/block:IfShowFlickrImages}
{block:IfShowPeopleIFollow}
{block:Following}
<div class="leftBox">
<div class="leftTop"><h2 class="league">People I Follow</h2></div>
<div id="following" class="leftRep">
<ul>
{block:Followed}<li><a href="{FollowedURL}" title="{FollowedName}"><img src="{FollowedPortraitURL-30}" alt="{FollowedTitle}" /></a></li>{/block:Followed}
</ul>
<div class="clear"></div>
</div>
<div class="leftBot"></div>
</div>
{/block:Following}
{/block:IfShowPeopleIFollow}
<div id="attribution"><span class="bold">Cheshire</span> by <a href="http://www.alterimaging.com" target="_blank" title="Website Redesign" class="bold">Alter Imaging</a> - edited by <a href="ferrrrrre.tumblr.com" target="_blank"><b>Ferrrrrre</b></a></div>
</div>
<div id="colRight">
{block:SearchPage}
<div id="search-result-info">
<div class="contentTop">
<div class="marker search"><a href="{URLSafeSearchQuery}">Search results</a></div>
</div>
<div class="contentRep">
<p>{block:NoSearchResults}sorry, but {/block:NoSearchResults}your search for "<a href="{URLSafeSearchQuery}" title="{SearchQuery}">{SearchQuery}</a>" returned {SearchResultCount} result(s)</p>
<div class="clear"></div>
</div>
<div class="contentBot"></div>
</div>
{/block:SearchPage}
{block:Posts}
<!--- Video --->
{block:Video}
<div class="content">
<div class="contentTop">
<div class="marker video"><a href="{Permalink}">Video</a></div>
<div class="stats">
{block:Date}{TimeAgo}{/block:Date}{block:NoteCount} | <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}
</div>
</div>
<div class="contentRep">
{Video-500}
</div>
<div class="contentBot"></div>
<div class="subInfo">
<div class="subTop"></div>
<div class="subRep">
<div class="subText">
{block:Title}<h3 class="league"><a href="{Permalink}">{Title}</a></h3>{/block:Title}
{block:Caption}{Caption}{block:Caption}
{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
{block:RebloggedFrom}<a href="{ReblogParentURL}"><span>Via {ReblogParentTitle}</a></span>{/block:RebloggedFrom}
</div>
{block:HasTags}
<div class="tags">
<ul>
<li>Tags:</li>
{block:Tags}
<li><a href="{TagURL}">{Tag}</a></li>
{/block:Tags}
</ul>
</div>
{/block:HasTags}
{block:IfAllowDisqusComments}<div class="displaynone">{/block:IfAllowDisqusComments}
<div class="comments"><a href="{Permalink}">Permalink</a></div>
<div class="comments"><a href="http://twitter.com/home/?status= {Title} {block:PostSummary} - {PostSummary} {/block:PostSummary} {Permalink}" target="_blank"><img src="http://twitter-badges.s3.amazonaws.com/t_mini-a.png"> Tweet This</a></div>
{block:IfAllowDisqusComments}</div>{/block:IfAllowDisqusComments}
{block:IfAllowDisqusComments}
<div class="comments"><a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a></div>
{/block:IfAllowDisqusComments}
<div class="clear"></div>
</div>
<div class="subBot"></div>
</div>
</div>
{/block:Video}
<!--- Answer --->
{block:Answer}
<div class="content">
<div class="contentTop">
<div class="marker answer"><a href="{Permalink}">Audio</a></div>
<div class="stats">
{block:Date}{TimeAgo}{/block:Date}{block:NoteCount} | <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}
</div>
</div>
<div id="nolist" class="contentRep">
<ul class="chat">
<li>
<div>
<span class="name league">Question:</span>
<span class="message">{Question} - {Asker}</span>
<div class="clear"></div>
</div>
</li>
<li>
<div>
<span class="name league">Answer:</span>
<span class="message">{Answer}</span>
<div class="clear"></div>
</div>
</li>
<ul>
</div>
<div class="nonSub">
{block:IfAllowDisqusComments}<div class="displaynone">{/block:IfAllowDisqusComments}
<div class="comments"><a href="{Permalink}">Permalink</a></div>
<div class="comments"><a href="http://twitter.com/home/?status= {Title} {block:PostSummary} - {PostSummary} {/block:PostSummary} {Permalink}" target="_blank"><img src="http://twitter-badges.s3.amazonaws.com/t_mini-a.png"> Tweet This</a></div>
{block:IfAllowDisqusComments}</div>{/block:IfAllowDisqusComments}
{block:IfAllowDisqusComments}
<div class="comments"><a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a></div>
{/block:IfAllowDisqusComments}
<div class="clear"></div>
</div>
<div class="contentBot"></div>
</div>
{/block:Answer}
<!--- Audio --->
{block:Audio}
<div class="content">
<div class="contentTop">
<div class="marker audio"><a href="{Permalink}">Audio</a></div>
<div class="stats">
{block:Date}{TimeAgo}{/block:Date}{block:NoteCount} | <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}
</div>
</div>
<div class="contentRep">
<div class="player">{AudioPlayerBlack}</div>
<div class="trackinfo">
<h4 class="league">
{block:TrackName}<div class="track"><p>{TrackName}</p></div>{/block:TrackName}
{block:Artist}<div class="artist"><p>| {Artist}</p></div>{/block:Artist}</h4>
<div class="clear"></div>
</div>
{block:Title}<h3 class="league"><a href="{Permalink}">{Title}</a></h3>{/block:Title}
{block:Caption}{Caption}{block:Caption}
{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
{block:RebloggedFrom}<a href="{ReblogParentURL}"><span>Via {ReblogParentTitle}</a></span>{/block:RebloggedFrom}
<div class="clear"></div>
</div>
<div class="nonSub">
{block:HasTags}
<div class="tags">
<ul>
<li>Tags:</li>
{block:Tags}
<li><a href="{TagURL}">{Tag}</a></li>
{/block:Tags}
</ul>
</div>
{/block:HasTags}
{block:IfAllowDisqusComments}<div class="displaynone">{/block:IfAllowDisqusComments}
<div class="comments"><a href="{Permalink}">Permalink</a></div>
<div class="comments"><a href="http://twitter.com/home/?status= {Title} {block:PostSummary} - {PostSummary} {/block:PostSummary} {Permalink}" target="_blank"><img src="http://twitter-badges.s3.amazonaws.com/t_mini-a.png"> Tweet This</a></div>
{block:IfAllowDisqusComments}</div>{/block:IfAllowDisqusComments}
{block:IfAllowDisqusComments}
<div class="comments"><a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a></div>
{/block:IfAllowDisqusComments}
<div class="clear"></div>
</div>
<div class="contentBot"></div>
</div>
{/block:Audio}
<!--- Photo --->
{block:Photo}
<div class="content">
<div class="contentTop">
<div class="marker photo"><a href="{Permalink}">Photo</a></div>
<div class="stats">
{block:Date}{TimeAgo}{/block:Date}{block:NoteCount} | <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}
</div>
</div>
<div class="contentRep">
{LinkOpenTag}<div class="photoset"><img src="{PhotoURL-500}" alt="{PhotoAlt}" /></div>{LinkCloseTag}
{block:Title}<h3 class="league"><a href="{Permalink}">{Title}</a></h3>{/block:Title}
{block:Caption}{Caption}{block:Caption}
{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
{block:RebloggedFrom}<a href="{ReblogParentURL}"><span>Via {ReblogParentTitle}</a></span>{/block:RebloggedFrom}
<div class="clear"></div>
</div>
<div class="nonSub">
{block:HasTags}
<div class="tags">
<ul>
<li>Tags:</li>
{block:Tags}
<li><a href="{TagURL}">{Tag}</a></li>
{/block:Tags}
</ul>
</div>
{/block:HasTags}
{block:IfAllowDisqusComments}<div class="displaynone">{/block:IfAllowDisqusComments}
<div class="comments"><a href="{Permalink}">Permalink</a></div>
<div class="comments"><a href="http://twitter.com/home/?status= {Title} {block:PostSummary} - {PostSummary} {/block:PostSummary} {Permalink}" target="_blank"><img src="http://twitter-badges.s3.amazonaws.com/t_mini-a.png"> Tweet This</a></div>
{block:IfAllowDisqusComments}</div>{/block:IfAllowDisqusComments}
{block:IfAllowDisqusComments}
<div class="comments"><a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a></div>
{/block:IfAllowDisqusComments}
<div class="clear"></div>
</div>
<div class="contentBot"></div>
</div>
{/block:Photo}
<!--- Photo Set --->
{block:Photoset}
<div class="content">
<div class="contentTop">
<div class="marker photo"><a href="{Permalink}">Photo</a></div>
<div class="stats">
{block:Date}{TimeAgo}{/block:Date}{block:NoteCount} | <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}
</div>
</div>
<div class="contentRep">
<div class="photoset">{Photoset-500}</div>
{block:Caption}{Caption}{/block:Caption}
{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
{block:RebloggedFrom}<a href="{ReblogParentURL}"><span>Via {ReblogParentTitle}</a></span>{/block:RebloggedFrom}
<div class="clear"></div>
</div>
<div class="nonSub">
{block:HasTags}
<div class="tags">
<ul>
<li>Tags:</li>
{block:Tags}
<li><a href="{TagURL}">{Tag}</a></li>
{/block:Tags}
</ul>
</div>
{/block:HasTags}
{block:IfAllowDisqusComments}<div class="displaynone">{/block:IfAllowDisqusComments}
<div class="comments"><a href="{Permalink}">Permalink</a></div>
<div class="comments"><a href="http://twitter.com/home/?status= {Title} {block:PostSummary} - {PostSummary} {/block:PostSummary} {Permalink}" target="_blank"><img src="http://twitter-badges.s3.amazonaws.com/t_mini-a.png"> Tweet This</a></div>
{block:IfAllowDisqusComments}</div>{/block:IfAllowDisqusComments}
{block:IfAllowDisqusComments}
<div class="comments"><a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a></div>
{/block:IfAllowDisqusComments}
<div class="clear"></div>
</div>
<div class="contentBot"></div>
</div>
{/block:Photoset}
<!--- Text --->
{block:Text}
<div class="content">
<div class="contentTop">
<div class="marker text"><a href="{Permalink}">Text</a></div>
<div class="stats">
{block:Date}{TimeAgo}{/block:Date}{block:NoteCount} | <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}
</div>
</div>
<div class="contentRep">
{block:Title}<h3 class="league"><center>{Title}</center></h3>{/block:Title}
{Body}
{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
{block:RebloggedFrom}<a href="{ReblogParentURL}"><span>Via {ReblogParentTitle}</a></span>{/block:RebloggedFrom}
<div class="clear"></div>
</div>
<div class="nonSub">
{block:HasTags}
<div class="tags">
<ul>
<li>Tags:</li>
{block:Tags}
<li><a href="{TagURL}">{Tag}</a></li>
{/block:Tags}
</ul>
</div>
{/block:HasTags}
{block:IfAllowDisqusComments}<div class="displaynone">{/block:IfAllowDisqusComments}
<div class="comments"><a href="{Permalink}">Permalink</a></div>
<div class="comments"><a href="http://twitter.com/home/?status= {Title} {block:PostSummary} - {PostSummary} {/block:PostSummary} {Permalink}" target="_blank"><img src="http://twitter-badges.s3.amazonaws.com/t_mini-a.png"> Tweet This</a></div>
{block:IfAllowDisqusComments}</div>{/block:IfAllowDisqusComments}
{block:IfAllowDisqusComments}
<div class="comments"><a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a></div>
{/block:IfAllowDisqusComments}
<div class="clear"></div>
</div>
<div class="contentBot"></div>
</div>
{/block:Text}
<!--- Quote --->
{block:Quote}
<div class="content">
<div class="contentTop">
<div class="marker quote"><a href="{Permalink}">quote</a></div>
<div class="stats">
{block:Date}{TimeAgo}{/block:Date}{block:NoteCount} | <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}
</div>
</div>
<div class="contentRep">
<div class="quote-text">
<h3 class="league">{Quote}</h3>
</div>
<div class="quote-name">- {Source}</div>
{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
{block:RebloggedFrom}<a href="{ReblogParentURL}"><span>Via {ReblogParentTitle}</a></span>{/block:RebloggedFrom}
<div class="clear"></div>
</div>
<div class="nonSub">
{block:HasTags}
<div class="tags">
<ul>
<li>Tags:</li>
{block:Tags}
<li><a href="{TagURL}">{Tag}</a></li>
{/block:Tags}
</ul>
</div>
{/block:HasTags}
{block:IfAllowDisqusComments}<div class="displaynone">{/block:IfAllowDisqusComments}
<div class="comments">
<a href="{Permalink}">Permalink</a></div>
<div class="comments"><a href="http://twitter.com/home/?status= {Title} {block:PostSummary} - {PostSummary} {/block:PostSummary} {Permalink}" target="_blank"><img src="http://twitter-badges.s3.amazonaws.com/t_mini-a.png"> Tweet This</a></div> {block:IfAllowDisqusComments}</div>{/block:IfAllowDisqusComments}
{block:IfAllowDisqusComments}
<div class="comments"><a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a></div>
{/block:IfAllowDisqusComments}
<div class="clear"></div>
</div>
<div class="contentBot"></div>
</div>
{/block:Quote}
<!--- Link --->
{block:Link}
<div class="content">
<div class="contentTop">
<div class="marker link"><a href="{Permalink}">Link</a></div>
<div class="stats">
{block:Date}{TimeAgo}{/block:Date}{block:NoteCount} | <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}
</div>
</div>
<div class="contentRep">
<h3 class="league"><a href="{URL}" {Target}><center>{Name}</center></a></h3>
{block:Description}
{Description}
{/block:Description}
{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
{block:RebloggedFrom}<a href="{ReblogParentURL}"><span>Via {ReblogParentTitle}</a></span>{/block:RebloggedFrom}
<div class="clear"></div>
</div>
<div class="nonSub">
{block:HasTags}
<div class="tags">
<ul>
<li>Tags:</li>
{block:Tags}
<li><a href="{TagURL}">{Tag}</a></li>
{/block:Tags}
</ul>
</div>
{/block:HasTags}
{block:IfAllowDisqusComments}<div class="displaynone">{/block:IfAllowDisqusComments}
<div class="comments"><a href="{Permalink}">Permalink</a></div>
<div class="comments"><a href="http://twitter.com/home/?status= {Title} {block:PostSummary} - {PostSummary} {/block:PostSummary} {Permalink}" target="_blank"><img src="http://twitter-badges.s3.amazonaws.com/t_mini-a.png"> Tweet This</a></div>
{block:IfAllowDisqusComments}</div>{/block:IfAllowDisqusComments}
{block:IfAllowDisqusComments}
<div class="comments"><a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a></div>
{/block:IfAllowDisqusComments}
<div class="clear"></div>
</div>
<div class="contentBot"></div>
</div>
{/block:Link}
<!--- Chat --->
{block:Chat}
<div class="content">
<div class="contentTop">
<div class="marker chat"><a href="{Permalink}">Chat</a></div>
<div class="stats">
{block:Date}{TimeAgo}{/block:Date}{block:NoteCount} | <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}
</div>
</div>
<div class="contentRep" id="nolist">
{block:Title}<h3 class="league"><a href="{Permalink}">{Title}</a></h3>{/block:Title}
<ul class="chat">
{block:Lines}
<li>
<div>
{block:Label}<span class="name league">{Label}</span>{/block:Label}
<span class="message">{Line}</span>
<div class="clear"></div>
</div>
</li>
{/block:Lines}
</ul>
{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
{block:RebloggedFrom}<a href="{ReblogParentURL}"><span>Via {ReblogParentTitle}</a></span>{/block:RebloggedFrom}
<div class="clear"></div>
</div>
<div class="nonSub">
{block:HasTags}
<div class="tags">
<ul>
<li>Tags:</li>
{block:Tags}
<li><a href="{TagURL}">{Tag}</a></li>
{/block:Tags}
</ul>
</div>
{/block:HasTags}
{block:IfAllowDisqusComments}<div class="displaynone">{/block:IfAllowDisqusComments}
<div class="comments"><a href="{Permalink}">Permalink</a></div>
<div class="comments"><a href="http://twitter.com/home/?status= {Title} {block:PostSummary} - {PostSummary} {/block:PostSummary} {Permalink}" target="_blank"><img src="http://twitter-badges.s3.amazonaws.com/t_mini-a.png"> Tweet This</a></div>
{block:IfAllowDisqusComments}</div>{/block:IfAllowDisqusComments}
{block:IfAllowDisqusComments}
<div class="comments"><a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a></div>
{/block:IfAllowDisqusComments}
<div class="clear"></div>
</div>
<div class="contentBot"></div>
</div>
{/block:Chat}
{/block:Posts}
{block:IndexPage}
{block:IfAllowDisqusComments}
<script type="text/javascript">
//<![CDATA[
(function() {
var links = document.getElementsByTagName('a');
var query = '?';
for(var i = 0; i < links.length; i++) {if(links.href.indexOf('#disqus_thread') >= 0) {query += 'url' + i + '=' + encodeURIComponent(links.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>
{/block:IfAllowDisqusComments}
{/block:IndexPage}
{block:PermalinkPage}
{block:IfAllowDisqusComments}
<div class="commentTop"></div>
<div class="contentRep post disqus">
<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">
/*** var disqus_identifier; [Optional but recommended: Define a unique identifier (e.g. post id or slug) for this thread] ***/
(
function() {
var dsq = document.createElement('script');
dsq.type = 'text/javascript';
dsq.async = true;
dsq.src = 'http://{text:Disqus Shortname}.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
}
)();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript={text:Disqus Shortname}">comments powered by Disqus.</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.href.indexOf('#disqus_thread') >= 0) {
query += 'url' + i + '=' + encodeURIComponent(links.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>
<div class="contentBot disqus-footer"></div>
{/block:IfAllowDisqusComments}
{/block:PermalinkPage}
{block:IndexPage}
{block:Pagination}
<div id="pagination">
<div id="pagination-top">
{block:PreviousPage}<div id="view-newer"><a href="{PreviousPage}">View Newer</a></div>{/block:PreviousPage}
{block:NextPage}<div id="view-older"><a href="{NextPage}">View Older</a></div>{/block:NextPage}
</div>
<div id="pagination-bot">
<div id="theme-by" class="league">CHESHIRE THEME BY</div>
<div id="ai-tag"><a href="http://alterimaging.com/" title="Website Redesign" target="_blank">Alter Imaging</a></div>
</div>
</div>
{/block:Pagination}
{/block:IndexPage}
</div>
<div class="clear"></div>
</div><!--- End Container --->
<div class="clear"></div>
</div><!--- End Wrapper --->
{block:IfGoogleAnalyticsID}
<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>
{/block:IfGoogleAnalyticsID}
{block:Twitter}
<script type="text/javascript" src="/tweets.js"></script>
{/block:Twitter}
</body>
</html>
ps.: I'm still pretty much a HTML/CSS etc. n00b and all the things I learned were trial and errors
so HALP PLS
Everyone who helps automatically gets a #cookie
Thank you!
So yes, I need halp.
PROBLEM:
I wanted to add a little navigation bar so I started making one (using this tutorial and my own designs: line25.com/tutorials/how-to-create-a-css-menu-using-image-sprites)
so I began making it and after a amount of everything was done and I had got myself a nav bar with hovers..
the problem only began when I tried adding it to tumblr..
CODES:
Nav bar
CSS CODE
<style type="text/css">
ul#navb {
width: 868px; margin: 20px auto;
list-style: none;
}
ul#navb li a {
display: block; float: left; height: 36;
background-image: url(http://img94.imageshack.us/img94/6129/testbarg.png); text-indent: -9999px
}
ul#navb li a.space1 {
width: 53px;
background-position: 0 0;
}
ul#navb li a.Home {
width: 88 px;
background-position: -53 0;
}
ul#navb li a.space2 {
width: 25px;
background-position: -141 0;
}
ul#navb li a.About {
width: 88px;
background-position: -166 0;
}
ul#navb li a.space3 {
width: 23px;
background-position: -254 0;
}
ul#navb li a.Gallery {
width: 88px;
background-position: -277 0;
}
ul#navb li a.space4 {
width: 231px;
background-position: -365 0;
}
ul#navb li a.Archive {
width: 88px;
background-position: -596 0;
}
ul#navb li a.space5 {
width: 20px;
background-position: -684 0;
}
ul#navb li a.Search {
width: 150px;
background-position: -704 0;
}
ul#navb li a.space6 {
width: 14px;
background-position: -854 0;
}
ul#navb li a.space1:hover {
background-position: 0 -36;
}
ul#navb li a.Home:hover {
background-position: -53 -36;
}
ul#navb li a.space2:hover {
background-position: -141 -36;
}
ul#navb li a.About:hover {
background-position: -166 -36;
}
ul#navb li a.space3:hover {
background-position: -254 -36;
}
ul#navb li a.Gallery:hover {
background-position: -277 -36;
}
ul#navb li a.space4:hover {
background-position: -365 -36;
}
ul#navb li a.Archive:hover {
background-position: -596 -36;
}
ul#navb li a.space5:hover {
background-position: -684 -36;
}
ul#navb li a.Search {
background-position: -704 -36;
}
ul#navb li a.space6 {
background-position: -854 -36;
}
</style>
HTML CODE
<ul id="navb">
<li><a href="#" class="space1"> space1 </a></li>
<li><a href="#" class="Home"> Home </a></li>
<li><a href="#" class="space2"> space2 </a></li>
<li><a href="#" class="About"> About </a></li>
<li><a href="#" class="space3"> space3 </a></li>
<li><a href="#" class="Gallery"> Gallery </a></li>
<li><a href="#" class="space4"> space4 </a></li>
<li><a href="#" class="Archive"> Archive </a></li>
<li><a href="#" class="space5"> space5 </a></li>
<li><a href="#" class="Search"> Search</a></li>
<li><a href="#" class="space6"></a></li>
</ul>
TUMBLR CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- Cheshire Theme v1.1, Alter Imaging, www.alterimaging.com -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<meta name="if:Show Flickr Images" content=""/>
<meta name="text:Flickr ID" content=""/>
<meta name="if:Allow Disqus Comments" content=""/>
<meta name="text:Disqus Shortname" content=""/>
<meta name="if:Show Twitter Feed" content=""/>
<meta name="if:Show People I Follow" content=""/>
<meta name="image:Background" content="">
<meta name="text:Google Analytics ID" content=""/>
<meta name="color:Title" content="#fff"/>
<meta name="color:Text" content="#000000"/>
<meta name="font:Text" content="Helvetica"/>
<meta name="color:Link" content="#EC008C"/>
<meta name="color:Link Hover" content="#00ADEF"/>
<title>{Title}{block:PostSummary} | {PostSummary}{/block:PostSummary}{block:SearchPage} | Search results for "{SearchQuery}"{/block:SearchPage}</title>
<link rel="icon" href="{Favicon}"/>
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
<link rel="stylesheet" type="text/css" href="http://static.tumblr.com/ts2nqrf/Cxnl224zd/global.css" />
<link rel="stylesheet" type="text/css" href="http://static.tumblr.com/ts2nqrf/SoDl31b2i/screen.css" media="screen"/>
<!--[if IE 7]><link rel="stylesheet" href="http://static.tumblr.com/ts2nqrf/Soul224zx/ie7.css" type="text/css" /><![endif]-->
<!--[if IE 8]><link rel="stylesheet" href="http://static.tumblr.com/ts2nqrf/4nvl2250d/ie8.css" /><![endif]-->
<script type="text/javascript" src="http://static.tumblr.com/ts2nqrf/wo9l2252k/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/ts2nqrf/wMHl224sv/cufon.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/ts2nqrf/wuAl224tn/league-gothic.font.js"></script>
<script type="text/javascript">
Cufon.DOM.ready(function() {
Cufon.replace('.league', { fontFamily: 'league' });
Cufon.replace('.shadow', {textShadow: '2px 2px #000'});
$('.league').css('display','block');
});
</script>
<script type="text/javascript" src="http://static.tumblr.com/zzlsgj0/YPhl2xivo/scrolltopcontrol.js"></script>
<!-- Original JS file from kylemonk.tumblr.com/post/524226104/infinite-scroll-back-to-top-auto-pager-tumblr-script-das -->
<style type="text/css">
#title a { color: {color:Title}; }
{CustomCSS}
</style>
<style type="text/css">
body{
{block:IfNotBackgroundImage}
background: url(http://static.tumblr.com/py1175e/Op7l5uw6q/untitled.png) top left fixed;
{/block:IfNotBackgroundImage}
{block:IfBackgroundImage}
background: url({image:Background}) top left fixed;
{/block:IfBackgroundImage}
}
</style>
<style type="text/css">
ul#navb {
width: 868px; margin: 20px auto;
list-style: none;
}
ul#navb li a {
display: block; float: left; height: 36;
background-image: url(http://img94.imageshack.us/img94/6129/testbarg.png); text-indent: -9999px
}
ul#navb li a.space1 {
width: 53px;
background-position: 0 0;
}
ul#navb li a.Home {
width: 88 px;
background-position: -53 0;
}
ul#navb li a.space2 {
width: 25px;
background-position: -141 0;
}
ul#navb li a.About {
width: 88px;
background-position: -166 0;
}
ul#navb li a.space3 {
width: 23px;
background-position: -254 0;
}
ul#navb li a.Gallery {
width: 88px;
background-position: -277 0;
}
ul#navb li a.space4 {
width: 231px;
background-position: -365 0;
}
ul#navb li a.Archive {
width: 88px;
background-position: -596 0;
}
ul#navb li a.space5 {
width: 20px;
background-position: -684 0;
}
ul#navb li a.Search {
width: 150px;
background-position: -704 0;
}
ul#navb li a.space6 {
width: 14px;
background-position: -854 0;
}
ul#navb li a.space1:hover {
background-position: 0 -36;
}
ul#navb li a.Home:hover {
background-position: -53 -36;
}
ul#navb li a.space2:hover {
background-position: -141 -36;
}
ul#navb li a.About:hover {
background-position: -166 -36;
}
ul#navb li a.space3:hover {
background-position: -254 -36;
}
ul#navb li a.Gallery:hover {
background-position: -277 -36;
}
ul#navb li a.space4:hover {
background-position: -365 -36;
}
ul#navb li a.Archive:hover {
background-position: -596 -36;
}
ul#navb li a.space5:hover {
background-position: -684 -36;
}
ul#navb li a.Search {
background-position: -704 -36;
}
ul#navb li a.space6 {
background-position: -854 -36;
}
</style>
<div id="title-box">
<div id="title">
<h1 class="league shadow"> <a href="http://ferrrrrre.tumblr.com"><img src="http://img683.imageshack.us/img683/2158/olcats.png" /></a></h1>
</div>
</div>
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="header-info">
</div>
</div>
</div>
<div id="container" class="clear">
<div>
<ul id="navb">
<li><a href="#" class="space1"> space1 </a></li>
<li><a href="#" class="Home"> Home </a></li>
<li><a href="#" class="space2"> space2 </a></li>
<li><a href="#" class="About"> About </a></li>
<li><a href="#" class="space3"> space3 </a></li>
<li><a href="#" class="Gallery"> Gallery </a></li>
<li><a href="#" class="space4"> space4 </a></li>
<li><a href="#" class="Archive"> Archive </a></li>
<li><a href="#" class="space5"> space5 </a></li>
<li><a href="#" class="Search"> Search</a></li>
<li><a href="#" class="space6"></a></li>
</ul>
</div>
<div id="colLeft">
<div class="leftBox">
<div class="leftTop"><h2 class="league"><a href="http://www.ferrrrrre.tumblr.com"><font color="white">Ferrrrrre</font></a></h2></div>
<div class="leftRep">
<div class="author"><img src="{PortraitURL-96}"/></div>
{block:Description}
<p class="author-text">{Description}</p>
{/block:Description}
<div class="clear"></div>
</div>
<div class="leftBot"></div>
</div>
{block:HasPages}
<div class="leftBox">
<div class="leftTop"><h2 class="league">*click here*</h2></div>
<div class="leftRep">
<div class="side-links">
{block:Pages}
<a href="{URL}">{Label}</a>
{/block:Pages}
</div>
</div>
<div class="leftBot"></div>
</div>
{/block:HasPages}
{block:HasPages}
<div class="leftBox">
<div class="leftTop"><h2 class="league">Ferrrrrre on the Interwebz</h2></div>
<div class="leftRep">
<div class="side-links">
<a href="http://www.twitter.com/Ferre_"><img src="http://twitter-badges.s3.amazonaws.com/t_mini-a.png"> Stalk me on Twitter</a><a href="http://www.youtube.com/user/Ferrrrrre"><img src="http://img514.imageshack.us/img514/2268/iconyoutube.gif"> See me in action</a>
<a href="http://dailybooth.com/Ferre"><img src="http://i45.tinypic.com/rk50fs.jpg%22"> Images to view</a>
</div>
</div>
<div class="leftBot"></div>
</div>
{/block:HasPages}
{block:AskEnabled}
<div class="leftBox">
<div class="leftTop"><h2 class="league">Ask</h2></div>
<div class="leftRep">
<div class="side-links">
<a href="/ask">{AskLabel}</a>
</div>
</div>
<div class="leftBot"></div>
</div>
{/block:AskEnabled}
{block:SubmissionsEnabled}
<div class="leftBox">
<div class="leftTop"><h2 class="league">Submit a post</h2></div>
<div class="leftRep">
<div class="side-links">
<a href="/submit">{SubmitLabel}</a>
</div>
</div>
<div class="leftBot"></div>
</div>
{/block:SubmissionsEnabled}
{block:IfShowTwitterFeed}
{block:Twitter}
<div class="leftBox">
<div class="leftTop"><h2 class="league">Ferre_'s LATEST TWEETS</h2></div>
<div class="leftRep">
<div id="tweets" class="side-links">
<script type="text/javascript">
function recent_tweets(data) {
for (i=0; i<data.length; i++) {
document.getElementById("tweets").innerHTML =
document.getElementById("tweets").innerHTML +
'<a href="http://twitter.com/Ferre_/status/' +
data.id + '"><div>' + data.text +
'</div></a>';
}
document.getElementById("tweets").style.display = 'block';
}
</script>
</div>
</div>
<div class="leftBot"></div>
</div>
{/block:Twitter}
{/block:IfShowTwitterFeed}
{block:IfShowFlickrImages}
<div class="leftBox">
<div class="leftTop"><h2 class="league">Photos</h2></div>
<div class="leftRep flickr-wrap">
<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=6&display=latest&size=s&layout=x&source=user&user={text:Flickr ID}"></script>
<div class="clear"></div>
</div>
<div class="leftBot"></div>
</div>
{/block:IfShowFlickrImages}
{block:IfShowPeopleIFollow}
{block:Following}
<div class="leftBox">
<div class="leftTop"><h2 class="league">People I Follow</h2></div>
<div id="following" class="leftRep">
<ul>
{block:Followed}<li><a href="{FollowedURL}" title="{FollowedName}"><img src="{FollowedPortraitURL-30}" alt="{FollowedTitle}" /></a></li>{/block:Followed}
</ul>
<div class="clear"></div>
</div>
<div class="leftBot"></div>
</div>
{/block:Following}
{/block:IfShowPeopleIFollow}
<div id="attribution"><span class="bold">Cheshire</span> by <a href="http://www.alterimaging.com" target="_blank" title="Website Redesign" class="bold">Alter Imaging</a> - edited by <a href="ferrrrrre.tumblr.com" target="_blank"><b>Ferrrrrre</b></a></div>
</div>
<div id="colRight">
{block:SearchPage}
<div id="search-result-info">
<div class="contentTop">
<div class="marker search"><a href="{URLSafeSearchQuery}">Search results</a></div>
</div>
<div class="contentRep">
<p>{block:NoSearchResults}sorry, but {/block:NoSearchResults}your search for "<a href="{URLSafeSearchQuery}" title="{SearchQuery}">{SearchQuery}</a>" returned {SearchResultCount} result(s)</p>
<div class="clear"></div>
</div>
<div class="contentBot"></div>
</div>
{/block:SearchPage}
{block:Posts}
<!--- Video --->
{block:Video}
<div class="content">
<div class="contentTop">
<div class="marker video"><a href="{Permalink}">Video</a></div>
<div class="stats">
{block:Date}{TimeAgo}{/block:Date}{block:NoteCount} | <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}
</div>
</div>
<div class="contentRep">
{Video-500}
</div>
<div class="contentBot"></div>
<div class="subInfo">
<div class="subTop"></div>
<div class="subRep">
<div class="subText">
{block:Title}<h3 class="league"><a href="{Permalink}">{Title}</a></h3>{/block:Title}
{block:Caption}{Caption}{block:Caption}
{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
{block:RebloggedFrom}<a href="{ReblogParentURL}"><span>Via {ReblogParentTitle}</a></span>{/block:RebloggedFrom}
</div>
{block:HasTags}
<div class="tags">
<ul>
<li>Tags:</li>
{block:Tags}
<li><a href="{TagURL}">{Tag}</a></li>
{/block:Tags}
</ul>
</div>
{/block:HasTags}
{block:IfAllowDisqusComments}<div class="displaynone">{/block:IfAllowDisqusComments}
<div class="comments"><a href="{Permalink}">Permalink</a></div>
<div class="comments"><a href="http://twitter.com/home/?status= {Title} {block:PostSummary} - {PostSummary} {/block:PostSummary} {Permalink}" target="_blank"><img src="http://twitter-badges.s3.amazonaws.com/t_mini-a.png"> Tweet This</a></div>
{block:IfAllowDisqusComments}</div>{/block:IfAllowDisqusComments}
{block:IfAllowDisqusComments}
<div class="comments"><a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a></div>
{/block:IfAllowDisqusComments}
<div class="clear"></div>
</div>
<div class="subBot"></div>
</div>
</div>
{/block:Video}
<!--- Answer --->
{block:Answer}
<div class="content">
<div class="contentTop">
<div class="marker answer"><a href="{Permalink}">Audio</a></div>
<div class="stats">
{block:Date}{TimeAgo}{/block:Date}{block:NoteCount} | <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}
</div>
</div>
<div id="nolist" class="contentRep">
<ul class="chat">
<li>
<div>
<span class="name league">Question:</span>
<span class="message">{Question} - {Asker}</span>
<div class="clear"></div>
</div>
</li>
<li>
<div>
<span class="name league">Answer:</span>
<span class="message">{Answer}</span>
<div class="clear"></div>
</div>
</li>
<ul>
</div>
<div class="nonSub">
{block:IfAllowDisqusComments}<div class="displaynone">{/block:IfAllowDisqusComments}
<div class="comments"><a href="{Permalink}">Permalink</a></div>
<div class="comments"><a href="http://twitter.com/home/?status= {Title} {block:PostSummary} - {PostSummary} {/block:PostSummary} {Permalink}" target="_blank"><img src="http://twitter-badges.s3.amazonaws.com/t_mini-a.png"> Tweet This</a></div>
{block:IfAllowDisqusComments}</div>{/block:IfAllowDisqusComments}
{block:IfAllowDisqusComments}
<div class="comments"><a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a></div>
{/block:IfAllowDisqusComments}
<div class="clear"></div>
</div>
<div class="contentBot"></div>
</div>
{/block:Answer}
<!--- Audio --->
{block:Audio}
<div class="content">
<div class="contentTop">
<div class="marker audio"><a href="{Permalink}">Audio</a></div>
<div class="stats">
{block:Date}{TimeAgo}{/block:Date}{block:NoteCount} | <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}
</div>
</div>
<div class="contentRep">
<div class="player">{AudioPlayerBlack}</div>
<div class="trackinfo">
<h4 class="league">
{block:TrackName}<div class="track"><p>{TrackName}</p></div>{/block:TrackName}
{block:Artist}<div class="artist"><p>| {Artist}</p></div>{/block:Artist}</h4>
<div class="clear"></div>
</div>
{block:Title}<h3 class="league"><a href="{Permalink}">{Title}</a></h3>{/block:Title}
{block:Caption}{Caption}{block:Caption}
{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
{block:RebloggedFrom}<a href="{ReblogParentURL}"><span>Via {ReblogParentTitle}</a></span>{/block:RebloggedFrom}
<div class="clear"></div>
</div>
<div class="nonSub">
{block:HasTags}
<div class="tags">
<ul>
<li>Tags:</li>
{block:Tags}
<li><a href="{TagURL}">{Tag}</a></li>
{/block:Tags}
</ul>
</div>
{/block:HasTags}
{block:IfAllowDisqusComments}<div class="displaynone">{/block:IfAllowDisqusComments}
<div class="comments"><a href="{Permalink}">Permalink</a></div>
<div class="comments"><a href="http://twitter.com/home/?status= {Title} {block:PostSummary} - {PostSummary} {/block:PostSummary} {Permalink}" target="_blank"><img src="http://twitter-badges.s3.amazonaws.com/t_mini-a.png"> Tweet This</a></div>
{block:IfAllowDisqusComments}</div>{/block:IfAllowDisqusComments}
{block:IfAllowDisqusComments}
<div class="comments"><a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a></div>
{/block:IfAllowDisqusComments}
<div class="clear"></div>
</div>
<div class="contentBot"></div>
</div>
{/block:Audio}
<!--- Photo --->
{block:Photo}
<div class="content">
<div class="contentTop">
<div class="marker photo"><a href="{Permalink}">Photo</a></div>
<div class="stats">
{block:Date}{TimeAgo}{/block:Date}{block:NoteCount} | <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}
</div>
</div>
<div class="contentRep">
{LinkOpenTag}<div class="photoset"><img src="{PhotoURL-500}" alt="{PhotoAlt}" /></div>{LinkCloseTag}
{block:Title}<h3 class="league"><a href="{Permalink}">{Title}</a></h3>{/block:Title}
{block:Caption}{Caption}{block:Caption}
{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
{block:RebloggedFrom}<a href="{ReblogParentURL}"><span>Via {ReblogParentTitle}</a></span>{/block:RebloggedFrom}
<div class="clear"></div>
</div>
<div class="nonSub">
{block:HasTags}
<div class="tags">
<ul>
<li>Tags:</li>
{block:Tags}
<li><a href="{TagURL}">{Tag}</a></li>
{/block:Tags}
</ul>
</div>
{/block:HasTags}
{block:IfAllowDisqusComments}<div class="displaynone">{/block:IfAllowDisqusComments}
<div class="comments"><a href="{Permalink}">Permalink</a></div>
<div class="comments"><a href="http://twitter.com/home/?status= {Title} {block:PostSummary} - {PostSummary} {/block:PostSummary} {Permalink}" target="_blank"><img src="http://twitter-badges.s3.amazonaws.com/t_mini-a.png"> Tweet This</a></div>
{block:IfAllowDisqusComments}</div>{/block:IfAllowDisqusComments}
{block:IfAllowDisqusComments}
<div class="comments"><a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a></div>
{/block:IfAllowDisqusComments}
<div class="clear"></div>
</div>
<div class="contentBot"></div>
</div>
{/block:Photo}
<!--- Photo Set --->
{block:Photoset}
<div class="content">
<div class="contentTop">
<div class="marker photo"><a href="{Permalink}">Photo</a></div>
<div class="stats">
{block:Date}{TimeAgo}{/block:Date}{block:NoteCount} | <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}
</div>
</div>
<div class="contentRep">
<div class="photoset">{Photoset-500}</div>
{block:Caption}{Caption}{/block:Caption}
{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
{block:RebloggedFrom}<a href="{ReblogParentURL}"><span>Via {ReblogParentTitle}</a></span>{/block:RebloggedFrom}
<div class="clear"></div>
</div>
<div class="nonSub">
{block:HasTags}
<div class="tags">
<ul>
<li>Tags:</li>
{block:Tags}
<li><a href="{TagURL}">{Tag}</a></li>
{/block:Tags}
</ul>
</div>
{/block:HasTags}
{block:IfAllowDisqusComments}<div class="displaynone">{/block:IfAllowDisqusComments}
<div class="comments"><a href="{Permalink}">Permalink</a></div>
<div class="comments"><a href="http://twitter.com/home/?status= {Title} {block:PostSummary} - {PostSummary} {/block:PostSummary} {Permalink}" target="_blank"><img src="http://twitter-badges.s3.amazonaws.com/t_mini-a.png"> Tweet This</a></div>
{block:IfAllowDisqusComments}</div>{/block:IfAllowDisqusComments}
{block:IfAllowDisqusComments}
<div class="comments"><a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a></div>
{/block:IfAllowDisqusComments}
<div class="clear"></div>
</div>
<div class="contentBot"></div>
</div>
{/block:Photoset}
<!--- Text --->
{block:Text}
<div class="content">
<div class="contentTop">
<div class="marker text"><a href="{Permalink}">Text</a></div>
<div class="stats">
{block:Date}{TimeAgo}{/block:Date}{block:NoteCount} | <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}
</div>
</div>
<div class="contentRep">
{block:Title}<h3 class="league"><center>{Title}</center></h3>{/block:Title}
{Body}
{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
{block:RebloggedFrom}<a href="{ReblogParentURL}"><span>Via {ReblogParentTitle}</a></span>{/block:RebloggedFrom}
<div class="clear"></div>
</div>
<div class="nonSub">
{block:HasTags}
<div class="tags">
<ul>
<li>Tags:</li>
{block:Tags}
<li><a href="{TagURL}">{Tag}</a></li>
{/block:Tags}
</ul>
</div>
{/block:HasTags}
{block:IfAllowDisqusComments}<div class="displaynone">{/block:IfAllowDisqusComments}
<div class="comments"><a href="{Permalink}">Permalink</a></div>
<div class="comments"><a href="http://twitter.com/home/?status= {Title} {block:PostSummary} - {PostSummary} {/block:PostSummary} {Permalink}" target="_blank"><img src="http://twitter-badges.s3.amazonaws.com/t_mini-a.png"> Tweet This</a></div>
{block:IfAllowDisqusComments}</div>{/block:IfAllowDisqusComments}
{block:IfAllowDisqusComments}
<div class="comments"><a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a></div>
{/block:IfAllowDisqusComments}
<div class="clear"></div>
</div>
<div class="contentBot"></div>
</div>
{/block:Text}
<!--- Quote --->
{block:Quote}
<div class="content">
<div class="contentTop">
<div class="marker quote"><a href="{Permalink}">quote</a></div>
<div class="stats">
{block:Date}{TimeAgo}{/block:Date}{block:NoteCount} | <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}
</div>
</div>
<div class="contentRep">
<div class="quote-text">
<h3 class="league">{Quote}</h3>
</div>
<div class="quote-name">- {Source}</div>
{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
{block:RebloggedFrom}<a href="{ReblogParentURL}"><span>Via {ReblogParentTitle}</a></span>{/block:RebloggedFrom}
<div class="clear"></div>
</div>
<div class="nonSub">
{block:HasTags}
<div class="tags">
<ul>
<li>Tags:</li>
{block:Tags}
<li><a href="{TagURL}">{Tag}</a></li>
{/block:Tags}
</ul>
</div>
{/block:HasTags}
{block:IfAllowDisqusComments}<div class="displaynone">{/block:IfAllowDisqusComments}
<div class="comments">
<a href="{Permalink}">Permalink</a></div>
<div class="comments"><a href="http://twitter.com/home/?status= {Title} {block:PostSummary} - {PostSummary} {/block:PostSummary} {Permalink}" target="_blank"><img src="http://twitter-badges.s3.amazonaws.com/t_mini-a.png"> Tweet This</a></div> {block:IfAllowDisqusComments}</div>{/block:IfAllowDisqusComments}
{block:IfAllowDisqusComments}
<div class="comments"><a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a></div>
{/block:IfAllowDisqusComments}
<div class="clear"></div>
</div>
<div class="contentBot"></div>
</div>
{/block:Quote}
<!--- Link --->
{block:Link}
<div class="content">
<div class="contentTop">
<div class="marker link"><a href="{Permalink}">Link</a></div>
<div class="stats">
{block:Date}{TimeAgo}{/block:Date}{block:NoteCount} | <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}
</div>
</div>
<div class="contentRep">
<h3 class="league"><a href="{URL}" {Target}><center>{Name}</center></a></h3>
{block:Description}
{Description}
{/block:Description}
{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
{block:RebloggedFrom}<a href="{ReblogParentURL}"><span>Via {ReblogParentTitle}</a></span>{/block:RebloggedFrom}
<div class="clear"></div>
</div>
<div class="nonSub">
{block:HasTags}
<div class="tags">
<ul>
<li>Tags:</li>
{block:Tags}
<li><a href="{TagURL}">{Tag}</a></li>
{/block:Tags}
</ul>
</div>
{/block:HasTags}
{block:IfAllowDisqusComments}<div class="displaynone">{/block:IfAllowDisqusComments}
<div class="comments"><a href="{Permalink}">Permalink</a></div>
<div class="comments"><a href="http://twitter.com/home/?status= {Title} {block:PostSummary} - {PostSummary} {/block:PostSummary} {Permalink}" target="_blank"><img src="http://twitter-badges.s3.amazonaws.com/t_mini-a.png"> Tweet This</a></div>
{block:IfAllowDisqusComments}</div>{/block:IfAllowDisqusComments}
{block:IfAllowDisqusComments}
<div class="comments"><a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a></div>
{/block:IfAllowDisqusComments}
<div class="clear"></div>
</div>
<div class="contentBot"></div>
</div>
{/block:Link}
<!--- Chat --->
{block:Chat}
<div class="content">
<div class="contentTop">
<div class="marker chat"><a href="{Permalink}">Chat</a></div>
<div class="stats">
{block:Date}{TimeAgo}{/block:Date}{block:NoteCount} | <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}
</div>
</div>
<div class="contentRep" id="nolist">
{block:Title}<h3 class="league"><a href="{Permalink}">{Title}</a></h3>{/block:Title}
<ul class="chat">
{block:Lines}
<li>
<div>
{block:Label}<span class="name league">{Label}</span>{/block:Label}
<span class="message">{Line}</span>
<div class="clear"></div>
</div>
</li>
{/block:Lines}
</ul>
{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
{block:RebloggedFrom}<a href="{ReblogParentURL}"><span>Via {ReblogParentTitle}</a></span>{/block:RebloggedFrom}
<div class="clear"></div>
</div>
<div class="nonSub">
{block:HasTags}
<div class="tags">
<ul>
<li>Tags:</li>
{block:Tags}
<li><a href="{TagURL}">{Tag}</a></li>
{/block:Tags}
</ul>
</div>
{/block:HasTags}
{block:IfAllowDisqusComments}<div class="displaynone">{/block:IfAllowDisqusComments}
<div class="comments"><a href="{Permalink}">Permalink</a></div>
<div class="comments"><a href="http://twitter.com/home/?status= {Title} {block:PostSummary} - {PostSummary} {/block:PostSummary} {Permalink}" target="_blank"><img src="http://twitter-badges.s3.amazonaws.com/t_mini-a.png"> Tweet This</a></div>
{block:IfAllowDisqusComments}</div>{/block:IfAllowDisqusComments}
{block:IfAllowDisqusComments}
<div class="comments"><a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a></div>
{/block:IfAllowDisqusComments}
<div class="clear"></div>
</div>
<div class="contentBot"></div>
</div>
{/block:Chat}
{/block:Posts}
{block:IndexPage}
{block:IfAllowDisqusComments}
<script type="text/javascript">
//<![CDATA[
(function() {
var links = document.getElementsByTagName('a');
var query = '?';
for(var i = 0; i < links.length; i++) {if(links.href.indexOf('#disqus_thread') >= 0) {query += 'url' + i + '=' + encodeURIComponent(links.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>
{/block:IfAllowDisqusComments}
{/block:IndexPage}
{block:PermalinkPage}
{block:IfAllowDisqusComments}
<div class="commentTop"></div>
<div class="contentRep post disqus">
<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">
/*** var disqus_identifier; [Optional but recommended: Define a unique identifier (e.g. post id or slug) for this thread] ***/
(
function() {
var dsq = document.createElement('script');
dsq.type = 'text/javascript';
dsq.async = true;
dsq.src = 'http://{text:Disqus Shortname}.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
}
)();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript={text:Disqus Shortname}">comments powered by Disqus.</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.href.indexOf('#disqus_thread') >= 0) {
query += 'url' + i + '=' + encodeURIComponent(links.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>
<div class="contentBot disqus-footer"></div>
{/block:IfAllowDisqusComments}
{/block:PermalinkPage}
{block:IndexPage}
{block:Pagination}
<div id="pagination">
<div id="pagination-top">
{block:PreviousPage}<div id="view-newer"><a href="{PreviousPage}">View Newer</a></div>{/block:PreviousPage}
{block:NextPage}<div id="view-older"><a href="{NextPage}">View Older</a></div>{/block:NextPage}
</div>
<div id="pagination-bot">
<div id="theme-by" class="league">CHESHIRE THEME BY</div>
<div id="ai-tag"><a href="http://alterimaging.com/" title="Website Redesign" target="_blank">Alter Imaging</a></div>
</div>
</div>
{/block:Pagination}
{/block:IndexPage}
</div>
<div class="clear"></div>
</div><!--- End Container --->
<div class="clear"></div>
</div><!--- End Wrapper --->
{block:IfGoogleAnalyticsID}
<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>
{/block:IfGoogleAnalyticsID}
{block:Twitter}
<script type="text/javascript" src="/tweets.js"></script>
{/block:Twitter}
</body>
</html>
ps.: I'm still pretty much a HTML/CSS etc. n00b and all the things I learned were trial and errors
so HALP PLS
Everyone who helps automatically gets a #cookie
Thank you!
#cookies.. 
.