Seite 1 von 1

mouse over effekt nur in der menüschrift

Verfasst: 29.10.2003 18:54
von msilver
ja hi
ich suche einen code, den ich in meiner overall header setzen kann, damit mein menü einen over effekt hat. kann mir das einer genauer erklären? mit diesem effekt meine ich den, wo die farbe zu einer anderen ganz weich übergeht.

hier der code meiner overall header:

Code: Alles auswählen

<!-- DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" -->
<!-- <html xmlns="http://www.w3.org/1999/xhtml"> -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META} {NAV_LINKS} 
<title>{SITENAME} -- {PAGE_TITLE}</title>
<link rel="stylesheet" href="templates/phpVB2/phpVB2.css" type="text/css">
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
	var new_pm_flag = {PRIVATE_MESSAGE_NEW_FLAG};

	if( new_pm_flag )
	{
		window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
	}
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<BODY bgcolor=24243C marginwidth="0" marginheight="0" topmargin="0" leftmargin="0" rightmargin="0" />
<TABLE width="100%" border="0" cellspacing="0" cellpadding="0">
  <TR>

      <TABLE width="100%" border="0" cellspacing="0" cellpadding="0">
        <TR>
  <td valign="Top" align="Left" background="templates/phpVB2/images/background.jpg"><a href="index.php">&nbsp; <img src="templates/phpVB2/images/logo.gif" border="0" alt="msu board"></a></td>
  <td valign="Bottom" align="Right" nowrap="" background="templates/phpVB2/images/menu_background.gif">
   <!-- toplinks -->
                  <tr> <TD align="right" valign="top" filter:Shadow(color=#9F9F9F, direction=135)" nowrap><SPAN class="yellowlink">&nbsp;<A href="{U_FAQ}" class="yellowlink">{L_FAQ}</A></SPAN><SPAN class="yellowlink">&nbsp; 
                  &nbsp;<A href="{U_SEARCH}" class="yellowlink">{L_SEARCH}</A>&nbsp; &nbsp;<A href="{U_MEMBERLIST}" class="yellowlink">{L_MEMBERLIST}</A>&nbsp; &nbsp;<A href="statistics.php" class="yellowlink">Statistik</A>&nbsp
                  <SPAN class="yellowlink">&nbsp;<A href="{U_PROFILE}" class="yellowlink">{L_PROFILE}</A>&nbsp; 
                  &nbsp;<A href="{U_PRIVATEMSGS}" class="yellowlink">{PRIVATE_MESSAGE_INFO}</A>&nbsp; 
                  &nbsp;<A href="{U_LOGIN_LOGOUT}" class="yellowlink">{L_LOGIN_LOGOUT}</A>&nbsp;</SPAN>&nbsp;&nbsp;</TD>
   <!-- /toplinks --></tr>

          </TD>
        </TR>
      </TABLE>
    </TD>
  </TR>

  <TR>
    <TD bgcolor="#CCCCCC">
      <TABLE width="100%" border="0" cellspacing="0" cellpadding="0">
        <TR>

          <TD width="100%">
            <TABLE width="100%" border="0" cellspacing="0" cellpadding="10">
              <TR>
                <TD>
<table bgcolor="#CCCCCC" width="100%" cellpadding="10" cellspacing="0" border="0">
<tr>
<td>

Verfasst: 30.10.2003 06:03
von preachie
Hi Du,

wenn ich Dich richtig verstanden habe, möchtest Du erreichen, dass sich die Schriftfarbe langsam von rot in blau verändert und nicht schlagartig (mal beispielsweise ;-))

Hierfür benötigst Du ein JavaScript, welches diesen Effekt 'hervorzaubert'. Schau mal auf http://www.hemshorn.de/fusion/Fade/fade.html. Dort solltest Du alles Nötige finden ;)

Gruß Preachie

Verfasst: 30.10.2003 08:10
von msilver
ok
ich habe es so gemacht und fade.js erstellt, das javascript in den header vom overallheader eingefügt, aber nur wird nicht nur das menü so dargestellt, sonder alles link incl. das forum

weis jemand rat?

mfg
msilver