Zusätzliche Button in Header Menü

[hupelmann]

Hallöle.

Oben im Header befinden sich die Button Home Team Faq usw.
Nun möchte ich zusätzlich 2 neue Button für Chat und etwas anderes einfügen.
Diese Button sollen nur im Forum sein und nicht auf dem Portal.
Ich weiss das es etwas mit der overall header meines Templates zu tun hat.
Rumgetestet habe ich auch schon was zur folge hatte das mein Template leicht anders aussah.
Die Button waren zwar da, das Template war halt ........
habe zwar schon die Forumssuche bemüht, leider nicht wirklich was passendes gefunden.
Hoffe das mir jemand ne Anleitung posten kann.

[archivar]

Hallo,
um welchen Style hadelt es sich und hast Du die Button(Bild mit name) schon?

[hupelmann]

Huch. Ich dachte es klick sowieso jemand auf meine Seite, über die Netkugel rechts.
Aber gut. Style ist X-Treme
Buttons habe ich schon. zumindest die Chat Buttons.
Aber wenn ich erstmal weiss wie es gemacht wird ist das andere kein Prob mehr.

[archivar]

Diesen Code an den entsprechenden Stellen ändern und an die gewünschte Stelle(zwischen den anderen Buttons-suche den gleichen Code in der overall_header.html) einfügen.

Code: Alles auswählen

							<td class="button_img">
								<a href="{U_INDEX}"
								onmouseover = "rollover('home')"
								onmouseout = "rollout('home')"
								>
								<img src="{T_THEME_PATH}/images/buttons/home1.png"
								name="home"
								alt="Home Page" border="0"
								height="40" width="101"
								/>
								</a>
								<script type="text/javascript">
								<!--
								setrollover("{T_THEME_PATH}/images/buttons/home2.png");
								//-->
								</script>
							</td>

Ändern solltest Du auf jeden Fall in dem obigen Code:

Code: Alles auswählen

{U_INDEX}

------>Verweis zum Chat

Code: Alles auswählen

home1.png

Code: Alles auswählen

home2.png

Und wenn es im Portal nicht zu sehen sein soll dann das über dem Code:

Code: Alles auswählen

<!-- IF not $S_IN_PORTAL or S_DISPLAY_PHPBB_MENU -->

und unter dem Code das:

Code: Alles auswählen

<!-- ENDIF -->

einfügen.
Das Ausblenden der Buttons funktioniert damit aber nur wenn Du im ACP im Portal das php-Menü abstellst.
Leider nicht getestet.

[hupelmann]

Guten Morgen.

Soweit funzt das jetzt mit dem Button.
ein Problem gibt es aber noch.
Der rollover Effekt ist nicht da.
Habe auch den 2ten Button chat2.png drin.

Code: Alles auswählen

	</td>
                            <td class="button_img">
                        <a href="http://www.google.de"
                        onmouseover = "rollover('chat')"
                        onmouseout = "rollout('chat')"
                        >
                        <img src="{T_THEME_PATH}/images/buttons/chat1.png"
                        name="Chat"
                        alt="Chat" border="0"
                        height="40" width="101"
                        />
                        </a>
                        <script type="text/javascript">
                        <!--
                        setrollover("{T_THEME_PATH}/images/buttons/chat2.png");
                        //-->

http://www.robo-net.de/

[archivar]

Nimm mal dein Gedös wieder raus-auch das mit der Zeitung.
Und versuch mal das hier :

Code: Alles auswählen

							<td class="button_img">
								<a href="http://www.robo-net.de/testforum/chat/flashchat.php" target="_blank"
								onmouseover = "rollover('chat')"
								onmouseout = "rollout('chat')"
								>
								<img src="{T_THEME_PATH}/images/buttons/chat1.png"
								name="Chat"
								alt="Chat" border="0"
								height="40" width="101"
								/>
								</a>
								<script type="text/javascript">
								<!--
								setrollover("{T_THEME_PATH}/images/buttons/chat2.png");
								//-->
								</script>
							</td>
							<td class="button_img">
								<a href="http://www.robo-net.de/testforum/zeitung/" target="_blank"
								onmouseover = "rollover('zeitung')"
								onmouseout = "rollout('zeitung')"
								>
								<img src="{T_THEME_PATH}/images/buttons/zeitung1.png"
								name="zeitung"
								alt="zeitung" border="0"
								height="40" width="101"
								/>
								</a>
								<script type="text/javascript">
								<!--
								setrollover("{T_THEME_PATH}/images/buttons/zeitung2.png");
								//-->
								</script>
							</td>

[hupelmann]

Erstmal Danke an alle.
Werde es morgen nochmal testen.

[franki]

Hallo @archivar

Das in deinem Code ist etwas besser (xhtml) umzusetzen

Code: Alles auswählen

<a href="http://www.robo-net.de/testforum/chat/flashchat.php" target="_blank"

und

Code: Alles auswählen

<a href="http://www.robo-net.de/testforum/zeitung/" target="_blank"

target="_blank" wird ja nicht verwendet

sollte dann so aussehen

Code: Alles auswählen

<td class="button_img">
                        <a href="http://www.robo-net.de/testforum/chat/flashchat.php" onclick="window.open(this.href);return false;"
                        onmouseover = "rollover('chat')"
                        onmouseout = "rollout('chat')"
                        >
                        <img src="{T_THEME_PATH}/images/buttons/chat1.png"
                        name="Chat"
                        alt="Chat" border="0"
                        height="40" width="101"
                        />
                        </a>
                        <script type="text/javascript">
                        <!--
                        setrollover("{T_THEME_PATH}/images/buttons/chat2.png");
                        //-->
                        </script>
                     </td>
                     <td class="button_img">
                        <a href="http://www.robo-net.de/testforum/zeitung/" onclick="window.open(this.href);return false;"
                        onmouseover = "rollover('zeitung')"
                        onmouseout = "rollout('zeitung')"
                        >
                        <img src="{T_THEME_PATH}/images/buttons/zeitung1.png"
                        name="zeitung"
                        alt="zeitung" border="0"
                        height="40" width="101"
                        />
                        </a>
                        <script type="text/javascript">
                        <!--
                        setrollover("{T_THEME_PATH}/images/buttons/zeitung2.png");
                        //-->
                        </script>
                     </td>

[Cruiser]

In welcher Datei ist den beschrieben, welcher Code zu welcher Grafik gehört - Also wo kann ich erfahren welche Grafik dieser Code verlinkt?

Code: Alles auswählen

reply-icon

EDIT: Habs gefunden, steht in der imageset.cfg

[Dr.Death]

Ich wūrde mal die Wörter "reply" und "Icon" in eine Übersetzungsmaschine werfen....

Dazu gibt es keine Beschreibung. Die ganzen Icons / Buttons haben englische Bezeichnungen.


Edit: Ach, da hab ich Deine Fragestellung falsch verstanden. Du wolltest nur wissen, wo die Grafiken definiert werden.