Menu simples para marcadores

Olá! Como vão vocês? Espero que estejam bem. Eu estou morrendo de sono, mas isso não vem ao caso -q Estou há dois dias sem postar, mas foi por uma boa razão: Logo eu trarei coisas novas ao blog, como por exemplo alguns tutoriais atualizados e refeitos de desenhos! Também estou tentando fazer layouts free e um tutorial enorme para os outros blogueiros! Logo o blog terá mais movimento -q 

Enfim, hoje eu trago um dos poucos menus meus que funciona bem. Eu já havia postado-o no falecido Akai no Hana anteriormente, mas achei que valeria a pena repostar! Este é o meu menu favorito e ele se chama Creusa Maria -q Ele é bem simples, mas é bonito e legal de se usar em um layout já com bastantes detalhes. Sem mais delongas, vamos ao tutorial!

Abra o HTML do seu blog e pesquise por ]]></b:skin>, este é o CSS. Acima dele coloque este código:

#marcadores{
background-color: #cor; /*Cor do Fundo*/
width: 23px;
height: 10px;
font-family: fonte; /*Fonte*/
font-size: 10px;
float: left;
padding: 2px 0 6px 0;
text-align: center;
margin-left: 5px;
margin-bottom: 4px;
color: #cor; /*Cor do texto*/
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
return: false;
}
#marcadores:hover {
border-radius: 5px; /* Bordas arredondadas*/
background-color: #cor;
}

 Salve e abra o seu layout, adicione o gadget HTML/Javascript e nele coloque o seguinte código:

<a href="LINK"  title="NOME" id="marcadores">Nome do marcador</a>
 

Prévia do menu:

A qualidade da imagem ficou uma porcaria -q

Vale lembrar também que é interessante utilizar este menu também para a área de afiliados. Espero que tenham gostado do tutorial e qualquer coisa errada, é culpa do meu sono -q Já faz um dia que eu não durmo.