Hypercell Hintergrund Grafik Themen/Foren anzeige

Meathor · Beitrag von **Meathor** » 21.06.2007 10:34

Hallo...

ich wollte eigendlich in meinem Forum mit diesem Code:

	<td class="row1" align="center" valign="middle" height="50"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" width="40" height="40" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
	<td class="row_forum" width="100%" onMouseOver="this.style.background-image="URL({TEMPLATE_PATH}/images/kat-hinter-in.png)"; this.style.cursor='default';" onclick="window.location.href='{catrow.forumrow.U_VIEWFORUM}'"> <span class="forumlink"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><br />
	  </span> <span class="genmed">{catrow.forumrow.FORUM_DESC}<br />
	  </span><!-- IF catrow.forumrow.MODERATORS --><span class="gensmall">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}<br /></span><!-- ENDIF -->
	  <!-- BEGIN sub --><!-- DEFINE $HAS_SUB = 1 --><!-- IF catrow.forumrow.sub.NUM > 0 -->, <!-- ELSE --><span class="genmed">{L_SUBFORUMS}: <!-- ENDIF -->{catrow.forumrow.sub.LAST_POST_SUB} <a href="{catrow.forumrow.sub.U_VIEWFORUM}" <!-- IF catrow.forumrow.sub.UNREAD -->class="topic-new"<!-- ENDIF --> title="{catrow.forumrow.sub.FORUM_DESC_HTML}">{catrow.forumrow.sub.FORUM_NAME}</a><!-- END sub -->
	  <!-- IF $HAS_SUB --></span><!-- UNDEFINE $HAS_SUB --><!-- ENDIF -->
	</div></td>
	<td class="row2" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.TOTAL_TOPICS}</span></td>
	<td class="row2" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.TOTAL_POSTS}</span></td>
	<td class="row2" align="center" valign="middle" height="50" nowrap="nowrap"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span></td>
  </tr>

beim Mouseover eine andere Hintergrund Grafik anzeigen lassen

Leider Klappt das so nicht

Wie bekomme ich das nun endlich zum laufen??

natürlich sollte sie dann mouseout wieder weg sein. aber das bekomm ich dann auch noch hin wenn obiges endlich funtzt.

mfg

Meathor · Beitrag von **Meathor** » 21.06.2007 12:26

habe ne andere lösung gefunden:

in der CSS

Code: Alles auswählen

td.row_forum:hover {
   padding: 4px;
   border: 0px;
   border-style: solid;
   border-color: #666666;
   background-image: url({TEMPLATE_PATH}/images/kat-hinter-in.png);
   background-repeat:no-repeat;
}

Java preload script:

Code: Alles auswählen


<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->

Im Body Tag:

Code: Alles auswählen


<body .................................... onload="MM_preloadImages('{TEMPLATE_PATH}/images/kat-hinter-in.png')">

In der entsprechenen zeile:

Code: Alles auswählen

	<td class="row_forum" width="100%" onclick="window.location.href='{catrow.forumrow.U_VIEWFORUM}'"> <span class="forumlink"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><br />

ich führ das ganze auf, damit es auch andere ohne prob schaffen