Fügt dem Menü einen MouseOver-Effekt hinzu (fixes #41)
This commit is contained in:
parent
9f6f794ee4
commit
51a78c1d3d
2 changed files with 43 additions and 3 deletions
44
css/main.css
44
css/main.css
|
@ -245,9 +245,49 @@ a:active {
|
|||
//////////////Menu///////////////////
|
||||
|
||||
|
||||
.kontakt a {background-image: url("../grafiken/kontakt_1.png"); width:64px;height:13px;border:0px;}
|
||||
.kontakt a:hover {background-image: url("../grafiken/kontakt_2.png")}
|
||||
a.menu {
|
||||
display:block;
|
||||
text-align:center;
|
||||
width:16ex;
|
||||
padding:2px;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
a.menu:link {
|
||||
color:#ffffff;
|
||||
background-color:#3d0000;
|
||||
padding-left:4px;
|
||||
padding-right:4px;
|
||||
padding-top:2px;
|
||||
padding-bottom:2px;
|
||||
}
|
||||
|
||||
a.menu:visited {
|
||||
color:#ffffff;
|
||||
background-color:#3d0000;
|
||||
padding-left:4px;
|
||||
padding-right:4px;
|
||||
padding-top:2px;
|
||||
padding-bottom:2px;
|
||||
}
|
||||
|
||||
a.menu:hover {
|
||||
color:#ffffff;
|
||||
background-color:#454648;
|
||||
padding-left:4px;
|
||||
padding-right:4px;
|
||||
padding-top:2px;
|
||||
padding-bottom:2px;
|
||||
}
|
||||
|
||||
a.menu:active {
|
||||
color:#ffffff;
|
||||
background-color:#454648;
|
||||
padding-left:4px;
|
||||
padding-right:4px;
|
||||
padding-top:2px;
|
||||
padding-bottom:2px;
|
||||
}
|
||||
////////////////////////////////////
|
||||
|
||||
|
||||
|
|
|
@ -90,7 +90,7 @@ a:active {
|
|||
if ($data['gallery'] == $gallery) {
|
||||
$active = ' class="active"';
|
||||
}
|
||||
printf('<a href="%s"%s>%s </a>', $data['url'], $active, $data['label']);
|
||||
printf('<a class="%s" href="%s"%s>%s </a>', menu, $data['url'], $active, $data['label']);
|
||||
} ?></div>
|
||||
<div id="content_container">
|
||||
<div id="slider">
|
||||
|
|
Reference in a new issue