Seite 1 von 2

Zusätzliche Button in Header Menü

Verfasst: 17.01.2011 18:49
von 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.

Re: Zusätzliche Button in Header Menü

Verfasst: 17.01.2011 19:41
von archivar
Hallo,
um welchen Style hadelt es sich und hast Du die Button(Bild mit name) schon?

Re: Zusätzliche Button in Header Menü

Verfasst: 17.01.2011 19:56
von 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.

Re: Zusätzliche Button in Header Menü

Verfasst: 17.01.2011 20:27
von 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. :wink:

Re: Zusätzliche Button in Header Menü

Verfasst: 18.01.2011 09:07
von 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/

Re: Zusätzliche Button in Header Menü

Verfasst: 18.01.2011 18:25
von 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>

Re: Zusätzliche Button in Header Menü

Verfasst: 18.01.2011 19:00
von hupelmann
Erstmal Danke an alle.
Werde es morgen nochmal testen.

Re: Zusätzliche Button in Header Menü

Verfasst: 18.01.2011 20:50
von 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>

Re: Zusätzliche Button in Header Menü

Verfasst: 25.03.2011 10:14
von 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

Re: Zusätzliche Button in Header Menü

Verfasst: 25.03.2011 19:35
von 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.