Mit CSS "Effekt" ...

[Smith]

Hi... wie kann ich mit css so ein Effekt machen, wie bei www.source-code.de, dass wen man über die Foren fährt, der hintergrund sich verändert? thx

[Leuchte]

http://www.phpbbhacks.com/viewhack.php?id=722
oder
http://www.phpbbhacks.com/viewhack.php?id=279

[Smith]

Hallo Leuchte,

danke erstmal. Aber kann mir jemand den Hex-Code von diesem Hintergrund
sagen? danke:D

[Markus67]

Hi ...

von welchem Hintergrund ?

Markus

[Smith]

Hi ...

von welchem Hintergrund ?

Markus

Hat sich erledigt. Aber bei source-code ist der hintergrund heller.
Ich hab das genommen: #D1D7DC kann mir jemand was anderes sagen?

[Peggy]

... habe das genommen: #D1D7DC kann mir jemand was anderes sagen?

Such dir was aus:

http://www.uni-magdeburg.de/counter/rgb.txt.shtml

Ach, kann mal jemand einen Blick auf dieses Forum werfen:
http://med-board.medizinstudent-hamburg.de/ (das Laden dauerte eben ein bisschen ...)
Dort breitet sich der Hover-Effekt über alle Spalten aus. Wie haben die denn das hinbekommen?

[Markus67]

Hi ...

das gehst so ...

index_body.tpl

ganz am Anfang das Javascript:

Code: Alles auswählen

<script language="JavaScript" type="text/JavaScript">
<!--
function markForumRow(row) {
	document.getElementById("R"+row+"C1").style.backgroundColor = "{T_TD_COLOR3}";
	document.getElementById("R"+row+"C2").style.backgroundColor = "{T_TD_COLOR3}";
	document.getElementById("R"+row+"C3").style.backgroundColor = "{T_TR_COLOR1}";
	document.getElementById("R"+row+"C4").style.backgroundColor = "{T_TR_COLOR1}";
	document.getElementById("R"+row+"C5").style.backgroundColor = "{T_TR_COLOR1}";
}
function unmarkForumRow(row) {
	document.getElementById("R"+row+"C1").style.backgroundColor = "{T_TR_COLOR1}";
	document.getElementById("R"+row+"C2").style.backgroundColor = "{T_TR_COLOR1}";
	document.getElementById("R"+row+"C3").style.backgroundColor = "{T_TR_COLOR2}";
	document.getElementById("R"+row+"C4").style.backgroundColor = "{T_TR_COLOR2}";
	document.getElementById("R"+row+"C5").style.backgroundColor = "{T_TR_COLOR2}";	
}
-->
</script>

und dann unten in der Zeile einbinden ...

Code: Alles auswählen

  <!-- BEGIN forumrow -->
  <tr onMouseOver="markForumRow({catrow.forumrow.FORUM_ID}); this.style.cursor='hand'; " onMouseOut="unmarkForumRow({catrow.forumrow.FORUM_ID});" onclick="window.location.href='{catrow.forumrow.U_VIEWFORUM}'"> 
	<td id="R{catrow.forumrow.FORUM_ID}C1" class="row1" align="center" valign="middle" height="50"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" width="46" height="25" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
	<td id="R{catrow.forumrow.FORUM_ID}C2" class="row1" width="100%" height="50"><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><span class="gensmall">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span></td>
	<td id="R{catrow.forumrow.FORUM_ID}C3" class="row2" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.TOPICS}</span></td>
	<td id="R{catrow.forumrow.FORUM_ID}C4" class="row2" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.POSTS}</span></td>
	<td id="R{catrow.forumrow.FORUM_ID}C5" class="row2" align="center" valign="middle" height="50" nowrap="nowrap"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span></td>
  </tr>
  <!-- END forumrow -->

Markus

[Peggy]

Wow, Markus ...

Hat bei mir leider nicht funktioniert. Habe es hier in meinem Test-Forum beim smartBlue-Style eingebaut. Aber leider tut sich nichts. [ externes Bild ]

http://test.abi-berlin.de