interactive buttons

  • Thread starter Thread starter rmwatrich
  • Start date Start date
R

rmwatrich

Is there another way in frontpage instead of using the interactive buttons
when a user scrolls over a menu button that a colored bar will go over the
whole text?
 
You can use CSS to change the background color and the text color for a
link.


--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed..................
...............................with a computer
 
Steve.......can you give me a sample of the CSS code for doing this. I would
like to give that a try. Thanks. Deacon
 
It's not the greatest in the world but the left navigation here uses it:
http://www.95isalive.com/

The nav is actually an include page:
http://www.95isalive.com/nav.htm

The css is:

..navpanel a:link {
font-size: 12px;
text-decoration: none;
display: block;
width: 100%;
border: solid;
border-bottom-width: 1px;
border-color: #D3FDFE #D3FDFE #D3FDFE #D3FDFE;
border-left-width: 2px;
border-right-width: 1px;
border-top-width: 2px;
}
..navpanel a:visited {
font-size: 12px;
text-decoration: none;
display: block;
width: 100%;
border: solid;
color: teal;
border-bottom-width: 1px;
border-color: #D3FDFE #D3FDFE #D3FDFE #D3FDFE;
border-left-width: 2px;
border-right-width: 1px;
border-top-width: 2px;
}
..navpanel a:hover {
font-size: 12px;
text-decoration: none;
display: block;
width: 100%;
border: solid;
background-color: #E9FDFE;
color: red;
border-color: green teal teal green;
border-top-width: 1px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 1px;
}
..navpanel a:active {
font-size: 12px;
text-decoration: none;
display: block;
width: 100%;
border: solid;
color: blue;
border-color: green teal teal green;
border-bottom-width: 1px;
border-left-width: 2px;
border-right-width: 1px;
border-top-width: 2px;
}


--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed..................
...............................with a computer
 
Thanks much Steve. I will give it a try.

Steve Easton said:
It's not the greatest in the world but the left navigation here uses it:
http://www.95isalive.com/

The nav is actually an include page:
http://www.95isalive.com/nav.htm

The css is:

..navpanel a:link {
font-size: 12px;
text-decoration: none;
display: block;
width: 100%;
border: solid;
border-bottom-width: 1px;
border-color: #D3FDFE #D3FDFE #D3FDFE #D3FDFE;
border-left-width: 2px;
border-right-width: 1px;
border-top-width: 2px;
}
..navpanel a:visited {
font-size: 12px;
text-decoration: none;
display: block;
width: 100%;
border: solid;
color: teal;
border-bottom-width: 1px;
border-color: #D3FDFE #D3FDFE #D3FDFE #D3FDFE;
border-left-width: 2px;
border-right-width: 1px;
border-top-width: 2px;
}
..navpanel a:hover {
font-size: 12px;
text-decoration: none;
display: block;
width: 100%;
border: solid;
background-color: #E9FDFE;
color: red;
border-color: green teal teal green;
border-top-width: 1px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 1px;
}
..navpanel a:active {
font-size: 12px;
text-decoration: none;
display: block;
width: 100%;
border: solid;
color: blue;
border-color: green teal teal green;
border-bottom-width: 1px;
border-left-width: 2px;
border-right-width: 1px;
border-top-width: 2px;
}


--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed..................
...............................with a computer
Click to expand...
 
Back
Top