tutorial menu personalizado

Menu Personalizado

Olá amigos está tudo bem com vocês? (Espero que sim *--*

Estávamos precisando de tutorial no blog não é mesmo? Por essa razão resolvi trazer para vocês como ter um menu  personalizado , espero que gostem...

1º Clique em Modelo e depois em Editar HTML

2º Na janela que se abriu clique em Expandir Modelos de Widget 

3º Aperte Ctrl + F e procure por : .tabs-inner .widget li a{

4º Substitua tudo que apareceu por: 

/* Imagem de Primeiro Plano*/

.tabs-inner .widget li a {

  display: inline-block;

  padding: 5% 2em;

  color: Coloque aqui a cor de sua escolha;

  font: Fonte da sua Escolha;

background: url(Aqui a URL da imagem desejada) no-repeat scroll top center;

}

/* Imagem com Efeito Houver*/

.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {

  position: relative;

    background: url(URL da imagem desejada ao passar o mouse) no-repeat scroll top center;

  color: Cor do texto ao passar o Mouse;

}

Bom amigos é só isso.. Fácil neh? Espero que tenham gostado.

Beijos e tenham um dia mais que incrível.