Jump to content
Fórum Script Brasil
  • 0
Sign in to follow this  
marcos_804

Menus Para Todos

Question

Pessoal espero que gostem destes codigos de menu. São uns efeitos bem simples mas bem legal.

Caso tenham alguma duvida lancem a pergunta....

falou ate mais...

<html>
    <head>
        <title>.:: Marcos Legal ::.</title>
        <style>
            a{text-decoration:none}
            a:hover{text-decoration:underline}
            #menu {font-family:verdana;font-size:12px;color:#000000}
            #menu a{line-height:25px;background-color:#C0C0C0;display:block;padding-lefT:5px;width:150px;border-left:8px solid #336699;color:#000000;border-top:1px solid #FFFFFF}
            #menu a:hover{color:#FFFFFF;background-color:#336699;border-left:8px solid #C0C0C0}

#menu1 {line-height:35px;background-color:#F1F1F1;text-align:center;border-bottom:3px outset #C0C0C0;border-top:3px outset #C0C0C0}
#menu1 a{background-color:#F1F1F1;padding:11px 30px 10px 30px;border-bottom:3px outset #336699;border-top:3px outset #336699;color:#000000;font-family:verdana, arial;font-size:12px;font-weight:bold}
#menu1 a:hover{background-color:#336699;color:#FFFFFF;text-decoration:none}

.borda {border-right:1px solid #C0C0C0}
.borda1 {border-right:1px solid #C0C0C0;border-left:1px solid #C0C0C0}
        </style>
    </head>
    <body>
        <div id="menu">
            <a href="java script:void(0);">Home</a>
            <a href="java script:void(0);">Menu 1</a>
            <a href="java script:void(0);">Menu 2</a>
            <a href="java script:void(0);">Menu 3</a>
        </div><br>
        <div id="menu1"><a href="#" class="borda1">Home</a><a
            href="#" class="borda">Contato</a><a
            href="#" class="borda">Músicas</a><a
            href="#" class="borda">Turismo</a><a
            href="#" class="borda">Downloads</a><a
        href="#" class="borda">Fale Conosco</a></div>
    </body>
</html>

Share this post


Link to post
Share on other sites

3 answers to this question

Recommended Posts

  • 0
Guest R3voltado

pow cara N De o peixe De..... Da A Vara de pescar para que nóis possamos pegar nosso próprio peixe

Share this post


Link to post
Share on other sites
  • 0
Guest R3voltado
pow cara N De o peixe De..... Da A Vara de pescar para que nóis possamos pegar nosso próprio peixe

Pow + Fora isso MANO FIKO MUITO PIKA mesmo =]

pow To felix pra caramba consegui colocar meu site On line

IRRAAAA =] + tah No Inicio com coisas Bobas

Share this post


Link to post
Share on other sites
  • 0

recomendo usar <UL> e <LI> para menus

e acho que seu código CSS está meio que poluido

mas está bom mesmo assim

apesar de poder resumir sem perder o efeito

^_^

Edited by hipnos na area

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

Cloud Computing


  • Forum Statistics

    • Total Topics
      148487
    • Total Posts
      644142
×
×
  • Create New...