Skip to content

Instantly share code, notes, and snippets.

@scofennell

scofennell/full_page_background.html

Last active August 29, 2015 14:01
Show Gist options
  • Save scofennell/cc88f6ee1161c07b25bd to your computer and use it in GitHub Desktop.
Save scofennell/cc88f6ee1161c07b25bd to your computer and use it in GitHub Desktop.
Download ZIP
Markup for Full Page Background
Raw
full_page_background.html
<!DOCTYPE html>
<html lang="en-US">
<head>
...
<!-- styles added by sjf_deh_the_bg_image_styles() to position the page bg image -->
<style>
#page {
background: url(http://scottfennell.com/wp-content/uploads/2014/04/IMG_1405-2000x1333.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</style>
<meta property="og:image" content="http://scottfennell.com/wp-content/uploads/2014/04/IMG_1405-2000x1333.jpg" />
</head>
<body>
<div class='timer-wrap'><i class='icon-time icon-spin'></i></div>
<div id="page" class="hfeed site">
<img src="http://scottfennell.com/wp-content/uploads/2014/04/IMG_1405-2000x1333.jpg" alt="Cotopaxi at sunrise">
</div><!-- #page -->
...
<script>
jQuery( window ).load( function() {
jQuery('.timer-wrap').fadeOut();
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment