Partizan
02-19-2009, 07:27 PM
Hi, Any way of making a colour band for my site banner background.
What I am looking to do is have a fading blue effect, i.e. from Blue to Sky Blue (getting lighter)
I currently use a transparent image on a blue bg.
HTML
<div class="filler-menu">
<img src="http://www.minifigtimes.com/images-site/the-minifig-times.png" alt="The Minifig Times">
</div>
CSS
.filler-menu {
width:100%; /*fills page width to allow re-sizing*/
background-color: blue; /* #0066ff */
padding:15px 0; /*to center vertically and avoid "collapsing margins"*/
margin:3em 0 0 0;
}
.filler-menu img {
display:block; /*allows margins to be applied*/
margin:0 auto; /*centers horizontally*/
}
What I am looking to do is have a fading blue effect, i.e. from Blue to Sky Blue (getting lighter)
I currently use a transparent image on a blue bg.
HTML
<div class="filler-menu">
<img src="http://www.minifigtimes.com/images-site/the-minifig-times.png" alt="The Minifig Times">
</div>
CSS
.filler-menu {
width:100%; /*fills page width to allow re-sizing*/
background-color: blue; /* #0066ff */
padding:15px 0; /*to center vertically and avoid "collapsing margins"*/
margin:3em 0 0 0;
}
.filler-menu img {
display:block; /*allows margins to be applied*/
margin:0 auto; /*centers horizontally*/
}