Jump to content

  2. →
  3. →

Photo

menu em html

Started By _MX_ , 21/11/2002, 20:58

  • Faça o login para participar
10 replies to this topic

#1 _MX_

_MX_

    Conhecimento nunca é demais

  • Usuários
  • 563 posts
  • Sexo:Não informado
  • Localidade:Diadema-sp

Posted 21/11/2002, 20:58

pra quem quiser aí vai um menu em html e css igual o do site do insano (hehe) mas no copy. o dele é com botoes (imagens).

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.over {
background-color: #666666;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #FFFFFF;
border-bottom-color: #000000;
border-right-color: #FFFFFF;
}
.out {
background-color: #999999;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #000000;
border-left-color: #FFFFFF;
}
.button {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #000000;
border-left-color: #FFFFFF;
}
.bordamenu {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000000;
border-bottom-color: #000000;
border-right-color: #000000;
border-left-color: #000000;
}
-->
</style>
</head>

<body>
<table width="24%" border="0" cellpadding="2" cellspacing="0" bgcolor="999999" class="bordamenu">
<tr>
<td class="button" onmouseover="this.className='over'" onmouseout="this.className='out'">&nbsp;</td>
</tr>
<tr>
<td class="button" onmouseover="this.className='over'" onmouseout="this.className='out'">&nbsp;</td>
</tr>
<tr>
<td class="button" onmouseover="this.className='over'" onmouseout="this.className='out'">&nbsp;</td>
</tr>
<tr>
<td class="button" onmouseover="this.className='over'" onmouseout="this.className='out'">&nbsp;</td>
</tr>
<tr>
<td class="button" onmouseover="this.className='over'" onmouseout="this.className='out'">&nbsp;</td>
</tr>
</table>
</body>
</html>
========================================================
Copiar o bom é melhor que inventar o ruim
========================================================
"O segredo da criatividade é saber esconder suas fontes"
(Einstein)
========================================================

#2 [[insaNo]]

[[insaNo]]

    Dark Side

  • Ex-Admins
  • 402 posts
  • Sexo:Não informado
  • Localidade:Ribeirão Preto - SP
  • Interesses:Mulher

Posted 22/11/2002, 04:12

Olhas os caras roubando meus codigos <_<

A maioria nem conhece meu site,

e outra qualquer duvida sobre o codigo falem com o _MX_

#3 _MX_

_MX_

    Conhecimento nunca é demais

  • Usuários
  • 563 posts
  • Sexo:Não informado
  • Localidade:Diadema-sp

Posted 22/11/2002, 07:03

como assim roubando seu codigo??? no seu site o menu é feito com imagens, esse é só html e css
========================================================
Copiar o bom é melhor que inventar o ruim
========================================================
"O segredo da criatividade é saber esconder suas fontes"
(Einstein)
========================================================

#4 [[insaNo]]

[[insaNo]]

    Dark Side

  • Ex-Admins
  • 402 posts
  • Sexo:Não informado
  • Localidade:Ribeirão Preto - SP
  • Interesses:Mulher

Posted 22/11/2002, 16:29

E da onde vc tirou esse codigo?

Não foi da minha pagina?

#5 Chinello Cybernético

Chinello Cybernético

    Simplesmente "Chinello"

  • Usuários
  • 1892 posts
  • Sexo:Masculino
  • Localidade:Canoas - RS

Posted 23/11/2002, 02:13

hehe...

Calma Insano, esse menu naum quase nada a ver com o da sua página, só a idéia que é a mesma...

Ah, e olhando esse menu, resolví dar uma mexidinha nele, para ficar realmente igual ao do site do Insano (OBS: no menu do site do Insano naum muda de cor quando colocamos o mouse em cima do mesmo)... Ai vai o novo código com as cores alteradas:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<style type="text/css">
<!--
.over {
background-color: #216089;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #FFFFFF;
border-bottom-color: #000000;
border-right-color: #FFFFFF;
}
.out {
background-color: #2976A8;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #000000;
border-left-color: #FFFFFF;
}
.button {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #000000;
border-left-color: #FFFFFF;
}
.bordamenu {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000000;
border-bottom-color: #000000;
border-right-color: #000000;
border-left-color: #000000;
}
-->
</style>
</head>

<body>
<table width="24%" border="0" cellpadding="2" cellspacing="0" bgcolor="#2976A8" class="bordamenu">
<tr>
<td class="button" onmouseover="this.className='over'" onmouseout="this.className='out'">&nbsp;</td>
</tr>
<tr>
<td class="button" onmouseover="this.className='over'" onmouseout="this.className='out'">&nbsp;</td>
</tr>
<tr>
<td class="button" onmouseover="this.className='over'" onmouseout="this.className='out'">&nbsp;</td>
</tr>
<tr>
<td class="button" onmouseover="this.className='over'" onmouseout="this.className='out'">&nbsp;</td>
</tr>
<tr>
<td class="button" onmouseover="this.className='over'" onmouseout="this.className='out'">&nbsp;</td>
</tr>
</table>
</body>
</html>


Espero que gostem... Acho que a minha versão ficô mais bonitinha.. :D ..

Fui.. :D
Diego Sampaio - kroW - PHP Framework > http://chinelloweb.net/
chinello at gmail dot com

System > Athlon 64 3200+ Mobile | Kubuntu 7.04 Fesity Fawn AMD64 | Kernel 2.6.20-16
Coding @ KDE 3.5.7 | PHP 5.2.1 | Apache 2.2.3 | MySQL 5.0.38

#6 yaru

yaru
  • Visitantes

Posted 26/11/2002, 09:53

hahahah é igualzinho mesmo!

o do havainas ficou mais parecido ainda.

Curti muito!

#7 Chinello Cybernético

Chinello Cybernético

    Simplesmente "Chinello"

  • Usuários
  • 1892 posts
  • Sexo:Masculino
  • Localidade:Canoas - RS

Posted 27/11/2002, 00:26

hahahah é igualzinho mesmo!

o do havainas ficou mais parecido ainda.

Curti muito!

hehehe...

Falei que o meu era mais parecidoo..

Ah, e quem naum sabe.. O yaru começou a me chamar de Havaianas, intaum pra quem naum sabia, sô eu o tal de havaianas... Este yaru... :D

Fui.. :)
Diego Sampaio - kroW - PHP Framework > http://chinelloweb.net/
chinello at gmail dot com

System > Athlon 64 3200+ Mobile | Kubuntu 7.04 Fesity Fawn AMD64 | Kernel 2.6.20-16
Coding @ KDE 3.5.7 | PHP 5.2.1 | Apache 2.2.3 | MySQL 5.0.38

#8 sidcoca

sidcoca
  • Visitantes

Posted 27/11/2002, 00:52

hahahah é igualzinho mesmo!

o do havainas ficou mais parecido ainda.

Curti muito!

hehehe...

Falei que o meu era mais parecidoo..

Ah, e quem naum sabe.. O yaru começou a me chamar de Havaianas, intaum pra quem naum sabia, sô eu o tal de havaianas... Este yaru... :D

Fui.. :)

ixe que trocar de elogios
parce duas moças
hahahaha
desculpa a brincadeira
mas esse menu e legal

#9 Chinello Cybernético

Chinello Cybernético

    Simplesmente "Chinello"

  • Usuários
  • 1892 posts
  • Sexo:Masculino
  • Localidade:Canoas - RS

Posted 27/11/2002, 03:10

Ihhhh..

Pára cum issu Sidcoca...

E me diz: onde que vc viu um elogiu ao yaru no meu post?

Acho que naum tem elogio nenhum neste post...

Mas tudo bem... :D
Diego Sampaio - kroW - PHP Framework > http://chinelloweb.net/
chinello at gmail dot com

System > Athlon 64 3200+ Mobile | Kubuntu 7.04 Fesity Fawn AMD64 | Kernel 2.6.20-16
Coding @ KDE 3.5.7 | PHP 5.2.1 | Apache 2.2.3 | MySQL 5.0.38

#10 [[insaNo]]

[[insaNo]]

    Dark Side

  • Ex-Admins
  • 402 posts
  • Sexo:Não informado
  • Localidade:Ribeirão Preto - SP
  • Interesses:Mulher

Posted 30/11/2002, 02:09

Hahahaha

putz esses 2 hein, sei la "Este yaru.." :D

ta virando um topico de xxxxxx ja,

eh o menu ficou identico ao do meu site, mas como disseram uso imagens

#11 MetaHost.com.br

MetaHost.com.br
  • Visitantes

Posted 30/11/2002, 13:23

Nosso pelo tamanho do codigo pensei q o menu era grande rs , mas é legal o menu.
Voltar para HTML, CSS e Metodologias


0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

  1. Fórum WMO
  2. → Desenvolvimento
  3. → HTML, CSS e Metodologias
  4. Privacy Policy
  5. Regras ·
IPB Skin By Virteq