Ελληνική Κοινότητα Υποστήριξης ForumGreek
Καλωσήρθατε στο Ελληνικό Φόρουμ Υποστήριξης της ForumGreek!!

Για να αποκτήσετε πλήρη πρόσβαση στο φόρουμ και στα όσα προσφέρει, μπορείτε πολύ απλά να κάνετε μια σύνδεση ή αν δεν έχετε λογαριασμό μία δωρεάν εγγραφή και μπείτε στην κοινότητά μας!!

Πως να αλλάξετε τον κέρσορα του φόρουμ σας

Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Πήγαινε κάτω

Πως να αλλάξετε τον κέρσορα του φόρουμ σας

Δημοσίευση από Luffy Την / Το Παρ Ιουλ 03, 2015 3:03 pm

Πως να αλλάξετε τον κέρσορα του φόρουμ σας

H διαδικασία

Για να προσθέσετε έναν κέρσορα στο φόρουμ σας χρησιμοποιείτε το CSS. Εκεί έχετε δύο επιλογές:
  • Τους αρχικούς κέρσορες επιλογής
  • Να ανεβάσετε έναν δικό σας


Οι κέρσορες αλλάζουν βάση του CSS που θα περάσετε.
Πίνακας Διαχείρισης ► Εμφάνιση ► Εικόνες και χρώματα ► Χρώματα ► CSS Stylesheet


Πως και που μπορείτε να αλλάξετε τον κέρσορα; Σε πολλά σημεία:
- Σε όλο το φόρουμ. Ο γενικός κέρσορας θα αλλάξει με:
Κώδικας:
body {
cursor : move ;
}
- Το πέρασμα πάνω από κάποιο ενεργό σύνδεσμο να αλλάζει κέρσορα χρησιμοποιώντας:
Κώδικας:
a {
cursor : help;
}
- Αλλά και σε σταθερά αντικείμενα όπως τις εικόνες:
Κώδικας:
img {
  cursor: pointer;
}


Οι αρχικοί κέρσορες επιλογής


Παρακάτω προβάλλεται η λίστα με τους κέρσορες που μπορείτε να επιλέξετε.
default
pointer
text
help
wait
progress
move
cross-hair
n-resize
s-resize
e-resize
w-resize
ne-resize
se-resize
nw-resize
sw-resize


To μόνο που έχετε να κάνετε είναι να αντιγράψετε και να επικολλήσετε το όνομα του κέρσορα που θέλετε στο CSS σας, όπως για παράδειγμα:
Κώδικας:
        a {
        cursor : move;
        }


Ανεβάστε τον δικό σας κέρσορα


Για να ανεβάσετε έναν δικό σας κέρσορα πρέπει να βρείτε ένα αρχείο τύπου: .cur που είναι απλοί σταθεροί κέρσορες ή .ani που είναι κινούμενοι κέρσορες.
edit Κινούμενοι κέρσορες είναι λειτουργία του Internet Explorer και ενδέχεται να μην δουλεύουν σε άλλους περιηγητές edit

Μπορείτε να βρείτε αρκετές δωρεάν σελίδες που προσφέρουν κέρσορες. Αλλά μπορείτε να φτιάξετε και τον δικό σας κέρσορα αν θέλετε. Wink

1. Φτιάξτε τον κέρσορά σας

Υπάρχουν πολλοί τρόποι να το κάνετε αυτό:
  • Προγράμματα για να δημιουργήσετε κέρσορες: μπορείτε να βρείτε αρκετές σελίδες που προσφέρουν δωρεάν υπηρεσίες για την δημιουργία ενός κέρσορα όπως RealWorld Cursor Editor, ZNsoft icone maker, AWicon Lite, Greenfish Icon Editor Pro, Sib Icon Editor κλπ. Πολλά από αυτά λειτουργούν όπως την Ζωγραφική, οπότε είναι πολύ εύκολα στην χρήση. Επίσης υποστηρίζουν το ανέβασμα jpeg, png, gif & bmp μορφές.

  • Γραφικό πρόγραμμα: Photofiltre προσφέρει την μεταμόρφωση μιας εικόνας σε ένα εικονίδιο. Το μόνο που μένει από εκεί και μέρα είναι να αποθηκεύσετε το εικονίδιο σε .cur! Έτσι έχετε όποια εικόνα θέλετε για κέρσορα. Για το Photoshop ή το Gimp φτιάξτε την εικόνα σας και αποθηκεύστε την σαν .ico!

  • Online Generators: To HTML Basix σας επιτρέπει να μεταμορφώσετε τις online εικόνες σας σε κινούμενες ή όχι εικόνες για κέρσορες. Αλλά υπάρχουν και κάποια άλλα προγράμματα online όπως το Convert Hub και το iConvert που επιτρέπουν το ανέβασμα εικόνων μόνο της μορφής .ico! Το μόνο που έχετε να κάνετε είναι να μετονομάσετε το αρχείο σε .cur!


Σε κάθε περίπτωση όμως έχετε υπόψιν τα παρακάτω:
- Η εικόνα δεν πρέπει να είναι πολύ μεγάλη. Το τέλειο μέγεθος είναι 32px * 32px (τουλάχιστον)
- Το φόντο γύρω από την εικόνα θα πρέπει να είναι διαφανές

2. Ανεβάστε τον κέρσορά σας

Όταν φτιάξετε τον κέρσορά σας, πρέπει να τον ανεβάσετε για να τον προσθέσετε στο CSS. Ανβάζοντάς τον από τον υπολογιστή σας ως .cur ή .ani θα είναι το ιδανικότερο.
Μια λίστα από κέρσορες είναι η εξής:
Εικόνες
  • https://servimg.com/
  • http://imgur.com/
  • http://www.casimages.com/
  • http://tinypic.com/

Όλοι οι τύποι αρχείων
  • εικόνες + όλοι οι τύποι αρχείων: https://www.dropbox.com/
  • εικόνες + αρχεία τύπου .cur, .ico, .ani, .js, .css ... : https://www.archive-host.com/


3. Προσθήκη του κέρσορά σας στο φόρουμ σας

Αρχικά πάτε: Πίνακας Διαχείρισης ► Εμφάνιση ► Εικόνες και χρώματα ► Χρώματα ► CSS Stylesheet


όπου μπορείτε να εγκαταστήσετε τον κέρσορά σας στο
body

Κώδικας:
body {
    cursor: url(link του δικού σας κέρσορα), auto;
}
edit Το
auto
είναι πολύ χρήσιμο γιατί σε περίπτωση που πέσει ο σέρβερ της εικόνας σας ή η εικόνα σας θα προσθέσει από μόνο του τον αρχικό κέρσορα.


Αν δεν τον θέλετε παντού τον κέρσορα, απλά αλλάζετε το
body
με το στοιχείου που θέλετε να αλλάξει ο κέρσορας.
Μόλις τελειώσετε, μην ξεχάσετε να πατήσετε cheers
Ο οδηγός γράφτηκε από το Προσωπικό του Γαλλικού Φόρουμ Υποστήριξης, μεταφράστηκε από Buttercup του Αγγλικού Φόρουμ Υποστήριξης και μεταφράστηκε στα Ελληνικά από Luffy.



Luffy
Διαχειριστής

Διαχειριστής

Άντρας
Τόπος : Ελλάδα
Δημοσιεύσεις : 1804

Επιστροφή στην κορυφή Πήγαινε κάτω

Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Επιστροφή στην κορυφή


 
Δικαιώματα σας στην κατηγορία αυτή
Δεν μπορείτε να απαντήσετε στα Θέματα αυτής της Δ.Συζήτησης
Χρειάζεστε βοήθεια;
Στις Συχνές Ερωτήσεις μπορείτε να βρείτε σημαντικές πληροφορίες που θα σας βοηθήσουν!