Página integrante do Laurinha's - www.laurinhasss.zip.net

TUTORIAL MENU NO BLOG

Muita gente pergunta como eu consigo aquele meu menu :

Então irei ensinar! Mas prestem bem atenção nas

aspas ("s), pois elas irão te ensinar o que deve mudar!

Pode haver mais aspas para explicação!

A (s) explicação (ões) da(s) aspa(s) refere(m)-se ao código embaixo dela(s), nunca

acima!

1.1- ISSO AQUI É O QUE VC TEM NO SEU HTML, DEPOIS DA TAG <*head> (sem "*"); VC COLOKA ISSO:

1.2 -MUDE AQUI ABAIXO A COR DA SUA LETRA E FONTE!!

<STYLE type="text/css"> P, body, td, tr, div { font-style: normal; font-weight: normal font-size: 10px; color: #66cc00; font-family: Verdana, Arial; line-height: 12px } }

2.1- AQUI ABAIXO COMEÇA A TABELA PARA QUE APAREÇA O SEU MENU, A SUA TABELA DO CSS DO MENU (Geralmente, o CSS começa na tag <*style> e termina na <*/style> (sem *s) (ISSO CONTINUA NO CÓDIGO ACIMA, É A CONTINUAÇÃO DO CÓDIGO DOS ITENS 1.1 E 1.2)

2.2-MUDE AS CORES #66CC00 E #339900 PARA AS CORES QUE VC QUEIRA.

2.3-TEM QUE TER PELO MENOS 2 CORES PARECIDAS, COMO POR EXEMPLO: AZUL CLARO E AZUL

ESCURO!

.tabela1 { display: block; color: #66cc00; font-weight: bold; background-COLOR: #ffffff; width: 100%; height: 18px; vertical- align:middle; text-decoration: none; font-family: verdana; line-height: 18px; font-size: 10px; text-align: center; align: justify; text-transform: uppercase; } .tabela2 { text-transform: uppercase; font-family :verdana; color: #66cc00; font-size:10px; letter-spacing:0px; line-height:11px; font-weight:bold; width: 100%; text-align: justify; padding-top: 1px; background-color: #transparent; }

3.1- MUDE AS CORES AQUI TAMBÉM (AQUI ABAIXO) (CONTINUAÇÃO DOS CÓDIGOS ACIMA).

.content { font-family :verdana; color: #339900; font-size:10px; letter-spacing:0px; line-height:13px; width: 100%; text-align: justify; background-color: #transparent; }

4.1- MUDE AS CORES ABAIXO AQUI TAMBÉM!!! (CONTINUAÇÃO DOS CÓDIGOS ACIMA).

.content2 { font-family :verdana; color: #339900; font-size:11px; letter-spacing:0px; line-height:13px; width: 100%; text-align: center; background-color: #transparent; }

5.1-MUDE AS CORES AQUI EMBAIXO TAMBÉM MENOS A #FF00FF (CONTINUAÇÃO DOS CÓDIGOS ACIMA).

a.mainlevel:link, a.mainlevel:visited { display: block; color: #339900; font-weight: bold; background-COLOR: #66cc00; width: 100%; height: 15px; line-height: 15px; vertical-align:middle; text-indent: 5px; text-decoration: none; padding-left: 5px; text-align: left; font-family: verdana; margin-bottom: 1px; font-size: 10px; text-transform: uppercase; letter-spacing: 2px; BORDER-BOTTOM: #ff00ff 1px dashed; } a.mainlevel:hover { color: #66ccff; display: block; font-weight: bold; text-decoration: none; border: 0px solid; background-color: #FF6633;} }

6.1 - AQUI ABAIXO SÃO AS CORES DA SUA BARRA DE ROLAGEM, LINKS...

MUDE TODAS AS CORESS! (CONTINUAÇÃO DOS CÓDIGOS ACIMA).

A, A:link{color:#66cc00;text-decoration:none} A:visited{color:#009966} A:active{color:#66cc00} a:hover {text-decoration: underline; color: #009966; font-<BR>*weight: bold;} body {scrollbar-3dlight-color: #66cc00; scrollbar-arrow-color: #009966; scrollbar-base-color: #66cc00; scrollbar-darkshadow-color: #009966; scrollbar-face-color: #66cc00; scrollbar-highlight-color: #009966; scrollbar-shadow-color: #66cc00; SCROLLBAR-TRACK-COLOR: #009966; } </STYLE>

7.1 -COLOKE ISSO AQUI AONDE VC QUER QUE O MENU APAREÇA!!!! (AGORA NÃO É A CONTINUAÇÃO DOS CÓDIGOS ACIMA, AGORA COLOCA AONDE VC QUISER QUE ELA APAREÇA).

7.2 - MUDE OS URLs (COLOKE AQUI O SEUSITE.COM.BR) PARA OS URLs DO SEUS BLOGS E AONDE APARECE "HOME, AJUDA E ETC" MUDE PARA O QUE VC QUISER!!

7.3 - ISSO APARECE EM OUTRA PÁGINA (NÃO ESTÁ COM I-FRAME), SE QUISER QUE APAREÇA EM I-FRAME, COLOQUE O CÓDIGO DO I-FRAME.

<p><b>Menu>> </b><font size="2"><br> </font><div class="tabela1">Menu</div> <div class="content"> <a class="mainlevel" href="COLOKE AQUI O SEUSITE.COM.BR">HOME</a> <a class="mainlevel" href="COLOKE AQUI O SEUSITE.COM.BR">PERFIL</a> <a class="mainlevel" href="COLOKE AQUI O SEUSITE.COM.BR">AJUDA</a> <a class="mainlevel" href="COLOKE AQUI O SEUSITE.COM.BR">GOODIES</a> <a class="mainlevel" href="COLOKE AQUI O SEUSITE.COM.BR">PARCERIA</a> <a class="mainlevel" href="COLOKE AQUI O SEUSITE.COM.BR">ENCOMENDAS</a> <a class="mainlevel" href="COLOKE AQUI O SEU SITE.COM.BR">JÁ FIZ</a> <a class="mainlevel" href="COLOKE AQUI O SEUSITE.COM.BR">PRESENTES</a> <a class="mainlevel" href="COLOKE AQUI O SEU SITE.COM.BR">CRÉDITOS</a> <a class="mainlevel" href="COLOKE AQUI O SEU SITE.COM.BR">EXEMPLO</a> <br>

PRONTINHO, VC TEM UM MENU NO SEU BLOG! PARABÉNS!

TUTORIAL BY LAURINHA'S - NO COPY!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Dê os créditos!