Ultimele subiecte
» Metin2NA - NewAge [ PvM Easy 2015 ] ! Scris de Linuxel Joi Feb 19, 2015 2:13 am
» • Metin2DR - International Private Servers Hard PvM Old School
Scris de Linuxel Sam Ian 31, 2015 10:31 am
» Despre Noi
Scris de Hacked by Capone Mar Feb 28, 2012 9:31 am
» Colta Zone
Scris de Hacked by Capone Dum Feb 19, 2012 12:36 am
» Noua Tema
Scris de Hacked by Capone Vin Dec 23, 2011 2:39 am
White + - Menu
:: Pentru Membri :: Coduri & Scripturi :: HTML
Pagina 1 din 1
White + - Menu
Am creat un meniu nou sper sa va placa :
Previzualizare : Aici
- Cod:
<span class="plus">+</span>Deschide Meniul
<ul class="sub-menu">
<li>
<a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<br>
<br>
<br>
<br>
<br>
<br>
<style>
a, a:visited {
color: #464530;
text-decoration: none;
}
label {
font-size: 8px;
}
#content {
display: block;
width: 800px;
margin-right: auto;
margin-left: auto;
text-align: center;
}
.drop-menu {
display: block;
margin-right: auto;
margin-left: auto;
text-align: left;
padding: 10px 10px;
font-size: 22px;
height: 25px;
max-height: 25px;
width: 400px;
background: #fff;
cursor: pointer;
border: 1px solid #f6f0e4;
}
.plus {
display: inline-block;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
}
.drop-menu:hover {
border: 1px solid #fff;
}
.drop-menu:hover .sub-menu {
display: inline-block;
}
.drop-menu:hover .plus {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
.sub-menu {
display: none;
width: 400px;
background: #fff;
padding: 10px 10px;
margin-left: -11px;
margin-top: 10px;
border: 1px solid #fff;
-webkit-box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);
-moz-box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);
box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);
}
.sub-menu li {
list-style-type: none;
display: block;
border-bottom: 1px dotted #eaeaea;
font-size: 19px;
height: 22px;
padding: 8px 0;
}
.sub-menu li img {
margin-right: .5em;
}
.sub-menu li:hover {
border-bottom: 1px dotted #bababa;
}
</style>
Previzualizare : Aici
:: Pentru Membri :: Coduri & Scripturi :: HTML
Pagina 1 din 1
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum
|
|