Olá queridos!
O Tutorial de hoje é..... O Menu One Border!
Quer uma Visualização!? Entre aqui, este é meu blog... O Teste da Lelê, para localizar o menu... É só procurar hehe... Onde eu coloco vários tipos de menu's, e elite de Afiliados.... Agora vamos ao tutorial!
Vá em... Modelo >> Ediar HTML >> Aperte Ctrl + F e procure por:
]]></b:skin>
Achou!? Acima a tag cole:
.tagged {
float:left; /* Alinhamento */
width:49%; /* Tamanho das caixinhas */
text-align: left; /* Alinhamento do texto */
margin-top: 2px;
font-size: 9px;
margin-bottom: 10px;
}
.tagged a {
display: block;
font-size: 10px; /* Tamanho da fonte */
margin-left: 1px;
margin-right: 1px;
text-indent: 8px;
vertical-align: middle;
line-height: 15px;
margin-bottom: 1px;
padding: 2px;
border-top: 1px solid #EECFA1; /* Borda do topo */
background: #D3D3D3; /* Cor das caixinhas */
text-transform:uppercase; /* Todas maiúsculas - lowercase para minúsculas */
color: #fff; /* Cor dos links */
}
Se você quiser que fique como no blog... Deixe como esta... Mas se você quiser mudar algo.... Ai é com vocês!
Depois disso tudo, Salve!
Abra um HTML / Java Script e cole:
<div class="tagged"><a href="URL 1">Título 1</a></div>
<div class="tagged"><a href="URL 2">Título 2</a></div>
<div class="tagged"><a href="URL 3">Título 3</a></div>
<div class="tagged"><a href="URL 4">Título 4</a></div>
<div class="tagged"><a href="URL 5">Título 5</a></div>
<div class="tagged"><a href="URL 6">Título 6</a></div>
<div class="tagged"><a href="URL 7">Título 7</a></div>
<div class="tagged"><a href="URL 8">Título 8</a></div>
<div class="tagged"><a href="URL 9">Título 9</a></div>
<div class="tagged"><a href="URL 10">Título 10</a></div>
Onde esta URL coloque o link da página, e onde está Titulo o Nome da Página.... Ah! E você precisa utilizar TODOS... Se não vai aparecer "Título 9" por exemplo... E pode acreditar isso não é bom!
Beijos!
Nenhum comentário:
Postar um comentário