Mar 7, 2016
Download OKLE - Responsive Vertical Menu For WordPress (Menus)
(adsbygoogle = window.adsbygoogle || []).push(); Live Demo and Download OKLE - Responsive Vertical Menu For WordPress (Menus)
seen from Germany
seen from Australia
seen from Kazakhstan
seen from United States
seen from China
seen from Germany
seen from India
seen from Germany
seen from India
seen from China
seen from Germany
seen from China
seen from Belarus
seen from Australia
seen from Germany
seen from India
seen from United States
seen from Ireland
seen from Türkiye
seen from Kuwait
Download OKLE - Responsive Vertical Menu For WordPress (Menus)
(adsbygoogle = window.adsbygoogle || []).push(); Live Demo and Download OKLE - Responsive Vertical Menu For WordPress (Menus)
Seguindo aqui, perfeitamente perfeito.então, queria saber como põe menu na vertical do lado da sidebar....
Vou fazer uma classe para você,daí personalize como quizer ^^ Adicione ao seu css :
/* menu vertical by marlívia */#menu-vert ul{width:210px /* largura do menu */;margin: 0 /* tira o espaçamento*/; padding:0 /* tira o espaçamento */;list-style-type: none /* tira as bolinhas*/; background-color: #F0F0F0; /* cor do fundo*/}#menu-vert ul li{text-shadow:0 1px 0 #fff;font-weight: bold /**/;font-family:verdana /* fonte */;margin: 0 /* tira o espaçamento*/; padding:2px 3px 2px 3px /* espaçamento */;list-style-type: none /* tira as bolinhas*/; text-align:left /* texto alinhado á esquerda */;height:18px /* altura */;border-bottom:1px solid #C0C0C0 /* linha de baixo*/; }#menu-vert li a{text-decoration: none /* retira o sublinhado os links*/; color:#F292B1; /* define a cor da fonte */ }#menu-vert li:hover{background-color:#F8F8F8 /* Cor do fundo hover*/;}
No local desejado coloque :
Link 1
Link 2
Link 3
Link 4
Link 5
Prontinho^^
/Lìvia
Menu vertical
Primeiramente eu quero dizer que os códigos são da Laura do LR designs.
Menu vertical é esse aqui:
O tutorial é dividido em duas partes.
1ª parte- Cole esse código antes de </style>
2ª parte- Cole esse código depois de <body>
Entendendo o código:
un = menu antes de passar o mouse
un:hover = menu depois de passar o mouse
background: #CODIGODACOR = cor do menu
base 1 = cor e personalização da base de baixo
base 2 = cor e personalização da base de cima
Modifique as cores, tamanho e etc para que fique como você quer.
Usou? Creditou. Credite á Laura pelos códigos e a nós pelo tutorial.
Tutorial por Kath. /Kath