I am searching for a way to make a block behave as a drupal-highlighted area, similar to the header here. In other words, stick to the header and move along as the user roles down.
I was wondering if there is either a module that can do that, to sort of wrap the block's content or a custom workaround in my module.
I know that there exist some themes which can do that, but I would like to implement a theme-free solution.
Thanks!
This is just a CSS thing! There a tutorial here on how to achieve it, but you're pretty much just looking at some CSS like the following.
Edit: The tutorial has now gone, but the CSS contained is very similar to that shown below, and a quick search in your favourite search engine will return similar results.
#BLOCKID {
position: fixed;
top: 0;
left: 0;
height: 160px;
}
Just apply the CSS to your chosen block and you're off.
html, body, #page{ margin-top:70px; top: 70px; } which moves the rest of the page downward! Thanks Chapabu!
Commented
Jun 21, 2012 at 14:08
Try this: https://drupal.org/project/floating_block. It works fine and it's easy to use.
The Floating block module allows you to keep html blocks, selected using jquery selectors in a fixed position on the page as you scroll. It works in a similar way the table header fixer in Drupal Core. This means that when the user scrolls their browser selected parts of the page can stay in the users view.
