jQ/jS
Org Chart
Zebra Calendar
Flipper JQ
Animated Divs,etc
Uploader Application
Detects Screen width
Javascript Print Button
Mind Map ➽
Video Body BG ➽
Timed Refresh Page
Accordian 2 ➽
Slide Gallery ➽
Table Sorter ➽
Auto Complete
AJax Beginings ➽
Read More ➽
Display Random Text
Marquee
Count Down
Learn JQuery ➽
Links ➽
Snippets ➽
Expose
Slider
Drop and Drag
Rotate 360
Sticky Nav
Persistant Div
Up Loader App (zip)
Fix element/selector on scroll
Wizards
CSS
Media Screen Wizard ➽
CSS Circle Button
CSS Properties Explained
CSS Vocabulary
Bootstrap References ➽
Icon in LI
Floating Button Bar
CSS Accordian ➽
Custom Fluid Wizard
Multple Columns css
100% Height
Shadows/Radious
Table Styling
Listamatic
100% Background Img
W3 Css Validator
W3 Markup Validator
CSS Reset
Less Wizards ➽
CSS Table Styling
Responsive Menu ➽
Animation
Responsive
Media Screen Wizard ➽
Responsive Youtube
Responsive Images
DW Resposnive CSS ➽
QUICK Responsive Email Wizard
Responsive for DW
Responsive for PHP
Moose Loose Delux Theme ➽
Scroll Thing Theme ➽
responsive table
Misc
Contract Creator
Moose View ➽
HTML5 Fixes
Gradient Image
404
WebED
Forms
Database
SPA Complete
P.I.G.
Vids
Loop for Nav Buttons
{block:HasPages}{block:Pages}
<li><a href="{URL}">{Label}</a></li> {/block:Pages}
{/block:HasPages}
Next Page / Previous Page
{block:PreviousPage}
<a href="{PreviousPage}">« Previous</a>
{/block:PreviousPage}{block:NextPage}
<a href="{NextPage}">Next »</a>
{/block:NextPage}
Main Contents
{block:Description}
<p id="description">{Description}</p>
{/block:Description}
<ol id="posts">
{block:Posts}
{block:Text}
<li class="post text">
{block:Title}
<cite><a href="{Permalink}">{Title}</a> </cite>
{/block:Title}
<div id="date">{block:Date}{DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date}</div>
{Body}
</li>
{/block:Text}
{block:Photo}
<li class="post photo">
<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</li>
{/block:Photo}
{block:Photoset}
<li class="post photoset">
{Photoset-500}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</li>
{/block:Photoset}
{block:Quote}
<li class="post quote">
"{Quote}"
{block:Source}
<div class="source">{Source}</div>
{/block:Source}
</li>
{/block:Quote}
{block:Link}
<li class="post link">
<a href="{URL}" class="link" {Target}>{Name}</a>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
</li>
{/block:Link}
{block:Chat}
<li class="post chat">
{block:Title}
<h3><a href="{Permalink}">{Title}</a></h3>
{/block:Title}
<ul class="chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
</li>
{/block:Chat}
{block:Video}
<li class="post video">
{Video-500}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</li>
{/block:Video}
{block:Audio}
<li class="post audio">
{AudioPlayerBlack}
block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</li>
{/block:Audio}
{/block:Posts}
</ol>
<p id="footer">
{block:PreviousPage}
<a href="{PreviousPage}">« Previous</a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}">Next »</a>
{/block:NextPage}
<a href="/archive">Archive</a>
More Variables
Variable Description
{Title} The HTML-safe title of your blog.
{Description} The description of your blog. (may include HTML)
{MetaDescription} The HTML-safe description of your blog.
{BlogURL} Main URL for your blog.
{RSS} RSS feed URL for your blog.
{Favicon} Favicon URL for your blog.
{CustomCSS} Any custom CSS code added on your Customize page.
{block:PermalinkPage} {/block:PermalinkPage} Rendered on post permalink pages.
Useful for embedding comment widgets
{block:IndexPage} {/block:IndexPage} Rendered on index (post) pages.
{block:PostTitle}
{PostTitle}
{/block:PostTitle} Rendered on permalink pages. (Useful for displaying the current post's title in the page title)
Example: <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
{block:PostSummary}
{PostSummary}
{/block:PostSummary} Identical to {PostTitle}, but will automatically generate a summary if a title doesn't exist.
{PortraitURL-16} Portrait photo URL for your blog. 16-pixels by 16-pixels.
{PortraitURL-24} Portrait photo URL for your blog. 24-pixels by 24-pixels.
{PortraitURL-30} Portrait photo URL for your blog. 30-pixels by 30-pixels.
{PortraitURL-40} Portrait photo URL for your blog. 40-pixels by 40-pixels.
{PortraitURL-48} Portrait photo URL for your blog. 48-pixels by 48-pixels.
{PortraitURL-64} Portrait photo URL for your blog. 64-pixels by 64-pixels.
{PortraitURL-96} Portrait photo URL for your blog. 96-pixels by 96-pixels.
{PortraitURL-128} Portrait photo URL for your blog. 128-pixels by 128-pixels.
{CopyrightYears} Displays the span of years your blog has existed.
Whole Moose Looses Blog Template
<!DOCTYPE html>
<html><!-- InstanceBegin template="/Templates/MooseLoose.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<!-- InstanceBeginEditable name="doctitle" -->
<title>Moose Loose Blog</title>
<!-- InstanceEndEditable -->
<meta name="viewport" content="width=device-width initial-scale=1.0 maximum-scale=1.0 user-scalable=yes" />
<link rel="stylesheet" href="http://Mooseloose.com/tumblr/css/mmenu.css" type="text/css" media="screen">
<link rel="stylesheet" href="http://Mooseloose.com/tumblr/css/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="http://Mooseloose.com/tumblr/css/media.css" type="text/css" media="screen">
<style type="text/css">
</style>
<script type="text/javascript" language="javascript" src="http://Mooseloose.com/tumblr/js/slider.js"></script>
<script type="text/javascript" src="http://Mooseloose.com/tumblr/js/jquery.mmenu.js"></script>
<script type="text/javascript">
$(function() {
$('nav#menu').mmenu();
});
</script>
</head>
<div id="content">
<DIV class="container_12">
<!-- HEADER -->
<diV id="header">
<a href="#menu"></a>
</diV>
<div class="fluid_2" id="LeftBar">
<div id="MooseTumbrnav">
<ul class="MooseTumbr">
<li><a href="http://moosezoo.tumblr.com/">News!</a>
</li>
<li><a href="http://mooseloose.com/" target="moose">Mo0se L0ose</a></li>
</li>
{block:HasPages}{block:Pages}
<li><a href="{URL}">{Label}</a></li> {/block:Pages}
{/block:HasPages}
{block:AskEnabled}
<li><a href="/ask" atitle="{AskLabel}">Ask Me Anything</a></li>{/block:AskEnabled}
</ul>
</div>
</div>
<div class="fluid_7" id="Section">
<div class="nested">
<p>
{block:Description}
<p id="description">{Description}</p>
{/block:Description}
<ol id="posts">
{block:Posts}
{block:Text}
<li class="post text">
{block:Title}
<h1><a href="{Permalink}">{Title}</a> </h1>
{/block:Title}
<div id="date">{block:Date}{DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date}</div>
{Body}
</li>
{/block:Text}
{block:Photo}
<li class="post fifty photo">
<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</li>
{/block:Photo}
{block:Photoset}
<li class="post photoset">
{Photoset-500}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</li>
{/block:Photoset}
{block:Quote}
<li class="post quote">
"{Quote}"
{block:Source}
<div class="source">{Source}</div>
{/block:Source}
</li>
{/block:Quote}
{block:Link}
<li class="post link">
<a href="{URL}" class="link" {Target}>{Name}</a>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
</li>
{/block:Link}
{block:Chat}
<li class="post chat">
{block:Title}
<h3><a href="{Permalink}">{Title}</a></h3>
{/block:Title}
<ul class="chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
</li>
{/block:Chat}
{block:Video}
<li class="post video">
{Video-500}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</li>
{/block:Video}
{block:Audio}
<li class="post audio">
{AudioPlayerBlack}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</li>
{/block:Audio}
{/block:Posts}
</ol>
<p id="footer">
{block:PreviousPage}
<a href="{PreviousPage}">« Previous</a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}">Next »</a>
{/block:NextPage}
<a href="/archive">Archive</a>
</p><br><br>
</div>
</div>
<div class="fluid_3" id="RightBar">
<div class="nested">
</div>
</div>
<div class="fluid_12" id="Foot">
<p>
Copyright © Moose Loose LLC 2015 </p>
</div>
<div style="clear:both;"></div>
</diV>
<div id=footer></div>
<nav id="menu">
<ul>
<li><a href="http://moosezoo.tumblr.com/">News!</a>
</li>
<li><a href="http://mooseloose.com/">Mo0se L0ose</a></li>
</li>
{block:HasPages}{block:Pages}
<li><a href="{URL}">{Label}</a></li> {/block:Pages}
{/block:HasPages}
{block:AskEnabled}
<li><a href="/ask" atitle="{AskLabel}">Ask Me Anything</a></li>{/block:AskEnabled}
</ul>
</nav>
</div>