asculta virgin radio

Distribuiţi | 

Meniu animat

 Scris de R1bb0N la data de Vin Ian 22, 2016 7:06 am

Previzualizare:http://board.realmsn.com/h23-meniu

HTML:
Cod:
<div class="meniu">
      <div class="nav"><ul>
            <li><a href="#">
               <strong>Link</strong>
               <span>Descriere</span>
            </a></li>
            <li><a href="#">
               <strong>Link</strong>
               <span>Descriere</span>
            </a></li>
            
            <li><a href="#">
               <strong>Link</strong>
               <span>Descriere</span>
            </a></li>
            
            <li><a href="">
               <strong>Link</strong>
               <span>Descriere</span>
            </a></li>
            
      </ul></div>
   </div>
CSS:
Cod:
.meniu {
   background: #00496d url("http://demo.phpbb3styles.net/styles/dualcore/theme/images/mainheader.png") repeat-x 50% 50%;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   border: 1px solid #001b32;
   -webkit-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px;
   -moz-box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px;
   box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset rgba(255,255,255,0.13) 0px 1px 0px;
   -moz-background-clip: padding;
   -webkit-background-clip: padding-box;
   background-clip: padding-box;
   color: #ffffff;
   text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
   text-align: center;
   text-transform: uppercase;   
   font-family: droid sans,tahoma;
   margin-bottom: 5px;
   font-size: 14px;
   font-weight: normal;
   position: relative;
   overflow: hidden;      
}

.meniu a:link, .meniu a:visited {
   color: #ffffff;
   text-shadow: 0 1px 1px #000;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   -o-transition: 0.3s;
   -ms-transition: 0.3s;
   -moz-transition: 0.3s;   
}

.meniu a:hover, .meniu a:active {
   color: #00b0ff;
   text-decoration: none;
   text-shadow: 0px 0px 10px #0074b4;
}
.nav {
   margin: 0 auto;
   height: 59px;
   font-family: Tahoma,"Helvetica Neue",Arial,sans-serif
}

.nav ul {
   display:inline-table;
   list-style: none;
   margin: 0;
   padding: 0
}

.nav li {
   display:inline;
   float: left;
   height: 59px;
   margin: 0;
   padding: 0
}

.nav a:link, .nav a:visited  {
   display: block;
   color: #fff;
   text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
   text-decoration: none;
   padding: 0 16px;
   height: 59px;
   position: relative;
   -webkit-transition: all 350ms ease-in-out;
   -moz-transition: all 350ms ease-in-out;
   -ms-transition: all 350ms ease-in-out;
   -o-transition: all 350ms ease-in-out;
   transition: all 350ms ease-in-out;   
}

.nav a:hover {
   background: rgba(0,0,0,0.27);
   -webkit-box-shadow: inset rgba(0,0,0,0.3) 0px 0px 10px;
   -moz-box-shadow: inset rgba(0,0,0,0.3) 0px 0px 10px;
   box-shadow: inset rgba(0,0,0,0.3) 0px 0px 10px;
   -webkit-transition: all 350ms ease-in-out;
   -moz-transition: all 350ms ease-in-out;
   -ms-transition: all 350ms ease-in-out;
   -o-transition: all 350ms ease-in-out;
   transition: all 350ms ease-in-out;   
   text-shadow: 0px 0px 10px #0074b4;   
   color: #00b0ff;   
}

.nav a strong {
   display: block;
   font-size: 14px;
   padding-top: 5px;
   line-height: 27px;
   font-family: droid sans,tahoma;   
   font-weight: normal;
}

.nav a span {
   display: block;
   padding-top: 3px;
   color: #00b0ff;
   font-size: 11px;
}

Meniul e adaptat de mine.
Offline
avatar
R1bb0N
Moderator

Mesaje : 71
Varsta : 16
Localizare : Romania

Vezi profilul utilizatorului

Re: Meniu animat

 Scris de Vizitator la data de Vin Ian 22, 2016 7:14 am

Este meniul de la tema Dualcore de pe phpbb3. Frumos Smile
Offline
avatar
Vizitator
Vizitator


Re: Meniu animat

 Scris de R1bb0N la data de Vin Ian 22, 2016 7:16 am

@Lcnn a scris:
Este meniul de la tema Dualcore de pe phpbb3. Frumos Smile
Ai dreptate. Smile Smile Multumesc!
Offline
avatar
R1bb0N
Moderator

Mesaje : 71
Varsta : 16
Localizare : Romania

Vezi profilul utilizatorului

Re: Meniu animat

 Scris de Lcnn la data de Vin Ian 22, 2016 7:28 am

Frumos Smile
Offline
avatar
Lcnn
Administrator

Mesaje : 321
Varsta : 25
Localizare : Timisoara

Vezi profilul utilizatorului http://phpbb2.phpdevil.com

Re: Meniu animat

 Scris de Continut sponsorizat

Offline

Continut sponsorizat


Pagina 1 din 1

Permisiunile acestui forum:Nu puteti raspunde la subiectele acestui forum
phpbb2.phpdevil.com :: PHPDEVIL # Web-design :: Tutoriale HTML/CSS-
Mergi direct la:  

pHpDeviL | For the love of the game...