Teammitglieder online
Regeln und nützliche Hinweise
Neueste Themen
» [Invision] Editor über den Bildrand ziehbar + Schriftgrößenproblemvon Skouliki Mi 20 Nov 2024 - 8:06
» Passwort für meinen Adminbereich vergessen.
von Joost Sa 9 Nov 2024 - 10:13
» [Invision] Signatur wird nicht immer eingefügt
von Skouliki Mo 4 Nov 2024 - 16:33
» [Invision] Schriftgröße Navigationsleiste, Links und Forenbeschreibungen
von Skouliki So 27 Okt 2024 - 13:29
» [Invision] Transparent Logohintergrund/Struktur
von Joost So 27 Okt 2024 - 12:58
» png wird im servimg in ein jpg umgewandelt
von Skouliki Mi 23 Okt 2024 - 20:26
» Passwort Vergessen (SilentHowl)
von Joost Do 17 Okt 2024 - 17:14
» [Invision] Hintergrundbild fixieren
von Skouliki Mo 14 Okt 2024 - 11:30
» Paßwort vergessen
von Joost So 13 Okt 2024 - 17:58
» Anti-Spam-Prüfung
von Hana19 Sa 12 Okt 2024 - 16:59
» Private Nachrichten bleiben im Postausgang hängen
von Skouliki Fr 11 Okt 2024 - 11:11
» [phpBB3] Mittelteil des Forums verschoben
von Eto Mo 7 Okt 2024 - 20:50
» [phpBB3] Farbpalette ändern
von Skouliki Mo 7 Okt 2024 - 10:08
» [Klassische Version] Account löschen
von Joost Sa 5 Okt 2024 - 21:05
» Chatbox einloggen nicht möglich
von Joost So 29 Sep 2024 - 8:01
» [phpBB2] Admin Passwort nicht korrekt
von Joost Do 26 Sep 2024 - 19:20
» Grid-Layout für alle Forumversionen verfügbar
von Joost Mi 18 Sep 2024 - 16:54
» [Klassische Version] Gründer/Admin Passwort vergessen / Forum löschen
von Skouliki Di 17 Sep 2024 - 11:14
Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Agorass in Passwort für meinen Adminbereich vergessen. ( 2 )
» Beitrag von Alastor in [Invision] Transparent Logohintergrund/Struktur
( 2 )
» Beitrag von Keks in [phpBB2] Unterforen Nebeneinander
( 1 )
» Beitrag von Alastor in [Invision] Schriftgröße Navigationsleiste, Links und Forenbeschreibungen
( 1 )
Wo den HTML-Code für ein Mousover beim Header eintragen?
2 verfasser
Das Forum der Foren :: Hilfe und Unterstützung :: Probleme mit Scripten oder Codes :: Probleme mit Scripten oder Codes - Archiv
Seite 1 von 1 • Teilen
Wo den HTML-Code für ein Mousover beim Header eintragen?
Hallo!
Ich habe schon gesucht und auch einen Code gefunden, für den Mousovereffekt mit Bilderwechsel.
Nur leider habe ich nicht gefunden, wo ich den einfügen muss.
Bitte um Hilfe, danke :'))
Ich habe schon gesucht und auch einen Code gefunden, für den Mousovereffekt mit Bilderwechsel.
Nur leider habe ich nicht gefunden, wo ich den einfügen muss.
Bitte um Hilfe, danke :'))
thecharly.- Geselle
- Beiträge : 70
Anmeldedatum : 14.07.11
Re: Wo den HTML-Code für ein Mousover beim Header eintragen?
Meinst du so wie in diesem Forum?
http://frank3.forumieren.eu/
http://frank3.forumieren.eu/
#Frank- Admin a.D.
- Beiträge : 34614
Anmeldedatum : 13.08.08
Re: Wo den HTML-Code für ein Mousover beim Header eintragen?
Ja, genauso meine ich es.
Nur, dass sich meins halt von schwarz/weiß zu farbig ändern soll.
Nur, dass sich meins halt von schwarz/weiß zu farbig ändern soll.
thecharly.- Geselle
- Beiträge : 70
Anmeldedatum : 14.07.11
Re: Wo den HTML-Code für ein Mousover beim Header eintragen?
Hast du dazu zwei verschiedene Grafiken oder wie willst du das machen?
#Frank- Admin a.D.
- Beiträge : 34614
Anmeldedatum : 13.08.08
Re: Wo den HTML-Code für ein Mousover beim Header eintragen?
Jap, habe dazu zwei verschiedene. Einmal in schwarz/weiß und einmal in Farbe. (Übrigens beide von Anju erstellt. *-*)
thecharly.- Geselle
- Beiträge : 70
Anmeldedatum : 14.07.11
Re: Wo den HTML-Code für ein Mousover beim Header eintragen?
Gut, dann erkläre ich nun wie du das einsetzen musst.
Als erstes gehst du bitte in der Bilderverwaltung dort hin wo du jetzt dein Logo eingesetzt hast und Löschst dieses. Du setzt dort bitte als Bilderlink das hier ein:
https://2img.net/i/fa/empty.gif
Damit hast du das Logo schon mal weg.
Nun der zweite Schritt:
Du gehst bitte auf dein Persönliches CSS:
Adminbereich Anzeige Bilder & Farben Farben CSS Stylesheet
Dort fügst du bitte am Ende diesen Code ein:
Ich habe hier schon zwei deiner Grafiken eingesetzt. Du musst aber immer darauf achten, das beide Banner die gleiche Größe haben und diese auch bei den Bildern mit angeben.
Ohne Größenangabe wird das Bild nicht angezeigt.
Sind die Größen unterschiedlich dann kommt es zu unschönen Sprüngen beim darüber fahren.
Viel Spaß mit dem Wechselnden Banner.
Als erstes gehst du bitte in der Bilderverwaltung dort hin wo du jetzt dein Logo eingesetzt hast und Löschst dieses. Du setzt dort bitte als Bilderlink das hier ein:
https://2img.net/i/fa/empty.gif
Damit hast du das Logo schon mal weg.
Nun der zweite Schritt:
Du gehst bitte auf dein Persönliches CSS:
Adminbereich Anzeige Bilder & Farben Farben CSS Stylesheet
Dort fügst du bitte am Ende diesen Code ein:
- Code:
/*--- Logo wechselt bei Mouse over by #Frank BEGINN ---*/
/*--- Normales Logo ---*/
#i_logo {
background-image: url("http://i47.servimg.com/u/f47/12/67/16/15/horror10.jpg");
height: 267px;
width: 800px;
}
/*--- Logo bei Mouse over ---*/
#i_logo:hover {
background-image: url("http://i47.servimg.com/u/f47/12/67/16/15/horror11.jpg");
height: 267px;
width: 800px;
}
/*--- Logo wechselt bei Mouse over by #Frank END ---*/
Ich habe hier schon zwei deiner Grafiken eingesetzt. Du musst aber immer darauf achten, das beide Banner die gleiche Größe haben und diese auch bei den Bildern mit angeben.
Ohne Größenangabe wird das Bild nicht angezeigt.
Sind die Größen unterschiedlich dann kommt es zu unschönen Sprüngen beim darüber fahren.
Viel Spaß mit dem Wechselnden Banner.
#Frank- Admin a.D.
- Beiträge : 34614
Anmeldedatum : 13.08.08
Re: Wo den HTML-Code für ein Mousover beim Header eintragen?
Danke für deine Antwort, aber bei mir wird da leider überhaupt kein Bild angezeigt. ;o
thecharly.- Geselle
- Beiträge : 70
Anmeldedatum : 14.07.11
Re: Wo den HTML-Code für ein Mousover beim Header eintragen?
Hast du den Code unverändert eingesetzt oder hast du Änderungen daran vorgenommen?
#Frank- Admin a.D.
- Beiträge : 34614
Anmeldedatum : 13.08.08
Re: Wo den HTML-Code für ein Mousover beim Header eintragen?
Hast du es wieder raus genommen?
Edit:
Ich sehe, das es sich um ein anderes Forum handelt. Ich denke das du dieses Forum meinst:
http://secrets.getboard.net/
Hier ist das was anderes, weil es sich um ein phpBB3 Forum handelt. Der Code oben war für ein phpBB2 Forum..
Bitte mal den Code den du eingesetzt hast raus nehmen und durch diesen ersetzen:
- Code:
/*--- Logo wechselt bei Mouse over by #Frank BEGINN ---*/
/*--- Normales Logo ---*/
#logo-desc #logo img{
background-image: url("http://i47.servimg.com/u/f47/12/67/16/15/horror10.jpg");
height: 267px;
width: 800px;
}
/*--- Logo bei Mouse over ---*/
#logo-desc:hover #logo:hover img:hover {
background-image: url("http://i47.servimg.com/u/f47/12/67/16/15/horror11.jpg");
height: 267px;
width: 800px;
}
/*--- Logo wechselt bei Mouse over by #Frank END ---*/
Zuletzt von #Frank am Do 25 Aug 2011 - 17:20 bearbeitet; insgesamt 1-mal bearbeitet
#Frank- Admin a.D.
- Beiträge : 34614
Anmeldedatum : 13.08.08
Re: Wo den HTML-Code für ein Mousover beim Header eintragen?
Bitte mal meinen Edit oben beachten.
Du musst bei dir einen anderen Code im CSS eintragen!
Du musst bei dir einen anderen Code im CSS eintragen!
#Frank- Admin a.D.
- Beiträge : 34614
Anmeldedatum : 13.08.08
Re: Wo den HTML-Code für ein Mousover beim Header eintragen?
Sorry, Frank, habe deinen Edit erst später gesehen.
Hat nun funktioniert. Vielen Dank, für deine Hilfe. :'))
Hat nun funktioniert. Vielen Dank, für deine Hilfe. :'))
thecharly.- Geselle
- Beiträge : 70
Anmeldedatum : 14.07.11
Re: Wo den HTML-Code für ein Mousover beim Header eintragen?
Alles Klar... so sieht es doch schön aus.
Da kannst du mal sehen, wie Wichtig es ist, das wir hier wissen um welche Forenversion es sich handelt.
Gerade bei CSS ist es wichtig das man sich das Forum anschauen kann, damit man weiß um welche Version es sich handelt.
Sollte jemand noch mal etwas zu diesem Thema suchen, habe ich hier ein Tuto erstellt.
Freut mich das es nun klappt und mache hier nun zu.
Da kannst du mal sehen, wie Wichtig es ist, das wir hier wissen um welche Forenversion es sich handelt.
Gerade bei CSS ist es wichtig das man sich das Forum anschauen kann, damit man weiß um welche Version es sich handelt.
Sollte jemand noch mal etwas zu diesem Thema suchen, habe ich hier ein Tuto erstellt.
Freut mich das es nun klappt und mache hier nun zu.
#Frank- Admin a.D.
- Beiträge : 34614
Anmeldedatum : 13.08.08
Ähnliche Themen
» [phpBB2] Html Code ganz unten beim Forum einsetzen
» [phpBB3][HTML]HTML deaktiviert sich beim absenden automatisch
» html code - links in neuem Fenster und andere html probleme
» ,,Code makieren`` HTML-Code
» Abstand beim Header löschen
» [phpBB3][HTML]HTML deaktiviert sich beim absenden automatisch
» html code - links in neuem Fenster und andere html probleme
» ,,Code makieren`` HTML-Code
» Abstand beim Header löschen
Das Forum der Foren :: Hilfe und Unterstützung :: Probleme mit Scripten oder Codes :: Probleme mit Scripten oder Codes - Archiv
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten