Primeiro cole isso no Css do seu blog ( antes de ]]></b:skin> )
#fundo {
background: #1C3C57;
border-radius: 10px 20px;
height: 24px;
width: 700px;
border-bottom: 7px solid #00213D;
}
@font-face {
font-family: 'basically';
src: url('http://static.tumblr.com/q1ljzdc/aVnmidiyn/basically-serif_free-version-webfont.woff');
}
#item a:link{
Font-family:basically;
font-weight:bold;
color: #DCDCDC;
border-bottom: 1px solid #0576B3;
text-decoration: none;
transition-duration: 0.5s;
transition-timing-function: ease-in;
transition-property: all;
padding: 13px;
margin-left: 20px;
}
#item a:hover{
Font-family:basically;
font-weight:bold;
color: #C5C6C7;
text-decoration: none;
border-bottom: 7px solid #0576B3;
margin-left: 20px;
}
background: #1C3C57;
border-radius: 10px 20px;
height: 24px;
width: 700px;
border-bottom: 7px solid #00213D;
}
@font-face {
font-family: 'basically';
src: url('http://static.tumblr.com/q1ljzdc/aVnmidiyn/basically-serif_free-version-webfont.woff');
}
#item a:link{
Font-family:basically;
font-weight:bold;
color: #DCDCDC;
border-bottom: 1px solid #0576B3;
text-decoration: none;
transition-duration: 0.5s;
transition-timing-function: ease-in;
transition-property: all;
padding: 13px;
margin-left: 20px;
}
#item a:hover{
Font-family:basically;
font-weight:bold;
color: #C5C6C7;
text-decoration: none;
border-bottom: 7px solid #0576B3;
margin-left: 20px;
}
Agora cole isso onde você quer que apareça o menu:
<div id='fundo'>
<div id='item'>
<a href='linkmeubem'>LOLOLO<a/>
<a href='linkmeubem'>LOLOLO<a/>
<a href='linkmeubem'>LOLOLO<a/>
<a href='linkmeubem'>LOLOLO<a/>
</div>
</div>
<div id='item'>
<a href='linkmeubem'>LOLOLO<a/>
<a href='linkmeubem'>LOLOLO<a/>
<a href='linkmeubem'>LOLOLO<a/>
<a href='linkmeubem'>LOLOLO<a/>
</div>
</div>
Nenhum comentário:
Postar um comentário