Thema: gelöst - Mauszeiger ändern wenn man über links fährt

Hallo!

Sorry für die späte Antwort aber ich war krank :-(
Tut mir leid aber geht das noch etwas genauer? So bekomme ich das leider nicht hin :-(

Danke und Grüße

Ich muss hier nochmals nachfragen - Sorry

Ich hab nun die Cursur Datei rauf geladen und in die css template folgendes eingefügt:

}
Cursor: http://www.bf-austria.at/images/crosshair.cur
}

Leider funktionierts so nicht! Was mache ich falsch?
Danke und Grüße

Zitat von JuergenP

Vgl. mal den Code von Plopo, mit dem Code von Dir. Fällt Dir was auf?

Ich geh davon aus, dass ihm die Antwort nicht viel helfen wird ...

Füge folgendes in dein CSS (am Besten ganz am Ende) hinein:

a:hover{
cursor:url(http://www.bf-austria.at/images/crosshair.cur);
}

Wenn es nicht Probleme mit unterschiedlichen CSS's und der Vererbung gibt, dann sollte sich jetzt bei jedem Link der Mauszeiger in deine Grafik ändern sobald man mit der Maus darüber fährt.

lg

PS: Wenn ich mir die Referenz auf css4you anschaue, dann wäre wohl eine *.ico-Datei von der Kompatibilität besser als eine *.cur ...

Hallo Plopo, Michael

hab vielleicht ne blöde Frage, aber kann der User vielleicht den Code (soferne die Datei natürlich vorhanden ist) hier reingeben?

Code:

#wm-menu ul li a {
    background: url("../images/moomenu.png") no-repeat scroll right center transparent;
    color: #F3F2F1;
    cursor: pointer;
    display: block;
    font-size: 100%;
    font-weight: normal;
    height: 50px;
    line-height: 50px;
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    text-transform: none;
    width: auto;
}

Statt dem pointer natürlich

Gruß, Christine

Hallo und Danke erstmal für eure Hilfen!
Die Datei ist vorhanden - war nur falsch geschrieben :-( ich depp.....
Nun funktionierts allerdings nur beim IExplorer und bei Firefox nicht und auch im IE nur teilweise :-(
Woran kann das liegen?

Danke und Grüße

Zitat von christine2

Hallo Plopo, Michael

hab vielleicht ne blöde Frage, aber kann der User vielleicht den Code (soferne die Datei natürlich vorhanden ist) hier reingeben?

Code:

#wm-menu ul li a {
    background: url("../images/moomenu.png") no-repeat scroll right center transparent;
    color: #F3F2F1;
    cursor: pointer;
    display: block;
    font-size: 100%;
    font-weight: normal;
    height: 50px;
    line-height: 50px;
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    text-transform: none;
    width: auto;
}

Statt dem pointer natürlich

Gruß, Christine

Dann wird der Cursor aber nur in dem div mit der ID "wm-menu" bei Links die in einer Liste sind angezeigt. Wenn ich die Fragestellung richtig verstanden habe sollen Links im Text den anderen Cursor bekommen

Zitat von Ginibal

Hallo und Danke erstmal für eure Hilfen!
Die Datei ist vorhanden - war nur falsch geschrieben :-( ich depp.....
Nun funktionierts allerdings nur beim IExplorer und bei Firefox nicht und auch im IE nur teilweise :-(
Woran kann das liegen?
Danke und Grüße

Was verstehst du unter "teilweise"? Probier einmal den Cursor in anderen Formaten (z.B. *.ico) abzuspeichern und genauso zu verlinken wie die *.cur Datei.

Ich habe es soeben getestet (FF4): In der Datei "template.css" ändere folgende Zeile

Code:

a:hover, a:active {
	text-decoration: underline;
}

auf

Code:

a:hover, a:active {
	text-decoration: underline;
        cursor:crosshair;
}

Statt "cursor:crosshair;" natürlich die URL zu deinem Cursor angaben, so wie ich es ein paar Beiträge weiter oben schon beschrieben habe. Dann ändert sich der Cursor bei allen Links in Texten.

lg