Jump to content
xisto Community
cyber_electrons

Stationary Banner In A Window, Drop Down Menus Etc.. , Change Colour When Mouse Hovers

Recommended Posts

Does anyone have a code for making the banner stationary in a website? Meaning how ever you scroll, the banner is always visible -

not scrolled away. It would also be great for the navigation buttons (usually on the left) to remain stationary?

I am using dreamweaver to make the websites. Any tricks that could be done using dreamweaver to archieve that?





Also, I am looking for codes which when the mouse points at a certain button, a menu drops down. But because my buttons are

vertically aligned:

(button)
(button)
(button)
(button)

I require some settings which can drop down beside the button, such as on the right.



As for buttons, can I use codes to make the buttons change colour, or something, on hover? Or must it be a property of the button

itself to make this happen?



Thanks

Share this post


Link to post
Share on other sites

Does anyone know the answer already!!? This is relatively urgent and the due date for my project is within a month.

 

Of course, if you really don't know it, I don't blame you. But if you can help, that's great - thanks.


Giving people less than 12 hours to respond is rather unreasonable. Also, please don't double post.

 

Does anyone have a code for making the banner stationary in a website? Meaning how ever you scroll, the banner is always visible - not scrolled away. It would also be great for the navigation buttons (usually on the left) to remain stationary? I am using dreamweaver to make the websites. Any tricks that could be done using dreamweaver to archieve that?

To do this, use CSS's position: fixed property, along with top/bottom/left/right positions. There is a good example of this at Quirksmode.

 

Also, I am looking for codes which when the mouse points at a certain button, a menu drops down. But because my buttons are vertically aligned I require some settings which can drop down beside the button, such as on the right.

For this you will need some Javascript. Position the drop-down parts of the menus relative to their parent item in the menu, and set their CSS display properties so that they are hidden. Then use a Javascript onHover event for the parent buttons to set the relevant submenu to display. There are plenty of examples of this in search engines: https://www.google.co.uk/webhp?hl=en&gws_rd=ssl=

 

As for buttons, can I use codes to make the buttons change colour, or something, on hover? Or must it be a property of the button itself to make this happen?

You can use Javascript to change the CSS of the button, so you could easily change its background colour or image. This can also be achieved in CSS alone with :hover applied to the button, and the CSS changed to match, like so:

 

.button {background-color: #f00;}.button:hover {background-color: #00f;}

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.