cursor auf der homepage verändern?

Galle81 · 4. November 2008

hi leute ,

wie die überschrift schon sagt, wollte ich gerne den cursor auf meiner hp verändern.
Nur leider weiss ich nicht, wie es geht bzw. welche datei man ändern muss.
Ich hätte gern anstatt diesen normalen finger, ein fradenkreuz oder so.
Wäre nett, wenn ihr mir helfen würdet.

thx im voraus

edit: bitte idiotensicher erklären, da ich auf dem gebiet noch nicht der hellste bin

TZ.exe · 4. November 2008

Klick mich ^^

Galle81 · 4. November 2008

und wo füge ich den code genau ein?
(style.css) und weiter?

Accuface · 4. November 2008

css kannst du auch im header bereich implementieren, also zwischen <head> und </head>

Galle81 · 4. November 2008

das ist meine style.css datei und wo muss ich das ein fügen mit dem fadenkreuz? :

body {
background-color: #575757;
margin: 0;
}
.bodyspacer {
background-image: url(../Bilder/bodyspacer.jpg);
background-repeat: repeat-y;
}
.loginspacer {
background-image: url(../Bilder/loginspacer.jpg);
background-repeat: repeat-y;
height: 100%;
width: 252px;
}
.warsspacer {
background-image: url(../Bilder/warsspacer.jpg);
background-repeat: repeat-y;
height: 100%;
width: 496px;
}
.lpostspacer {
background-image: url(../Bilder/lpostspacer.jpg);
background-repeat: repeat-y;
height: 100%;
width: 252px;
}
.contenttop {
background-image: url(../Bilder/contenttop.jpg);
background-repeat: no-repeat;
height: 32px;
width: 496px;
}

.contentspacer {
background-image: url(../Bilder/contentspacer.jpg);
background-repeat: repeat-y;
height: 100%;
width: 496px;
}
.menuspacer_le {
background-image: url(../Bilder/menuspacer_le.jpg);
background-repeat: repeat-y;
height: 100%;
width: 252px;
}
.menuspacer_re {
background-image: url(../Bilder/menuespacer_re.jpg);
background-repeat: repeat-y;
height: 100%;
width: 252px;
}
.menutop_le {
background-image: url(../Bilder/menu_le.jpg);
background-repeat: no-repeat;
height: 32px;
width: 252px;
}
.menutop_re {
background-image: url(../Bilder/menun_re.jpg);
background-repeat: no-repeat;
height: 32px;
width: 252px;
}
#hmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
height: auto;
width: auto;
margin-top: 10px;
margin-right: 5px;
margin-left: 60px;
}

#explode {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
width: auto;
margin-right: 12px;
margin-left: 12px;
}
#boxes_lpost {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
height: auto;
width: auto;
margin-right: 38px;
margin-left: 8px;
}
#boxes_login {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
height: 125px;
width: auto;
margin-right: 8px;
margin-left: 32px;
}
#boxes_warsabstand {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
height: auto;
width: auto;
margin-right: 8px;
margin-left: 8px;
}
.log1 /*für nickname hg*/
{
color: #CCCCCC;
width: 198px;
height: 19px;
border-width: 1px;
border-color: #2E2D2D;
font-weight: normal;
text-decoration: none;
text-align: center;
vertical-align: 20%;
padding-top: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-image: url(../Bilder/name.jpg);
background-repeat: no-repeat;
background-color: #2E2D2D;
background-position: left top;
}
.log2 /*für pw hg*/
{
color: #CCCCCC;
background-color: 2E2D2D;
width: 198px;
height: 19px;
font-weight: normal;
text-decoration: none;
text-align: center;
padding-top: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-image: url(../Bilder/passw.jpg);
background-repeat: no-repeat;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-color: #2E2D2D;
border-right-color: #2E2D2D;
border-bottom-color: #2E2D2D;
border-left-color: #2E2D2D;
vertical-align: bottom;
background-position: center top;
}
.logbutton /*für loginbutton*/
{
width: 59px;
height: 49px;
border-width: 0px;
font-weight: normal;
text-decoration: none;
background-image: url(../Bilder/login.jpg);
background-repeat: no-repeat;
padding-bottom: -2px;
}
.menulinksinner {
height: auto;
width: auto;
margin-right: 6px;
margin-left: 37px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #A60403;
}
.menulinkstitel {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #FEE03E;
height: auto;
width: auto;
margin-right: 8px;
margin-left: 82px;
margin-top: 8px;
}
.menurechtsinner {
height: auto;
width: auto;
margin-right: 38px;
margin-left: 8px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #A60403;
}
.menurechtstitel {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #FEE03E;
height: auto;
width: auto;
margin-right: 36px;
margin-left: 52px;
margin-top: 8px;
}
.menu
{
display:block;
color: #FFFFFF;
font-size: 11px;
width: 208px;
height: 26px;
text-indent: 50px;
text-decoration: none;
font-family: Verdana, sans-serif;
line-height: 19px;
background-image: url(../Bilder/mainbutton.jpg);
background-repeat: no-repeat;
}
.menu:hover
{
display:block;
color: #FEE03E;
font-size: 11px;
width: 208px;
height: 26px;
text-indent: 50px;
text-decoration: none;
font-family: Verdana, sans-serif;
line-height: 19px;
background-image: url(../Bilder/mainbutton-over.jpg);
background-repeat: no-repeat;
}
#lastpost a:visited {
color: #FFFFFF;
font-size: 12px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
}
#lastpost a:hover {
color: #165C5C;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
}
#lastpost a:link {
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
}
#lastwarsabstand a:visited {
color: #999999;
font-size: 10px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
}
#lastwarsabstand a:hover {
color: #165C5C;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
}
#lastwarsabstand a:link {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
}
a:hover
{
text-decoration: none;
color: #990000;
}
a:link {
font-family: verdana;
font-size: 10px;
color: #FFFFFF;
text-decoration: none;
}
a:visited {
font-family: verdana;
font-size: 10px;
color: #FFFFFF;
text-decoration: none;
}
a.box
{
color: #FFFFFF;
font-family: Verdana;
font-size: 10px;
text-decoration: none;
}
a.box:hover
{
text-decoration: none;
color: #990000;
}

.Chead
{
color: #666666;
background-repeat: repeat-x;
height: 20px;
background-color: #560000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.Chead td, .Chead td strong, .Chead h4, .Chead td b
{
color: #666666;
background-repeat: repeat-x;
height: 20px;
background-color: #560000;
font-size: 10px;
}

.Callg
{
background-color: #1D1D1D;
color: #FFFFFF;
}

.Callg td
{
color: #FFFFFF;
}

.Cnorm
{
background-color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
}
.Cmite
{
background-color: #000000;
height: auto;
width: auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
}
.Cdark
{
background-color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
}

.smalfont
{
font-size: 10px;
text-decoration: none;
}

.border
{
background-color: #560000;
}
hr
{
height: 0px;
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: groove;
border-right-style: groove;
border-bottom-style: groove;
border-left-style: groove;
border-top-color: #6D6C6C;
border-right-color: #6D6C6C;
border-bottom-color: #6D6C6C;
border-left-color: #6D6C6C;
}

input, textarea, select
{
color: #FFFFFF;
font: 12px Verdana;
font-weight: none;
text-decoration: none;
background-color: #560000;
border: 1px solid #949494;
}

Accuface · 4. November 2008

du brauchst überhaupt nicht in der css datei rumspielen, der css tag heisst "cursor", diesem element kann man verschiedene Egenschaften zuweisen:

...

würde ein Fadenkreuz darstellen, das kannst du an a href links auch anwenden,

für Bilder nutzt du

....

les einfach selbst:

http://www.css4you.de/cursor.html

Galle81 · 4. November 2008

ja wo schreibe ich denn den befehl rein?

bitte idiotensicher erklären

Mr. Snoot · 4. November 2008

Da, wo der Cursor so aussehen soll.

Wenn es überall gelten soll kannst du's bspw. im body-Tag platzieren.

HTML:

<body style="cursor:crosshair;">...</body>

Wenn es nur für ein div gelten soll, dann eben dort

HTML:

<div style="cursor:crosshair;">...</div>

Galle81 · 4. November 2008

ja in welchen ordner denn?
includes/design/..... oder was?

Accuface · 4. November 2008

in die html oder PHP Datei wo du es rein haben willst, woher sollen wir wissen wo sich deine container Datei befindet

netzwerker · 4. November 2008

Wie wäre es mit http://de.selfhtml.org/

SCNR
Mirko

Mr. Snoot · 4. November 2008

Keine Ahnung, ich weiß ja nicht, wie deine Homepage aufgebaut/strukturiert ist

Wenn es für alle Seiten gelten soll, dann kannst du es vermutlich auch ni deine oben gepostete CSS-Datei packen

HTML:

body {
background-color: #575757;
margin: 0;
cursor:crosshair;
}

Ansonsten muss der Befel in die HTML-Datei, für die er gelten soll.

Das ist doch genau so, wie mit jedem anderen Befehl. Wenn du ein Wort fett schreiben willst, schreibst du halt an der Stelle wort, wo das Wort eben fettgedruckt sein soll. Und wenn irgendwo der Cursor ein Fadenkreuz sein soll, schreibst du an dieser stelle z.B. in einen vorhandenden div-Tag <div style="cursor:crosshair"> - oder in den body-Tag - oder in deine CSS-Datei.

Suche

cursor auf der homepage verändern?

Galle81

Lieutenant

TZ.exe

Ensign

Galle81

Lieutenant

Accuface

Captain

Galle81

Lieutenant

Accuface

Captain

Galle81

Lieutenant

Mr. Snoot

Gast

Galle81

Lieutenant

Accuface

Captain

netzwerker

Lt. Commander

Mr. Snoot

Gast

Ähnliche Themen