phpbb2.phpdevil.com
Bine ai venit pe phpdevil.com.
. Login Register
phpbb2.phpdevil.com

Pentru iubitorii de webdesign


Vezi subiectul anterior Vezi subiectul urmator In jos  Mesaj [Pagina 1 din 1]

Post: #1la data de Vin Ian 22, 2016 7:06 am

avatar

R1bb0N

Moderator
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.

Vezi profilul utilizatorului

Post: #2la data de Vin Ian 22, 2016 7:14 am

avatar

Vizitator

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

Post: #3la data de Vin Ian 22, 2016 7:16 am

avatar

R1bb0N

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

Vezi profilul utilizatorului

Post: #4la data de Vin Ian 22, 2016 7:28 am

avatar

Lcnn

Administrator
Frumos Smile

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

Post: #5

Continut sponsorizat

Vezi subiectul anterior Vezi subiectul urmator Sus  Mesaj [Pagina 1 din 1]

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum