[HTML & CSS] Dropdown menu

TLG Andrei26 · March 31, 2018

- Aceasta este un cod pentru dropdown menu:

<html>
	<head>
		<meta charset="UTF-8">
		<style>
			#button{
				background-color: #1e519d;
			    color: #ffffff;
			    padding: 15px;
			    border: 0;
			    width:100px;
			    font-weight: bold;
			}

			#dropdown{
				display: inline-block;
			}

			#dropdown:hover #content {
			    display: block;
			}

			#content{
			    display: none;
			    width:100px;
			    background-color: #2f6ac1;
			}

			#content a{
			    color: #FFFFFF;
			    padding: 15px;
			    text-decoration: none;
			    display: block;
			    font-family:Arial;
			    font-size:12px;
			    text-align:center;
			}

			#content a:hover{
				background-color: #28a2bd;
				font-weight: bold;
			}
		</style>
	</head>
	<body>
		<div id="dropdown">
		  <button id="button">Button</button>
		  <div id="content">
		    <a href="#">Tutorial 1</a>
		    <a href="#">Tutorial 2</a>
		  </div>
		</div>
	</body>
</html>

- In locul acelor "#" puteti pune link-uri catre diferite pagini.

- Butonul creat va arata cam asa:

- In momentul cand cursorul este pe buton, se va deschide acest meniu:

- Pentru orice intrebare/nelamurire ma puteti contacta printr-un PM.

Edited March 31, 2018 by TLG Andrei26

TLG Andrei26 · April 2, 2018

Topic inactiv.

Sign In

[HTML & CSS] Dropdown menu

Recommended Posts

TLG Andrei26

Link to comment

Share on other sites

TLG Andrei26

Link to comment

Share on other sites

Recently Browsing 0 members

Browse

SA-MP

RAGE-MP

Important Information