websites/dennogumi.org-archive
Archived
1
0
Fork 0
Code Releases Activity

improved header ›~ now with no-header option

Browse source
This commit is contained in:
Moritz »mo.« Sauer 2015-01-13 23:11:29 +01:00
parent 25dab72954
commit 9caed6f788
35 changed files with 97 additions and 106 deletions
Download patch file Download diff file Expand all files Collapse all files

14
_posts/design/2014-10-09-header-full-width-image.md
View file

@ -1,8 +1,8 @@
---
layout: post
title: "Header Full-Width-Image"
title: "Header with a Full-Width-Image"
subheadline: "Headers With Style"
description: "Feeling Responsive allows you to use all different kinds of headers. This example shows a header with a <em>full-width-image</em>."
description: "Feeling Responsive allows you to use all kinds of headers. This example shows a header with a <em>full-width-image</em>."
categories:
- design
tags:
@ -10,21 +10,21 @@ tags:
- background color
- header
image:
header: "unsplash_brooklyn-bridge_header.jpg"
thumb: "unsplash_brooklyn-bridge_thumb.jpg"
header:
image_fullwidth: "unsplash_brooklyn-bridge_header.jpg"
---
It's so easy to do. Just define in front matter an image and a background color. Instead of a color you can also use a pattern image. Have a look at the [example with a background pattern]({{ site.url }}/design/header-pattern/).
It's so easy to do. Just define in front matter your image.
## Front Matter Code
~~~
header:
image: "header_unsplash_2-970x.jpg"
background-color: "#fabb00"
image_fullwidth: "unsplash_brooklyn-bridge_header.jpg"
~~~
## All Header-Styles
### All Header-Styles
{% include list-posts.html tag='header' %}