Salut Vizitator, te rog inregistreaza-te si speram sa te distrezi pe No-Limited !
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

Vezi subiectul anterior Vezi subiectul urmator In jos

White + - Menu

Mesaj Scris de Hacked by Capone la data de Vin Iun 24, 2011 7:36 pm

Am creat un meniu nou sper sa va placa :

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

__________________________
Daca nu respecti regulament-ul vei fi Banat !
Click si vei primi 50 Euro
Iti urez bun venit pe forum Vizitator !
avatar
Hacked by Capone
Site Admin
Site Admin

Mesaje : 283
Euro : 12301
Reputatie : 3

http://funny-explosion.wow3.info

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus


 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum