Skip to content

Instantly share code, notes, and snippets.

@loschke
loschke / Bootstrap-3_Carousel-Collection
Last active Feb 17, 2021
Bootstrap 3 - Carousel Collection Pack
View Bootstrap-3_Carousel-Collection
View 01-simple-loop.php
<?php
$alledateien = scandir('files'); //Ordner "files" auslesen
foreach ($alledateien as $datei) { // Ausgabeschleife
echo $datei."<br />"; //Ausgabe Einzeldatei
};
?>
View 1-simple-array.php
<?php
$zahlen = array(11,22,33,44);
$laender = array("England", "Deutschland", "Kanada", "Schweiz");
?>
View 1-check-assoc.php
<?php
function isAssocArray($array){
return array_keys($array) !== range(0, count($array) - 1);
}
$mein_array = array("DE" => "Deutschland", "EN" => "England"); //Beispielarray
//Prüfung und Ausgabe
echo (isAssocArray($mein_array) ? "isAssoc" : "false"); //gibt isAssoc aus
$mein_array = array("Deutschland", "England"); //Beispielarray
View 01-api-request
https://www.googleapis.com/youtube/v3/playlistItems?part=snippet&maxResults=50&playlistId={DEINE_PLAYLIST_ID}&fields=items%2Fsnippet&key={DEIN_API_KEY}
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>
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-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-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" />
@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>