+Navigations Bar
This commit is contained in:
		
							parent
							
								
									a66862bec3
								
							
						
					
					
						commit
						a6688b60c1
					
				| @ -7,6 +7,12 @@ | |||||||
|     <script src="code.js"></script> |     <script src="code.js"></script> | ||||||
| </head> | </head> | ||||||
| <body> | <body> | ||||||
|  | <ul> | ||||||
|  |     <li><a class="active" href="#index">Play</a></li> | ||||||
|  |     <li><a href="#HighScore">HighScore</a></li> | ||||||
|  |     <li style="float:right"><a href="#Nickname">Nickname</a></li> | ||||||
|  | </ul> | ||||||
|  | 
 | ||||||
|     <table id="gameTable" class="game"> |     <table id="gameTable" class="game"> | ||||||
|         <tr id="row0" class="game rows"> |         <tr id="row0" class="game rows"> | ||||||
|             <td id="field0" class="game fields"></td> |             <td id="field0" class="game fields"></td> | ||||||
|  | |||||||
							
								
								
									
										32
									
								
								style.css
									
									
									
									
									
								
							
							
						
						
									
										32
									
								
								style.css
									
									
									
									
									
								
							| @ -0,0 +1,32 @@ | |||||||
|  | ul { | ||||||
|  |     list-style-type: none; | ||||||
|  |     margin: 0; | ||||||
|  |     padding: 0; | ||||||
|  |     overflow: hidden; | ||||||
|  |     background-color: #333; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | li { | ||||||
|  |     float: left; | ||||||
|  |     border-right:1px solid #bbb; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | li:last-child { | ||||||
|  |     border-right: none; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | li a { | ||||||
|  |     display: block; | ||||||
|  |     color: white; | ||||||
|  |     text-align: center; | ||||||
|  |     padding: 14px 16px; | ||||||
|  |     text-decoration: none; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | li a:hover:not(.active) { | ||||||
|  |     background-color: #111; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .active { | ||||||
|  |     background-color: #4CAF50; | ||||||
|  | } | ||||||
		Loading…
	
		Reference in New Issue
	
	Block a user