Das Forum der Foren
Würden Sie gerne auf diese Nachricht reagieren? Erstellen Sie einen Account in wenigen Klicks oder loggen Sie sich ein, um fortzufahren.

Hoverbutton in der Navi

2 verfasser

Nach unten

Hoverbutton in der Navi Empty Hoverbutton in der Navi

Beitrag von Hayamoto Mo 16 Feb 2009 - 9:16

Hallo.

Habe jetzt nur einen Beitrag darüber gefunden und auf den kam keine Antwort, nur dass man so einen Effekt über das Template einstellen kann.

Kann mir denn jemand sagen, wie der Code für einen Hovereffekt ist und wo ich ihn einbauen muss, damit ich das für jeden Button in der Navileiste haben kann?

Wär echt klasse.

Danke i.V oraus.

Haya
Hayamoto
Hayamoto
Lehrling
Lehrling

Weiblich Anzahl der Beiträge : 163
Browser : Internet Explorer
Anmeldedatum : 03.10.07

Nach oben Nach unten

Hoverbutton in der Navi Empty Re: Hoverbutton in der Navi

Beitrag von Gast.. Mo 16 Feb 2009 - 12:24

Link entfernt by ZP, da nicht mehr aufrufbar!




Bitte beachten Sie dieses Reglement für einen vernünftigen Ablauf des Support:

  • Respektiere die Forenregeln.
  • Niemals die Email-Adresse oder die Email-Adresse der Forengründung in einem öffentlichen Beitrag veröffentlichen.
  • Für die Anforderung eines neuen Passwortes (nur Forengründer) bitte einen Beitrag in Verbindungsprobleme eröffnen.
    Nach Aufforderung bitte die Gründermailadresse und URL des Forum als PN an das entsprechende Teammitglied senden.


Zuletzt von Zuckerpuppe am Mi 20 Jun 2012 - 9:44 bearbeitet; insgesamt 1-mal bearbeitet (Grund : Link entfernt!)
avatar
Gast..
Gast


Nach oben Nach unten

Hoverbutton in der Navi Empty Re: Hoverbutton in der Navi

Beitrag von Hayamoto Di 17 Feb 2009 - 1:16

Danke für den Link. Hat alles funktioniert bis auf die eigenen Seiten Very Happy
Hayamoto
Hayamoto
Lehrling
Lehrling

Weiblich Anzahl der Beiträge : 163
Browser : Internet Explorer
Anmeldedatum : 03.10.07

Nach oben Nach unten

Hoverbutton in der Navi Empty Re: Hoverbutton in der Navi

Beitrag von Alex Di 17 Feb 2009 - 2:27

Hi Smile

wo klemmts denn genau?

Hast du noch eigene Buttons?



LG,
Alex Smile
avatar
Alex
Admin a.D.
Admin a.D.

Männlich Anzahl der Beiträge : 8116
Browser : Internet Explorer
Anmeldedatum : 02.09.07

Nach oben Nach unten

Hoverbutton in der Navi Empty Re: Hoverbutton in der Navi

Beitrag von Hayamoto Di 17 Feb 2009 - 11:09

Hi.
Ja.

Einen Impressum Button hatte ich noch.
Hayamoto
Hayamoto
Lehrling
Lehrling

Weiblich Anzahl der Beiträge : 163
Browser : Internet Explorer
Anmeldedatum : 03.10.07

Nach oben Nach unten

Hoverbutton in der Navi Empty Re: Hoverbutton in der Navi

Beitrag von Alex Di 17 Feb 2009 - 11:18

Hi Smile

Hast du den schon in 2 bzw. drei Ausführungen + das transparente GIF?

Der lässt sich natürlich auch mit rein baun. Wink









LG,
Alex Smile
avatar
Alex
Admin a.D.
Admin a.D.

Männlich Anzahl der Beiträge : 8116
Browser : Internet Explorer
Anmeldedatum : 02.09.07

Nach oben Nach unten

Hoverbutton in der Navi Empty Re: Hoverbutton in der Navi

Beitrag von Hayamoto Di 17 Feb 2009 - 11:40

ja, habe ich
Hayamoto
Hayamoto
Lehrling
Lehrling

Weiblich Anzahl der Beiträge : 163
Browser : Internet Explorer
Anmeldedatum : 03.10.07

Nach oben Nach unten

Hoverbutton in der Navi Empty Re: Hoverbutton in der Navi

Beitrag von Alex Di 17 Feb 2009 - 12:59

Jo,

dann funktioniert das genau wie bei den anderen Buttons auch. Allerdings nur mit einem Button, weitere Buttons lassen sich dann nicht mehr zusätzlich einfügen. Da müsstest du dann den Impressum-Link verlegen. Wäre ja bei BB2 in dem Fall auch kein Problem dank den Templates. Wink

1. Die URLs in den CSS-Code setzen, ich nehm mal wieder die gleichen Bezeichnungen wie bei den anderen mit _0 , _1 und _2 hintendran (_2 nur wenn du hast)


Code:
/*** Zusätzlicher Button ***/

a.mainmenu img  {
       background-image: url('http://ZUSATZBUTTON_0.gif');
   }
a.mainmenu img:hover {
       background-image: url('http://ZUSATZBUTTON_1.gif');
   }
a.mainmenu img:active,
a.mainmenu img:focus  {
       background-image: url('http://ZUSATZBUTTON_2.gif');
   }

3. Das transparente Gif einsetzen:

Unter Adminbereich/Anzeige/Startseite/Kopfteil und Navigation und dort in der Zeile deines Impressums auf zahnrad klicken und im folgenden Fenster als Bild-URL eintragen.


3. Den _1 und falls vorhanden _2 -Button auch zu den anderen in das overall_header_new-Template setzen mit dem Code

Code:
<img src="http://ZUSATZBUTTON_1.gif" style="visibility: hidden;" width="1" height="1">

und falls du hast auch:

Code:
<img src="http://ZUSATZBUTTON_2.gif" style="visibility: hidden;" width="1" height="1">

Falls es Probleme gibt werd ich mir das nochmal in deinem Forum anschaun. Mein Acc wurde ja geprunt Cool , aber der Impressum-Button ist ja auch für Gäste sichtbar. Wink




LG,
Alex Smile
avatar
Alex
Admin a.D.
Admin a.D.

Männlich Anzahl der Beiträge : 8116
Browser : Internet Explorer
Anmeldedatum : 02.09.07

Nach oben Nach unten

Hoverbutton in der Navi Empty Re: Hoverbutton in der Navi

Beitrag von Gesponserte Inhalte


Gesponserte Inhalte


Nach oben Nach unten

Nach oben

- Ähnliche Themen

 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten