mouse over button

Alles zu Styles, Templates, Icons und Smilies für phpBB 2.0, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
Forumsregeln
phpBB 2.0 hat das Ende seiner Lebenszeit überschritten
phpBB 2.0 wird nicht mehr aktiv unterstützt. Insbesondere werden - auch bei Sicherheitslücken - keine Patches mehr bereitgestellt. Der Einsatz von phpBB 2.0 erfolgt daher auf eigene Gefahr. Wir empfehlen einen Umstieg auf phpBB 3.0, welches aktiv weiterentwickelt wird und für welches regelmäßig Updates zur Verfügung gestellt werden.
Antworten
Benutzeravatar
mark2
Mitglied
Beiträge: 454
Registriert: 22.02.2006 23:05
Wohnort: Kempten

mouse over button

Beitrag von mark2 »

Ich habe das nickpage und nickpagelist mod installiert und benutzte ein Style in dem sich die Butons in Header beim Mouse over verändern. Das macht der neu eingefügte Nickpage Button jedoch nicht. Wie kann ich für den neuen button einen Mouseover effekt einbauen. Komm nicht weiter.
Benutzeravatar
miccom
Mitglied
Beiträge: 5620
Registriert: 30.03.2003 23:53
Wohnort: Hamburg
Kontaktdaten:

Beitrag von miccom »

wie glaubst du sollen wir weiterkommen? link, code, beispiele - poste mal etwas mehr infos!
Benutzeravatar
mark2
Mitglied
Beiträge: 454
Registriert: 22.02.2006 23:05
Wohnort: Kempten

Beitrag von mark2 »

soll ich den kompletten Code der Header.tpl hier rein setzten, der ist ewig lang.
das hier ist die Zeile wo der Button angezeigt und verlinkt wird.

Code: Alles auswählen

<!-- BEGIN Shownickpagebutton -->
				<tr>
				<td colspan="3"><a href="{U_NICKPAGELIST}"><img alt="Nickpage Liste" src="templates/ezHyperShadow/images/lang_english/nickpage_button_small.gif" border="0" height="15" width="68"</a></td>
				</tr><!-- END Shownickpagebutton -->
und so sieht der code für die original Buttons aus die einen mouseover Effekt haben.

Code: Alles auswählen

				<tr>
					<td colspan="3"><a href="{U_MEMBERLIST}"><img alt="{L_MEMBERLIST}" name="Tb3" onmouseover="javascript:imgOn('b3')" onmouseout="javascript:imgOff('b3')" src="templates/ezHyperShadow/images/lang_english/btn_memberlist.gif" border="0" height="15" width="68"></a></td>
					<td><a href="{U_GROUP_CP}"><img alt="{L_USERGROUPS}" name="Tb4" onmouseover="javascript:imgOn('b4')" onmouseout="javascript:imgOff('b4')" src="templates/ezHyperShadow/images/lang_english/btn_usergroups.gif" border="0" height="15" width="68"></a></td>
				</tr>
Benutzeravatar
miccom
Mitglied
Beiträge: 5620
Registriert: 30.03.2003 23:53
Wohnort: Hamburg
Kontaktdaten:

Beitrag von miccom »

1. poste auch mal einen link zu deinem board!

2. bezgl. dem posten von code:
KB:81
tpl-dateien kannst du aber auch einfach posten ;)

3. je neuen button musst du:
a) diesen code im img-tag hinzufügen:

Code: Alles auswählen

name="Tb3" onmouseover="javascript:imgOn('b3')"  onmouseout="javascript:imgOff('b3')"
du musst aber einen neuen namen nach "name=" vergeben, dieser namen wiederholt sich auch in den runden klammern. zusätzlich musst du im script-teil die neuen bilder vereinbaren... ohne den vollständigen code kann ich dazu nicht mehr sagen. siehe 1.
Benutzeravatar
mark2
Mitglied
Beiträge: 454
Registriert: 22.02.2006 23:05
Wohnort: Kempten

Beitrag von mark2 »

hier mein forum (test forum)

der nickpage buton kommt aber erst wenn man sich angemeldet hat. kannst dich ja anmelden ist wie gesagt nur ein testboard. mein richtiges läuft wo anders.
Benutzeravatar
mark2
Mitglied
Beiträge: 454
Registriert: 22.02.2006 23:05
Wohnort: Kempten

Beitrag von mark2 »

Ok das hat sich erledigt.
Das was du geschrieben hast hat funktioniert.
Herzlichen dank!
gruß
Benutzeravatar
miccom
Mitglied
Beiträge: 5620
Registriert: 30.03.2003 23:53
Wohnort: Hamburg
Kontaktdaten:

Beitrag von miccom »

dein code sieht so aus:

Code: Alles auswählen

<!-- BEGIN Shownickpagebutton -->
            <tr>
            <td colspan="3"><a href="{U_NICKPAGELIST}"><img alt="Nickpage Liste" name="Tb10" onmouseover="javascript:imgOn('b10')"  onmouseout="javascript:imgOff('b10')" src="templates/ezHyperShadow/images/lang_english/nickpage_button_small.gif" border="0" height="15" width="68"></a></td>
            </tr>
<!-- END Shownickpagebutton --> 
das bild, dass beim überfahren des buttons kommen soll, muss so heissen:
nickpage_button_small_on.gif
Antworten

Zurück zu „phpBB 2.0: Styles, Templates und Grafiken“