Skip to content

Instantly share code, notes, and snippets.

@loschke
loschke / Bootstrap-thumbnail-hover-grid.html
Last active Oct 18, 2018
Bootstrap - Thumbnail Hover Caption with Tooltip Blog Article: http://goo.gl/x2GSQ
View Bootstrap-thumbnail-hover-grid.html
<!-- Bootstrap Markup -->
<div class="container">
<ul class="thumbnails" id="hover-cap"> <!-- add id attr to thumbnail list -->
<li class="span3">
<div class="thumbnail">
<div class="caption">
<h4>Caption Title</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.</p>
<p><a href="#" class="btn btn-inverse" rel="tooltip" title="Preview"><i class="icon-eye-open"></i></a> <a href="#" rel="tooltip" title="Visit Website" class="btn btn-inverse"><i class="icon-share"></i></a></p>
</div>
@loschke
loschke / array.functions.php
Last active Jan 2, 2016
Nützliche Funktionen zur Arbeit mit Array
View array.functions.php
<?php
//check if an array is associative
function isAssocArray($array){
return array_keys($array) !== range(0, count($array) - 1);
}
//check if an array is multidimensional
function isMultiArray($array) {
@loschke
loschke / Bootstrap-3_Carousel-Collection
Last active Feb 17, 2021
Bootstrap 3 - Carousel Collection Pack
View Bootstrap-3_Carousel-Collection
@loschke
loschke / .htaccess
Created Feb 23, 2016 — forked from seoagentur-hamburg/.htaccess
Die optimale .htaccess-Datei für mehr Speed und Sicherheit
View .htaccess
# ----------------------------------------------------------------------
# | Komprimierung und Caching |
# ----------------------------------------------------------------------
# Serve resources with far-future expires headers.
#
# (!) If you don't control versioning with filename-based
# cache busting, you should consider lowering the cache times
# to something like one week.
#
View burlington.css
background-color: #6d695c; background-image: repeating-linear-gradient(120deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px), repeating-linear-gradient(60deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px), linear-gradient(60deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1)), linear-gradient(120deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1)); background-size: 70px 120px;
View 01-form.html
<form id="form" action="form2email.php" method="post">
<label for="name">Name</label>
<input id="name" name="name" size="25" type="text" />
<label for="email">Email</label>
<input id="email" name="email" size="25" type="text" />
<label for="betreff">Betreff</label>
<input id="betreff" name="betreff" size="25" type="text" />
<label for="nachricht">Nachricht</label>
<textarea id="nachricht" cols="50" rows="6" name="nachricht"></textarea>
<input id="submit" name="submit" type="submit" value="Formular senden" />
View 01-simple-loop.php
<?php
$alledateien = scandir('files'); //Ordner "files" auslesen
foreach ($alledateien as $datei) { // Ausgabeschleife
echo $datei."<br />"; //Ausgabe Einzeldatei
};
?>
View 01-thumb-grid.html
<ul class="thumbnails" id="hover-cap-4col">
<li class="span3">
<div class="thumbnail">
<div class="caption">
<h4>Caption Title</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.</p>
<p><a href="#" class="btn btn-inverse" rel="tooltip" title="Preview"><i class="icon-eye-open"></i></a> <a href="#" rel="tooltip" title="Visit Website" class="btn btn-inverse"><i class="icon-share"></i></a></p>
</div>
<img src="http://placehold.it/600x400" alt="ALT NAME">
</div>
View 01-animate-sample.html
<!-- Headbereich -->
<link rel="stylesheet" type="text/css" href="css/animate.min.css">
<!-- HTML Element -->
<div id="logo" class="animated rotateIn">Company XY</div>
View 01-simple-form.html
<form id="phpform" method="post" action="kontakt.php" autocomplete="off">
<p><label for="name">Name</label>
<input type="text" name="name" value=""></p>
<p><label for="email">Email</label>
<input type="text" name="email" value=""></p>
<p><label for="message">Nachricht</label><br />
<textarea name="message" rows="8"></textarea></p>