Antworten zum Thema „Cursor + Hover“

n0nam3 · 22.12.2007

Hallo ihr...

ich bastel gerade aus Spaß mit einem Kumpel an einem Template rum.
Wir haben gesehen, dass eine ähnliche Seite (tarius.de) einen anderen Cursor verwendet
und ich hab mich mal ein bisschen umgesehen und auch einiges entdeckt,
wie man so etwas einbaut usw, allerdings funktioniert das nicht so ganz :hmpf:

Ich habe schon folgendes probiert:
(kann ja in head oder?)

Code:

<HEAD>
<style type="text/css">
<!--
body

[INDENT]cursor: url(cursor.ani);[/INDENT]

}
-->
</style>
</HEAD>

Der gewünschte Cursor wird aber nicht angezeigt

Das ist mein erstes Problem, dazu kommt noch,
dass sich der Cursor verändern soll, sobald er einen Link trifft...

Ich hab da irgendwas von...:

Code:

a {cursor: url(cursor.ani);}

...gesehen, aber das passte nun schon mal gar nicht!

(Zur Info: cursor.ani wird bei mir dann hand.ani heißen, ich weiß, dass ich das ersetzen muss)

Kann mir da jemand weiterhelfen?
Ich hab jetzt nur leichte Grundkenntnisse, also bitte kein Fachchinesisch :lol:
(SelfHTML spuckt auch nix hilfreiches aus!)

Lg
n0nam3

Edit: Ich bin jetzt erstmal 3 Wochen weg, also postet bitte alles, was euch dazu einfällt!
Ich antworte dann, wenn ich wieder zurück bin

Danke!!

alicexx · 22.12.2007

AW: Cursor + Hover

Du weisst schon, dass das nur der IE unterstuetzt, ja?

Ansonsten, schonmal kontrolliert ob auch der angegebenen Pfad stimmt?

dafuca · 22.12.2007

AW: Cursor + Hover

OT-> ich find den effekt...nun ja nicht so prikelnd...lass ma lieber <-OT

EdeBoi · 22.12.2007

AW: Cursor + Hover

@ alicexx

Funktioniert bei mir auch im FF!

HalbleiterFreak · 22.12.2007

AW: Cursor + Hover

Hi, ich weiß nicht ob du den Rest des Headers weggemacht hast ode so, jedenfalls hast du dort ein { vergessen (oder hast du das bloß einfach vesehentlich gelöscht???)

n0nam3 · 09.01.2008

AW: Cursor + Hover

Der Effekt geht auch im FF
und der Code ist auch richtig, es liegt eher an der Ausführung,
denk ich...

Herr_D · 09.01.2008

AW: Cursor + Hover

HalbleiterFreak schrieb:
Hi, ich weiß nicht ob du den Rest des Headers weggemacht hast ode so, jedenfalls hast du dort ein { vergessen (oder hast du das bloß einfach vesehentlich gelöscht???)

Schon mal überprüft?

Code:

<HEAD>
<style type="text/css">
<!--
body
[B] {[/B]
[INDENT]cursor: url(cursor.ani);[/INDENT]

}
-->
</style>
</HEAD>

Anicursor - Tutorial: Wie man eigene Cursor in seine Webseite einbindet

Funzt in Mozilla/ Seamonkey/ Opera schon mal nicht...

Ansonsten: Cascading Style Sheets { Vollreferenz zu CSS 1 und CSS 2.1 : CURSOR }

Flegma · 09.01.2008

AW: Cursor + Hover

Hi n0nam3

hab dein Problem gelöst.

erstma ein Link, dann spar ich mir das getippel ;-)

und hier der Quelltext für dein Problem:

Code:

<html>
<head>
<title>Eigener Cursor</title>
<style type="text/css">
<!--
body,td,th {
    cursor: url('http://sebastiansseite.homedns.org/Arrow.png'), auto;
}
a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #003366;
}
a:visited {
    cursor: url('http://sebastiansseite.homedns.org/Hand.png'), auto;
}
a:hover {
    cursor: url('http://sebastiansseite.homedns.org/Hand.png'), auto;
}
a:active {
    cursor: url('http://sebastiansseite.homedns.org/Hand.png'), auto;
}
-->
</style>
</head>

<body>
<p><a href="deine_seite.php" target="_blank">Hallo</a></p>

</body>
</html>

ok hoffe ich konnte dir helfen.

mfg. flegma

n0nam3 · 09.01.2008

AW: Cursor + Hover

Ich werd's mal ausprobieren

Danke schon mal...
Auch an alle Anderen!

Edit:

Mein Stylesheet (aus Webspell):

Code:

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;

    scrollbar-base-color:#cccccc;
    scrollbar-3dlight-color:#333333;
    scrollbar-arrow-color:#333333;
    scrollbar-darkshadow-color:#333333;
    scrollbar-face-color:#cccccc;
    scrollbar-highlight-color#cccccc;
    scrollbar-shadow-color:#cccccc;
    scrollbar-track-color:#cccccc;
    cursor: url('http://sebastiansseite.homedns.org/Arrow.png'), auto;
}

table {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #c7c7c7;
}
h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #c7c7c7;
    text-transform: uppercase;
    font-weight: bold;
}

.small {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 9px; 
    color: #c7c7c7;
}

.title {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #c7c7c7;
    font-weight: bold;
    background-image: url(images/title_bg.gif);
    background-repeat: repeat;
    background-position: left top;
}

.category_big {  
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px; 
    color: #c7c7c7; 
    font-weight: bold; 
}

.category {  
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px; 
    color: #c7c7c7; 
    font-weight: normal; 
}

.marked {
    background-color: #000000;
    font-weight: bold;
}

a, a:visited, a:active {
    color: #c7c7c7;
    text-decoration: none;
    font-weight: normal;
    cursor: url('http://sebastiansseite.homedns.org/Hand.png'), auto;
}

a:hover {
    color: #e8a900;
    text-decoration: underline;
    font-weight: normal;
    cursor: url('http://sebastiansseite.homedns.org/Hand.png'), auto;
}

a.titlelink, a.titlelink:visited, a.titlelink:active {
    color: #c7c7c7;
    text-decoration: none;
    font-weight: bold;
    cursor: url('http://sebastiansseite.homedns.org/Hand.png'), auto;
}

a.titlelink:hover {
    color: #c7c7c7;
    text-decoration: underline;
    font-weight: bold;
    cursor: url('http://sebastiansseite.homedns.org/Hand.png'), auto;
}

a.category, a.category:visited, a.category:active {
    color: #c7c7c7;
    text-decoration: none;
    cursor: url('http://sebastiansseite.homedns.org/Hand.png'), auto;
}

a.category:hover {
    color: #000000;
    text-decoration: underline;
    cursor: url('http://sebastiansseite.homedns.org/Hand.png'), auto;
}

option, textarea, input, select, file {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    color: #000000; 
    background-color: #FFFFFF; 
    border: 1px solid #333333;
}

.footer {color: #FFFFFF
	  size: 10px
			}
			
.form_off {  
    color: #666666; 
    background-color: #DCDCDC; 
    border: 1px solid #666666;
}

.form_on {  
    color: #000000; 
    background-color: #EEEEEE; 
    border: 1px solid #000000;
}

.form_username {
    background-color: #eeeeee;
    border: 1px solid #333333;
    background-image: url(images/username.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.form_password {
    background-color: #eeeeee;
    border: 1px solid #333333;
    background-image: url(images/password.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.form_name {
    background-color: #eeeeee;
    border: 1px solid #333333;
    background-image: url(images/name.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.form_text {
    background-color: #eeeeee;
    border: 1px solid #333333;
    background-image: url(images/message.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.input { 
    background-color: transparent; 
    border: 1px none; 
    margin-top: 0px;
    margin-bottom: 0px;
}

Die URL werd ich noch ersetzen,
sobald mein FTP Client mal wieder funktionieren will :hmpf:

Aber stimmt das erstmal?

Flegma · 09.01.2008

AW: Cursor + Hover

OK,

So wie ich das jetzt sehe stimmt das erstmal. Aber bist du dir sicher, dass die Bilddatein wirklich so heißen? Denn das waren nur Beispiele xD.

Naja ok dann sieh ma zu, dass du den wieder zum laufen bekommst denn ohne is doof. Wenns nicht geht nimmste den Explorer.

n0nam3 · 09.01.2008

AW: Cursor + Hover

Nunja...ich teste ma

*FTP-Client ausm Fenster schmeiß*

Flegma · 09.01.2008

AW: Cursor + Hover

Welchen client haste?

n0nam3 · 09.01.2008

AW: Cursor + Hover

SmartFTP,
nur der sacht mir dauernd, die Version wäre veraltet,
obwohl ich gerade eben die neueste Version runtergeladen...

Flegma · 09.01.2008

AW: Cursor + Hover

AH ok den hab ich auch, komisch...

na dann versuch doch mal folgendes:

- geh ma auf den Arbeitsplatz
- Netzwerkumgebung
- Netzwerkressource hinzufügen

und dann dem ganzen folgen

auch eine Art, aber nicht mit SmartFTP zu vergleichen.