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