..:: 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 god wars
comentem por favor 		Galeria PSD o portugues 
  • 2 Replies
  • 1749 Views
New Replies Políticas de TI serão debatidas até março
IDG Now! - Computação Corporativa 		Notícias TiTi Celestino 
  • 0 Replies
  • 349 Views
New Replies Galera de fotos com PicsEngine 2 Beta Preview Dreamweaver carlosalbertini 
  • 0 Replies
  • 433 Views
New Replies html text abre pop up?
tem como fazer isso no LoadVars? 		Flash & ActionScript Chan 
  • 2 Replies
  • 981 Views
New Replies Newllslater
como criar 		Flash & ActionScript des23flash 
  • 0 Replies
  • 374 Views
New Replies Lucro da Brasil Telecom atinge R$169,9 mi no 1o tri Notícias Notícias 
  • 0 Replies
  • 308 Views
New Replies Como criar play e pause em um unico botão? Flash & ActionScript Danielrj 
  • 2 Replies
  • 457 Views
New Replies Apple obtém 152 mil encomendas de iPad nos 3 primeiros dias Notícias Notícias 
  • 0 Replies
  • 169 Views

Publicidade

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