Rollover!

[miccom]

dafür gibt es doch sogar schon mods... einfach mal die suche verwenden und siehe da:

http://www.phpbb.de/viewtopic.php?t=109 ... ight=hover

oder:

http://www.phpbbhacks.com/download/279

[Luckyze]

*rofl* ich wollte es eigentlich mal ohne mod versuchen.

naja, trotzdem danke.

greetz Luckyze

[sph]

ochmensch... *g*

na zur vollständigkeit trotzdem:

geht wohl auch ohne mod, habs zwar noch nicht getestet, is aber keine zauberei:

Code: Alles auswählen

<td onmouseover="this.style.backgroundImage='url(http://...bild1.jpg)';" onmouseout="this.style.backgroundImage='url(http://...bild2.jpg)';">

mighty javascript
und nein, es muß nicht zwingend .jpg sein


pah. mods. pfff.......


aehja, das müsste dann eben in der 'index_body.tpl', in der zeile die mit <td>...</td> den kategorie-titel ausgibt, noch angehängt werden


---

edit:

wenn die welt ein klein wenig "perfekter" wäre würds auch schon reichen die normale kategorietitel-definition mit dem attribut :hover anzugeben und da eben ein anderes hintergrundbild zu verlinken. allerdings gibts nach wie vor den IE...

----

edit#2:
achmist, nein, :hover würd ja auch nicht im ff funktionieren. nicht für solche klassen, nur für html-tags. möglich wär da nur 'td:hover', und das wird _hässlich_ ...

-.-

[Luckyze]

hi

cool, soweit war ich noch nicht. danke, werde es mal in anspruch nehmen.

thx. & greetz Luckyze

[Luckyze]

dafür gibt es doch sogar schon mods... einfach mal die suche verwenden und siehe da:

http://www.phpbb.de/viewtopic.php?t=109 ... ight=hover

oder:

http://www.phpbbhacks.com/download/279

naja, mit diesen mod geht es zwar, aber dann bleiben die felder so makiert.

mal guggen ob ich da was auf die reihe bekomme.

greetz Luckyze

[sph]

hehe, mods also, ja?

weil ich so kurz vorm zubettgehen ja sonst nix zu tun hab: beispiel an einer jungfräulichen index_body.tpl

suchen:

Code: Alles auswählen

<!-- BEGIN catrow -->
<tr> 
  <td class="catLeft" colspan="2" height="28"><span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></span></td>
  <td class="rowpic" colspan="3" align="right">&nbsp;</td>
</tr>

ersetzen:

1. mouseover-effekt mit hintergrundbild:

Code: Alles auswählen

<!-- BEGIN catrow -->
<tr> 
  <td onMouseOver="this.style.backgroundImage='url(http://...bild1.jpg)';" onMouseOut="this.style.backgroundImage='url(http://...bild2.jpg)';" class="catLeft" colspan="5" height="28"><span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></span></td>
</tr>

- bei bild1/bild2 die jeweilige url zum hintergrundbild definieren - .jpg nicht pflicht
- beim entsprechenden css-tag kann man bei ".cattitle" das verhalten des textlinks verändern, siehe vorher beschriebene zusatzattribute wie :visited, :hover...


2. mouseover-effekt mit hintergrundfarbe:

Code: Alles auswählen

<!-- BEGIN catrow -->
<tr> 
  <td onMouseOver=this.style.backgroundColor="#FF0000" onMouseOut=this.style.backgroundColor="#00FF00" class="catLeft" colspan="5" height="28"><span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></span></td>
</tr>

- anstelle von #00FF00/#FF0000 die gewünschte farbe angeben

weder noch getestet, jetzt, aber beides gängige methoden, die, wie mir scheint, problemlos funktionieren sollten.

have fun!

[Luckyze]

hi

danke bis hier hin mal. aber es geht auch ohne mod. weis gar nicht warum ich es nicht gleich so gemacht habe.

So geht das in subsilver:

index_body.tpl

SUCHEN

Code: Alles auswählen

<td class="row1" width="100%" height="50"><span class="forumlink"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><br />

REPLACE WITH

Code: Alles auswählen

<td class="row1" width="100%" height="50"   onMouseOver=this.style.backgroundColor="#FFFFFF" onMouseOut=this.style.backgroundColor="" 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 />

Für die topic Ansicht:

viewforum_body.tpl

SUCHEN

Code: Alles auswählen

<td class="row1" width="100%"><span class="topictitle">{topicrow.NEWEST_POST_IMG}{topicrow.TOPIC_TYPE}<a href="{topicrow.U_VIEW_TOPIC}" class="topictitle">{topicrow.TOPIC_TITLE}</a></span><span class="gensmall"><br />

REPLACE WITH

Code: Alles auswählen

<td class="row1" width="100%" 
 onMouseOver=this.style.backgroundColor="#FFFFFF" onMouseOut=this.style.backgroundColor="" onclick="window.location.href='{topicrow.U_VIEW_TOPIC}'" ><span class="topictitle" >{topicrow.NEWEST_POST_IMG}{topicrow.TOPIC_TYPE}<a href="{topicrow.U_VIEW_TOPIC}" class="topictitle">{topicrow.TOPIC_TITLE}</a></span><span class="gensmall"><br />

dieser code ist dabei jeweils für die farbe bei mouseover zustädig.

Code: Alles auswählen

onMouseOver=this.style.backgroundColor="#FFFFFF" 

So geht das in subsilver:

aber auch mit anderen template, bei mir jedenfalls.

einfach genial. vielen dank @shizo [ externes Bild ]

greetz & thx. Luckyze

[Asmodiel]

Hi!
habt ihr denn eine idee, wie ich dieses ding, in das man seine nachricht schreibt mit einem rollover versehen könnte?