Skip to content

Instantly share code, notes, and snippets.

@bugsysop
bugsysop / tw-bootstrap-template.html
Created July 9, 2012 08:25
Twitter Bootstrap Template
<!--
Twitter Bootstrap Template
Original Source : RocketCat - http://pastebin.com/u/RocketCat
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@bugsysop
bugsysop / tw-bootstrat-tooltip.html
Created July 9, 2012 08:34
Twitter Bootstrap - JS Tooltip
<p><a href="#" rel="tooltip" title="first tooltip">Tooltip example</a></p>
<!-- If do not working, check all your paths to javascript files. -->
<!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<script src="assets/js/jquery.js"></script>
<script src="assets/js/bootstrap-transition.js"></script>
<script src="assets/js/bootstrap-alert.js"></script>
@bugsysop
bugsysop / tw-bootstrat-tabs.html
Created July 9, 2012 08:31
Twitter bootstrap - JS Tabs
<!--Example js tabs without dropdown. Just copy and paste in a html (bootstrap) file. Should be working. -->
<ul id="myTab" class="nav nav-tabs">
<li class="active"><a href="#home" data-toggle="tab">Facebook</a></li>
<li><a href="#profile" data-toggle="tab">Google+</a></li>
</ul>
<!--Some text for content-->
<div id="myTabContent" class="tab-content">
@bugsysop
bugsysop / tw-bootstrat-scroll.html
Created July 9, 2012 09:56
Twitter Bootstrap - JS ScrollSpy
<!--Scroll the area below and watch the navigation update. The dropdown sub items will be highlighted as well.-->
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="./index.html">Bootstrap</a>
@bugsysop
bugsysop / tw-bootstrat-scroll-custom.html
Created July 9, 2012 09:58
Twitter Bootstrap - Custom ScrollSpy
<!-- ScrollSpy with custom background color -->
<div class="navbar navbar-fixed-top">
<div class="navbar" style="background-color:#4E7E79;">
<div class="container">
<a class="brand" href="./index.html">LogoName</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="">
<a href="./#.html">Menu1</a>
</li>
@bugsysop
bugsysop / tw-bootstrat-alerts.html
Created July 9, 2012 09:52
Twitter Bootstrap - JS Alerts
<!--Yellow block-->
<div class="alert fade in">
<button class="close" data-dismiss="alert">&times;</button>
<strong>Holy guacamole!</strong> Best check yo self, you're not looking too good.
</div>
<!--Green block-->
<div class="alert alert-success fade in">
<button class="close" data-dismiss="alert">&times;</button>
<strong>User1</strong> send you message
</div>
@bugsysop
bugsysop / tw-bootstrat-hover.html
Created July 9, 2012 09:59
Twitter Bootsrap - JS Hover Popover
<a href="#" class="btn btn-danger" rel="popover" title="A Title" data-content="And here's some amazing content. It's very engaging. right?">hover for popover</a>
@bugsysop
bugsysop / tw-bootstrat-buttons.html
Created July 9, 2012 09:55
Twitter Bootstrap - All Buttons
<!--Standard gray button with gradient-->
<button class="btn" type="submit">
Button
</button>
<!--Provides extra visual weight and identifies the primary action in a set of buttons-->
<button class="btn btn-primary" type="submit">
Button
</button>
@bugsysop
bugsysop / gist:3180399
Created July 26, 2012 05:19 — forked from samikeijonen/gist:3048693
Filter Origin byline
add_filter( 'origin_byline', 'my_byline' );
function my_byline( $byline ) {
$byline = '<div class="byline">' . __( 'Article by [entry-author] - [entry-comments-link]', 'origin' ) . '</div>';
return $byline;
}
<?php
/**
* Template Name: blog
*
* A custom page template for displaying blog archives.
*
* @package Hatch Pro
* @subpackage Template
*/