Flexible Header Ribbon/Bar - Post ID...

User 2147473 Photo


Registered User
156 posts

I'm hoping that someone might have a script for this as I've Googled and searched CC forums with little result. I'm trying to insert HTML scrip into my pages that allow for a flexible solid colored or textured bar like the one here on CC's website that decorates the header area of my background. I want it to be flexible with screen widths as well. I'm using VSD; WinXP.

I imagine there's a simple script for this but can't find one. I could just put a shape there and make it really wide but I'd rather just insert a script if possible. This isn't meant to be navigational either, just designer.

Thanks in advance.
User 122279 Photo


Senior Advisor
14,649 posts
Online Now

You can achieve this with an image and a bit of css that you can insert into the header using the html tool. The image can be tiny, just a small stip. The ones I use are normally the height of wherever you are using it and 5px wide or so.
<style type="text/css">
<!--
.header{
width: 100%;
height: 92px;
background: url('bg.jpg');
background-repeat: repeat-x;
}
-->
</style>


In the body of the same document you have to insert
<div class="header"></div>
.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2147473 Photo


Registered User
156 posts

Thanks! Appreciate the input :)

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.