..:: MX Studio Fóruns ::..: Células com onMouseOver - ..:: MX Studio Fóruns ::..

Jump to content

Publicidade

ATENÇÃO
Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Células com onMouseOver Estilo Office XP

#1 User is offline   Alex.Itba 

  • Group: Membros
  • Posts: 6
  • Joined: 30-January 04

  Posted 30 January 2004 - 12:05 PM

hi garela..... tongue.gif
Tô com uma duvida muito crítica....


Alguem ja viu o site www.baboo.com.br

Eu gostaria de colocar aquele efeito, somente o que muda a cor da celula e da borda... como se fosse no office xp

brigadao smile.gif
0

#2 User is offline   MVolpi 

  • Suporte Fórum
  • Group: Membros
  • Posts: 1413
  • Joined: 19-December 03

Posted 30 January 2004 - 12:21 PM

HTML
HTML
<tr>
<td class="MenuOff" onMouseOver="this.className='Menu'" onMouseOut="this.className='MenuOff'>
<a href="localizacao.asp">Localiza&ccedil;&atilde;o</a>
</td>
</tr>


CSS
QUOTE

.Menu {
font-family: Verdana;
font-weight: normal;
color: #000000;
background-color: #F9D1D2;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
font-size: 11px;

}
.MenuOff {

font-family: Verdana;
font-weight: normal;
color: #000000;
background-color: #FDEBED;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
font-size: 11px;
}

0

#3 User is offline   Fael 

  • Group: Membros
  • Posts: 37
  • Joined: 08-January 04

Posted 30 January 2004 - 01:17 PM

Alex,

Faz o seguinte:

Coloca esse código no html

HTML
<TABLE class=O cellSpacing=0 cellPadding=0 width="700" border=0>
<TBODY>
 <TR>
   <TD width="74" noWrap class=P onmouseover=MO() onmouseout=MU() align="center">
     <A tabIndex=1 href="index.htm">Home</A>
   </TD>
 </TR>
</TBODY>
</TABLE>


Esse no CSS:

CODE

table {
font-size: 11px;
font-family: Tahoma, sans-serif;
border-right: 0px;
border-top: 0px;
border-left: 0px;
border-bottom: 0px
}
td {
font-size: 11px;
font-family: Tahoma, sans-serif;
color: #666666
}
tr {
font-size: 11px;
font-family: Tahoma, sans-serif
}
.O TD {
white-space: nowrap;
height: 20px
}
.O A {
color: #000000;
text-decoration: none! important
}
.P {
padding-right: 4px;
padding-left: 4px;
cursor: hand
}
.T {
border-right: #336699 1px solid;
padding-right: 3px;
border-top: #336699 1px solid;
padding-left: 3px;
border-left: #336699 1px solid;
cursor: hand;
border-bottom: #336699 1px solid;
background-color: #E9F2F8
}
.LL {
padding-left: 1px
}


e esse no JS:

CODE
function MO(e)
{
if (!e)
var e=window.event;
var S=e.srcElement;
while (S.tagName!="TD")
{S=S.parentElement;}
S.className="T";
}
function MU(e)
{
if (!e)
var e=window.event;
var S=e.srcElement;
while (S.tagName!="TD")
{S=S.parentElement;}
S.className="P";
}


Espero ter ajudado. biggrin.gif
0

#4 User is offline   Alex.Itba 

  • Group: Membros
  • Posts: 6
  • Joined: 30-January 04

  Posted 01 February 2004 - 02:17 AM

vale volpi-sp... valew fael... pela colaboração

mas o que mais deu certo com o que eu queria era o do fael..

mas muito brigadao thumbup.gif
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Similar Topics Collapse

  Topic Forum Started By Stats Last Post Info
New Replies Ajuda função mail PHP
Como faço para mostrar conteúdo de arquivo html no corpo do e-mail? 		Projeto :: Fórum paulino100 
  • 0 Replies
  • 286 Views
New Replies setInterval no AS3?
Como usar? 		Flash & ActionScript kirax 
  • 6 Replies
  • 1724 Views
New Replies Texto Dinamico
Como faço para criar um texto dinamico?? 		Dreamweaver mariano 
  • 2 Replies
  • 1595 Views
New Replies Mudar Z-Index durante o Timeline
Tenho dúvidas de como mudar a ordem dos layers durante a execução de u 		Dreamweaver ch.saad 
  • 0 Replies
  • 539 Views
New Replies AJUDA COM SCRIPT DO BOTÃO Dreamweaver tiagoexe 
  • 1 Reply
  • 677 Views
New Replies CCE entra em mercado de celulares com aparelhos com dois chips Notícias Notícias 
  • 0 Replies
  • 60 Views
New Replies Formatação do componente textArea as3 Flash & ActionScript fernando2dias 
  • 1 Reply
  • 1405 Views
New Replies Brasileiros serão maioria na "Copa da Computação" Notícias Notícias 
  • 0 Replies
  • 292 Views

Publicidade

1 User(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)