Rule #1 – This is my blog.

Background Pattern – Honeycomb Texture

A visitor on this blog had asked me how to achieve the blue background that I have. It does have a nice look, so I’ll share the background pattern I created and show how to use it. It was fun making it, I might create new patterns in the future.

background texture pattern

Sample Pattern

Download the texture here: bg-honeycomb.png It’s just a tiny PNG file of 204 bytes. It’s made up of semi-transparent lines so it’s almost invisible without any background-color.

body {
   background-image: url("bg-honeycomb.png");
   background-color: #3C76AF;
}

Here are sample colors that I think would look good on the pattern.

#3C76AF
#333333
#C62D2D
#0C5F0E
#253166

You can use this pattern on any of your projects. Some attribution or link back to this post would be nice. :smile:

Post your questions and complaints below.

Share This Post :

Leave a Reply

Please write your comments in english. I delete anything that even remotely resembles spam.

Note: When posting code, enclose it in pre and code tags.
e.g. <pre><code> Add code here </code></pre>

ronangelo © 2014 Frontier Theme
css.php