Wenn ihr schon einmal darüber nachgedacht habt, den langweiligen Mauszeiger auf eurem Blog durch etwas interessanteres Bild zu ersetzen, dann ist dies das richtige Tutorial für euch :)
Schritt 1
Geht zuerst einmal von eurem Dashboard aus auf Design und dann auf HTML bearbeiten..
..und sucht über STRG-F nach "<body". Nun müsstest ihr eine ähnliche Zeile wie im Bild sehen.
Schritt 2
Nun nehmt ihr diese Zeile
<body expr:class='"loading" + data:blog.mobileClass'>
und fügt
style='cursor: crosshair'
ein, sodass es dann so aussieht:
<body expr:class='"loading" + data:blog.mobileClass' style='cursor: crosshair'>
So, das wars schon, nun noch abspeichern und schon habt ihr auf eurem Blog ein Fadenkreuz als Cursor ;)
Das ist wahrscheinlich nicht genau das, was ihr euch vorgestellt habt, deswegen hier eine Auflistung verschiedener Cursors. Beachtet, dass sich das Fadenkreuz über einem Link wieder in eine "normale" Hand verwandelt.
Zur Liste unten; sie ist im Orginal auf http://www.webhinweis.de/html/html_mauszeiger.html zu finden. Wenn ihr euch euren Wunschzeiger ausgesucht habt, ändert ihr das crossair aus dem Beispielcode in einen Eintrag aus der linken Spalte der Tabelle, zB. wait für eine Sanduhr.
| Name | Beschreibung |
| progress | Mauszeiger mit Sanduhr |
| not-allowed | Verboten Symbol |
| no-drop | Hand mit Verboten Symbol |
| vertical-text | Vertikales Text Symbol |
| all-scroll | Scroll Symbol |
| col-resize | Größe-Horizontal-verändern Symbol |
| row-resize | Größe-Vertikal-verändern |
| crosshair | Fadenkreuz |
| hand | Linksymbol |
| wait | Sanduhr |
| help | Fragezeichen |
| e-resize | Pfeil nach rechts |
| s-resize | Pfeil nach oben und unten |
| w-resize | Pfeil nach links |
| n-resize | Pfeil nach oben |
| nw-resize | Pfeil nach links oben |
| ne-resize | Pfeil nach rechts oben |
| Text | Gerader Strich |
| Move | Ein Kreuz mit Pfeilen |
| pointer | Textsymbol |
| default | Standardwert |
Noch etwas zum Abschluss:
Ein seltsamer Cursor auf eurem Blog kann eure Leser schnell verwirren, lasst also etwas Vorsicht walten. :)
Viel Spass und viel Erfolg mit eurem Blog :)
Hi. erstmal großes lob euree tut's sind echt gut :'D
AntwortenLöschenIch hab da aber mal ne frage & zwar:
wenn ich eine neue seite einrichte z.b über mich dann kann man da ja nur einen Post schreiben und den immer wieder bearbeiten und darunter können dan kommentare geschrieben werden. Aber ich will das, dass so ist wie auf der startseite das man da mehrere post machen kann und unter jeden kann man seinen senf dazu geben. geht das?? o__Ö
Sorry für diese doofe frage aber ich hab echt überhaupt keine ahnung von sowas .__.
Lg Lina :3
Hallo Lina, ich komme leider nicht auf dein Profil, deshalb antworte ich hier.
AntwortenLöschenBei Seiten kannst du das leider nicht so einrichten, denn es sind ja Seiten und keine Nebenblogs.
Du kannst als Alternative ja ein neuen Blog erstellen, den auf deinem Profil verstecken, und den in deinem Blog verlinken :) Habe ich auch gemacht auf meinem Blog ;)
Lg Mira
Hey :)
AntwortenLöschenEure Seite ist echt toll und ihr erklärt das super :)
habe aber mal eine frage, die ich auf eurer seite noch nicht gefunden habe.
wie kann ich diese bildchen oben links neben der webadresse einfügen?
eine antwort wäre sehr nett :)
liebe grüße, felia
.__. das ist ja doof. ich hab gedacht das geht irgenwie weil ich das auch schon bei anderen blogs gesehen habe aber das war glaub ich wordpress. naja hm.. dann werde ich es erstmal mit den kategorien versuchen weil mit den links ähm da warte ich mal auf ein tutorial xD
AntwortenLöschenviel danke für die schnelle antwort
Lina :3
Gibts auch einen Mauszeiger, der aussieht wie ein Pinsel oder eine Mascara?!
AntwortenLöschenDas wäre doch mal extrem passend..
Liebe Grüße Jule
Schau doch mal in meiner kunterbunten Welt vorbei
ja sowas suche ich auch... etwas ausgefallendes, hab aber noch keine seite oder so gefunden wos das gibt :((
AntwortenLöschenhai,
AntwortenLöschenerstmal lob für das gut beschrieben tut...
bei mir kommt aber folgende meldung:
Ihre Vorlage konnte nicht analysiert werden, da sie nicht korrekt formatiert ist. Stellen Sie sicher, dass alle XML-Elemente ordnungsgemäß geschlossen sind.
XML-Fehlermeldung: Element type "body" must be followed by either attribute specifications, ">" or "/>".
Bitte helft mir...LG
ich verzweifel noch ganz ganz dolle daran :(
AntwortenLöschenwas muss ich eingeben wenn ich den cursor von einer url habe??? finde es einfach nicht ..
css oder html? kann mir bitte jemand helfen? :(
http://nathalielovesfashion.blogspot.com
ich habe es nun herausgefunden jedoch geht der cursor nur mit internet explorer :/
AntwortenLöschenhat da jemand einen rat?
Hab das gleiche Problem wie die Braunhaarige dort oben :D
AntwortenLöschenWürd' mich über Hilbe freuen.
xx, ❤
@Braunhaarige und @Lisanne
AntwortenLöschenDa ich das Problem auch hatte, will ich das mal erklären, damit nicht noch mehr dieses Problem haben :) Also in dem Tutorial wurde vergessen zu erwähnen, dass "<" wieder dahinter muss! :) Außerdem muss da eine leere Zeile, also ein Absatz dazwischen. Also hinter "crosshair'" muss noch ein "<" (:
Liebe Grüße :*
^Hey (:
AntwortenLöschenBei mir funktioniert es :*
Aber gibt es auch einen Cursor der z.b ein wort hat,wie " love " " peace " etc.?
Freu mich,um eine Antwort ! :*
hey,
AntwortenLöschentoll erklaert und habe alles auch super hinbekommen.
nur ich hab da auch so ne Frage. haha c:
also .. wenn man auf links oder bilder mit dem cursor geht, dann wird der cursor ja dann zur hand mit ausgestrecktem zeigefinger. kann man das auch 'wegzaubern', also dass der cursor dann immer noch der urspruengliche bleibt?
koenntet ihr dazu evtl. ein tutorial dazu machen? :)
waere echt nett. :)
lg, vicky. :3
http://justwannaflyaway.blogspot.com
hat prima geklappt :-) ich konnte im internet keine ausgefalleneren cursor finden, kennt ihr gute seiten?
AntwortenLöschenlg, esma :-)
Bei mir klappt diese nicht !O:
AntwortenLöschenbei mir steht dann oben links nur dieses crosshair oder so. klappt nicht, ganrihct!
AntwortenLöschen