[phpBB2] Hovertabelle nur auf der Startseite sichtbar

Hallöchen, ich bräuchte eine kleine Hilfestellung was meine Tabelle im Header mit einem Hover-Effekt angeht.

Ich weiß leider nur nicht genau wo ich das einpacken muss.

Ich habe meinen Code zu erst bei Templates -> Allgemeines -> Index_body hineingeschrieben
das sieht dann so aus: *klick*
Mit dem einzigen Haken, dass das ganze natürlich nur auf Startseite zu sehen ist.

Bevor ich alles irgendwie versaue, wollte ich mal hier fragen ob ihr vielleicht wisst wo ich das ändern kann?
Ich habe unter einer anderen Frage folgendes gefunden:

Günther schrieb:Im Template overall_header findest du dort die Variable für das Logo des Forums:

Code:

<a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>

Am besten wäre es, diese Variable direkt im Template durch die HTML-Struktur zu ersetzen, die einen solchen Hover-Effekt ermöglicht.

Muss ich dann unter overall_header den im Zitat genannten Codeteil durch meinen ersetzen?

Mein Code lautet wie folgt:

Code:

<link href='http://fonts.googleapis.com/css?family=Electrolize' rel='stylesheet' type='text/css'>  <style type="text/css">#headerimg { width: 800px; height: 400px; background-image: url('http://i84.servimg.com/u/f84/16/48/99/27/header10.jpg'); } /*

*/ #headerimg #headertab { width: 800px; height: 370px; background: #ffffff; padding-top: 30px; opacity: 0; transition: 0.6s all ease-in-out; -moz-transition: 0.6s all ease-in-out; -webkit-transition: 0.6s all ease-in-out; -ms-transition: 0.6s all ease-in-out; -o-transition: 0.6s all ease-in-out; } /*
*/ #headerimg:hover #headertab { opacity: 1.0; transition: 0.6s all ease-in-out; -moz-transition: 0.6s all ease-in-out; -webkit-transition: 0.6s all ease-in-out; -ms-transition: 0.6s all ease-in-out; -o-transition: 0.6s all ease-in-out;} /*
*/ .headerbox { height: 230px; width: 200px; background: #2E2E2E;} .headernews { height: 30px; background: #f6f6f6; } /*
*/ .headerboxtitel { width: 200px; height: 20px; padding: 10px; text-align: center; background: #2E2E2E; font-family: 'Electrolize'; color: #ffffff; font-size: 15px; letter-spacing: 2px; } /*
*/ .headerboxtext { height: 130px; width: 200px; padding: 10px; background: #2E2E2E; margin-top: 14px; font-family: 'Calibri'; font-size: 11px; color: #ffffff; line-height: 1.1em; text-align: justify; } /*
*/ .headernewstitel { height: 20px; width: 120px; background: #2E2E2E; font-family: 'Electrolize'; color: #ffffff; font-size: 15px; letter-spacing: 2px; text-align: center; padding: 10px; } /*
*/ .headernewstext { height: 20px; padding: 3px; width: 480px; font-family: 'Calibri'; font-size: 11px; color: #000000; line-height: 1.1em; text-align: justify; margin-top: -5px;} /*
*/ .teambild { border-radius: 29px; margin: 2px; }</style>

<center><div id="headerimg">
<div id="headertab">
<table cellspacing="10">
<tr>
<td class="headerbox" valign="top" align="center"><div class=„headerboxtitel“><i>HANDBOOK</i><br>DAYS AND PLOT</div><div class="headerboxtext">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</div></td>
<td class="headerbox" valign="top" align="center"><div class=„headerboxtitel“><i>MANIPULATOR</i><br>WE WILL HELP YOU</div><div class="headerboxtext" style="text-align: center;"><img src="http://placehold.it/58x58" class="teambild"> <img src="http://placehold.it/58x58" class="teambild"><img src="http://placehold.it/58x58" class="teambild"> <img src="http://placehold.it/58x58" class="teambild"></div></td>
<td class="headerbox" valign="top" align="center"><div class=„headerboxtitel“><i>REQUESTS</i><br>WE ARE SEARCHING</div><div class="headerboxtext">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est</div></td>
</tr>
<tr>
<td colspan="3" class="headernews"><table><tr><td class="headernewstitel">Newsflash</td><td class="headernewstext"> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</td></tr></table></td>
</tr>
</table>
</div>
</div></center>

Wahrscheinlich übersehe ich einen wirklich großen Punkt, deswegen würde ich mich über jede Hilfe freuen.

Nein, das Template ist schon das richtige.
Nur die Stelle ist nicht die Richtige, weil du ja dann damit dein Foren Banner löschen würdest.
Sieh dir das Template mal genau an, hier den unteren Teil, und du wirst erkennen, an welcher Stelle du deine Tabelle am besten einsetzt.

Edit: Ich sehe gerade, das du dort ja kein Banner benutzt hast.
Dann kannst du deine Tabelle auch anstelle des Logos, also der Zeile die oben beschriebeb ist, einsetzen.

#Frank schrieb:Nein, das Template ist schon das richtige.
Nur die Stelle ist nicht die Richtige, weil du ja dann damit dein Foren Banner löschen würdest.
Sieh dir das Template mal genau an, hier den unteren Teil, und du wirst erkennen, an welcher Stelle du deine Tabelle am besten einsetzt.

Edit: Ich sehe gerade, das du dort ja kein Banner benutzt hast.
Dann kannst du deine Tabelle auch anstelle des Logos, also der Zeile die oben beschriebeb ist, einsetzen.

Ich habe es mal so ausprobiert, dass ich den Codeteil (wie oben im Zitat) durch meinen Code ersetzt habe und das hat nicht geklappt.
Ich schau mir das Template mal an und falls ich es nicht finden sollte, frage ich hier noch mal (deswegen bitte noch nicht schließen)

Ok, ich habe alles angeschaut und ich übersehe irgendetwas, kann mir jemand vielleicht weiter helfen?

Ich habe es sogar als Bekanntmachung gepostet, aber dann verzerrt es die Tabelle irgendwie komisch.

---

EDIT:

Das Problem scheint gelöst zu sein, das Thema wurde als Erledigt markiert. Deshalb wurde hier geschlossen.