[cufon] hover?

[willshedo]

Hallo alle,

bekommt man die cufon-Extension auch dazu, :hover darzustellen?
Ein ganz normales
#navi a {color:#ccc;} #navi a:hover {color:#fff;}
scheint es irgendwie nicht zu wollen. Gibts da einen speziellen Trick?

Grüße,
Chris

[david enke]

Alles dokumentiert und funktionsfähig.
http://wiki.github.com/sorccu/cufon/api

Cufon.replace('a', { hover: true });

[andreas.schempp]

Und im Contao-Modul gibt's ein Feld in dem du die Hover-Elemente eingeben kannst/musst.

[willshedo]

Ahaaaa - danke, Andreas! Das wars, was ich übersehen hatte!

[Arbie]

Andreas schreibt:
"Und im Contao-Modul gibt's ein Feld in dem du die Hover-Elemente eingeben kannst/musst."

eien Fragen dazu sind:
Ich weiß in welchem Feld ich das eingeben müsste. Aber was sind Hover-Elemente? Ist das die Schrifauszeichnung oder was.
Und muss ich den wechsel in der Formatdefinition unter dem Selektor #nav ul.level_1 li a:hover oder unter #nav ul.level_1 li a angeben?

[andreas.schempp]

Ich würde es einfach mal mit dem Element (a) versuchen. Es gilt dann für alle Kindelemente von diesem Typ deines Selektors.

[Arbie]

Ich würde es einfach mal mit dem Element (a) versuchen. Es gilt dann für alle Kindelemente von diesem Typ deines Selektors.

Vielen Dank für die schnelle Antwort.

Ich habe jetzt verschieden Dinge getestet. Zuerst hatte ich jeweils einen Schriftschnitt (Light) und (Medium) in getrennte Cufon-Dateien gespeichert. Die Links im CSS definiert mit der Light-Schrift. Dann ein CSS für a:hover mit der Medium-Schrift.
Und nach Deiner Anwort habe ich dann ein "a" in das Feld unter Hover-Elemente eingegeben. Nichts passiert bei Mouseover. Gebe ich a:hover in das Feld ein sind dann alle mit der Schrift versehen auch wenn ich nicht darüberfahre. Dann habe ich die beiden Schriften im Cufon so angelegt, dass beide in einer Datei sind. eine als Regular und eine als Bold um evtl. mit der Auszeichnung FETT etwas zu erreichen.
Funktioniert auch nicht.

[frank.huettner]

Hallo Arbie,

als Selektor "#nav ul.level_1 li" eintragen und wie schon selber geschrieben "a" in das Feld unter Hover-Elemente. Wenn es nicht gehen sollte, hast Du dann mal einen Link zum schauen?

Gruß Frank

[andreas.schempp]

Ich glaube nicht dass zwei getrennte Schriftdateien funktionieren. Du müsstest die Schriftschnitte in eine Datei hinaufladen, entweder als "bold" oder "italic"

[Arbie]

Wenn es nicht gehen sollte, hast Du dann mal einen Link zum schauen?

Vielen Dank, für Deine Antwort. Ich habe schon einige Kombinationen ausprobiert, es geht nicht.
Einen Link zum Anschen habe ich leider nicht. Und momentan muss ich mich schon wieder um was anderes kümmern.
Wenns einen Link gibt stelle ich ihn hier rein.

[gording]

Hallo,

an alle die es interesiert.

Wie in der Bescreibung von cufon für hover steht

Note: the hover option cannot be added to an element that has been replaced before. To make it work you must reverse the order of your replace calls (i.e. hover calls must go first).

habe ich erst das hover definiert zB

.mod_navigation a:hover {color: #ffffff;}

und darunter

.mod_navigation a{color: #aaaaaa;}

mit den dafür vorgesehenen cufon angaben.
im Feld Hover-Elemente habe ich a angegeben


funktioniert prima

LG

Georg

[amimoto]

cufon 1.0.0 stable build 10
Contao 2.9.1

Also bei mir funktioniert das irgendwie nicht mit dem a:hover.
Wenn ich für den Selektor "#sidenav ul.level_1 li" unter "Hover-Elemente" "a,p" angebe, dann steht im Quelltext:

Cufon.replace('#sidenav ul.level_1 li', {fontFamily: 'Chimpanzee', hover: true, hoverables: { p: true }})

Mit dem Hover auf dem Listenelement li funktioniert es, das führt aber zu Problemen bei den Unterebenen.

???

LG
PB

[andreas.schempp]

Dein Selektor bezieht sich ja auch nicht auf ein a-Element... Ich hatte das Problem kürzlich auch, und habe es mittels Javascript, einer CSS-Klasse (welche für IE6 sowieso benötigt wird) und einem Cufon.refresh() gemacht.

[Ainschy]

Hallo Allerseits,

ich habe mich heute ein bischen mit Cufón und der Hover Funktion auseinander gesetzt.

Bei der CSS Definition für a:hover darf die Option Cufòn nicht ausgewählt werden, da sonst in der cufon.replace Anweisung später a:hover erscheint.

Diese Anweisung führt zu keiner Funktion.

Cufon.replace('#left .mod_navigation a:hover', {fontFamily: 'Bell mt', hover: true}); 

So sollte die Anweisung aussehen.

Cufon.replace('#left .mod_navigation a', {fontFamily: 'Bell mt', hover: true}); 

Aktiviert die Cufon Schrift nur bei der CSS Definition vom a (in dem Beispiel: #left .mod_navigation a) und tragt bei 'Hover-Element' das 'a' ein. Dann gehts.

Viel Spass beim Hovern

Gruß Ainschy

[do_while]

Hallo Ainschy,

[offtopic]
Da Du aus Tegel kommst ein Katzensprung:
Am 26.2. ist Contao Stammtisch im Schollenkrug in der freien Scholle.
http://www.contao-community.de/group...903&do=discuss
[/offtopic]