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/////////////////// | //////////////Menu/////////////////// | ||||||
| 
 | 
 | ||||||
| 
 | 
 | ||||||
| .kontakt a {background-image: url("../grafiken/kontakt_1.png"); width:64px;height:13px;border:0px;} | a.menu {  | ||||||
| .kontakt a:hover {background-image: url("../grafiken/kontakt_2.png")} | 	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) { |    if ($data['gallery'] == $gallery) { | ||||||
|      $active = ' class="active"'; |      $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>
 | ||||||
|    <div id="content_container"> |    <div id="content_container"> | ||||||
|      <div id="slider"> |      <div id="slider"> | ||||||
|  |  | ||||||
		Reference in a new issue