Skip to content

Instantly share code, notes, and snippets.

Avatar

Andreas Hecht seoagentur-hamburg

View GitHub Profile
@seoagentur-hamburg
seoagentur-hamburg / gist:5374371
Created Apr 12, 2013
Fullpage Background Image mit reinem CSS3
View gist:5374371
html {
background: url(fluss.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
@seoagentur-hamburg
seoagentur-hamburg / gist:5379190
Created Apr 13, 2013
HTML for fullpage background image, insert right after <body>.
View gist:5379190
<body>
<div>
<img id="background-img" src="fluss.jpg" alt="" /> <!-- Das eingebundene Hintergrundbild -->
<div>
<!-- Der Inhalt der Seite folgt hier -->
</body>
@seoagentur-hamburg
seoagentur-hamburg / gist:5379200
Created Apr 13, 2013
The CSS for fullpage background images
View gist:5379200
img.hintergrundbild {
min-height: 100%; /* Diese zwei Zeilen setzen die Regeln um den Hintergrund zu füllen */
min-width: 1024px;
width: 100%; /* Die Regeln, welche für die Skalierung sorgen */
height: auto;
position: fixed; /* Die Positionierung */
top: 0;
left: 0;
@seoagentur-hamburg
seoagentur-hamburg / gist:5397697
Created Apr 16, 2013
Die richtige Art, um is_front_page() und is_home() korrekt zu nutzen.
View gist:5397697
<?php
if ( is_front_page() && is_home() ){
// Default homepage
} elseif ( is_front_page()){
//Static homepage
} elseif ( is_home()){
//Blog page
} else {
//everything else
@seoagentur-hamburg
seoagentur-hamburg / gist:5413008
Last active May 3, 2017
HTML für vollflächige Hintergrundbilder Teil 2
View gist:5413008
<div id="bg">
<img src="images/bg.jpg" alt="">
</div>
@seoagentur-hamburg
seoagentur-hamburg / gist:5413038
Last active Dec 16, 2015
Das CSS für das vollflächige Hintergrundbild Teil 2
View gist:5413038
#bg {
position: fixed;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
}
#bg img {
position: absolute;
top: 0;
@seoagentur-hamburg
seoagentur-hamburg / gist:5413219
Created Apr 18, 2013
CSS für vollflächige Hintergrundbilder mit jQuery
View gist:5413219
#bg { position: fixed; top: 0; left: 0; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }
@seoagentur-hamburg
seoagentur-hamburg / gist:5413240
Created Apr 18, 2013
Das jQuery für die Lösung vollflächige Hintergrundbilder 3
View gist:5413240
$(window).load(function() {
var theWindow = $(window),
$bg = $("#bg"),
aspectRatio = $bg.width() / $bg.height();
function resizeBg() {
if ( (theWindow.width() / theWindow.height()) < aspectRatio ) {
$bg
View gist:5426545
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
@seoagentur-hamburg
seoagentur-hamburg / gist:5426668
Created Apr 20, 2013
Das zur korrekten Darstellung des Buttons nötige CSS
View gist:5426668
a#kontakt{
position: absolute;
top: 205px;
left: 0;
background: url(feedback_button.png) no-repeat;
background-position: 90% 100%;
width: 35px;
height: 109px;
border:1px solid #999;
You can’t perform that action at this time.