Κουμπί «Up» για την τοποθεσία: πώς να κάνει

Μια τέτοια λειτουργία, το πλήκτρο «επάνω» για την περιοχή, κάνοντας το Διαδίκτυο πιο βολικό πόρων για τους επισκέπτες του. Βοηθά να περιηγηθείτε εύκολα από οποιοδήποτε σημείο του σελίδα στο πάνω μέρος. Αυτό είναι ένα must για online καταστήματα και περιοχές με μεγάλα αντικείμενα που απαιτούν μια μακρά κύλισης προς τα κάτω.

Γιατί είναι απαραίτητο

Προς το παρόν, οι περισσότερες από τις περιοχές αυτής της λειτουργίας, το πλήκτρο «επάνω» δεν είναι, και δεν υπάρχει τίποτα κρίσιμη. Αλλά η χρήση του μπορεί να φέρει πολλά πλεονεκτήματα τόσο για τον πόρο του Διαδικτύου και στους επισκέπτες της.

Οφέλη για τους επισκέπτες

Συχνά, όταν η σελίδα των πόρων του Διαδικτύου είναι βαριά φορτωμένο ποσότητα των πληροφοριών, όταν το είδος των πληροφοριών παίρνει πολύ χώρο και πρέπει να μετακινηθείτε προς τα κάτω τη σελίδα χρησιμοποιώντας τον τροχό του ποντικιού. Η συν σε αυτό, στο τέλος του άρθρου μπορεί να παρουσιάσει πολλά σχόλια σε αυτό.

Όταν ένας επισκέπτης διαβάζει ένα άρθρο σε μια προσωπική κουραστική κύλιση προς τα κάτω μια σελίδα που δεν υπάρχει, αλλά όταν το κείμενο έφτασε στο τέλος της και ότι είναι απαραίτητο να ανεβάσουμε, αρχίζει να κουράζει λίγο. Οι περισσότεροι άνθρωποι θα ακριβώς πάρα πολύ τεμπέλης για να οδηγήσει μια μακρά κύλισης, και το μόνο που κλείνει τον τόπο, όχι άλλο βόλτα ανοιχτούς χώρους του.

Χρησιμοποιώντας ένα κουμπί για να μετακινηθείτε αμέσως στην κορυφή της σελίδας κάνει το χόμπι στην περιοχή πιο βολικό.

Οφέλη από μια πηγή στο Διαδίκτυο

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

Με αυτόν τον τρόπο τα δεδομένα παράγοντες συμπεριφοράς επηρεάζουν τη στάση του όλες τις μηχανές αναζήτησης στο site και να οδηγήσει σε βελτιωμένη χώρο στα αποτελέσματα της αναζήτησης.

Πώς να κάνει το κουμπί «Up» στην ιστοσελίδα της και μόνο

Διερευνώνται περαιτέρω. Κουμπί για να μετακινηθείτε προς τα επάνω στην περιοχή σε κάποιο από τα CMS μπορείτε πάντα να φτιάξετε το δικό σας ακολουθώντας μερικά πολύ απλά βήματα:

• δημιουργία μιας εικόνας?
• η δημιουργία του σεναρίου?
• Δημιουργώντας ένα στυλ κουμπί?
• προσθήκη στο site.

κουμπί εικόνας

Για να προσθέσετε το «πάνω» στην περιοχή, για την ανάγκη έναρξης για να κάνει το ίδιο ένα εικονίδιο, όταν κάνετε κλικ, ο χρήστης θα κινηθεί προς τα επάνω στη σελίδα. Μπορείτε να χρησιμοποιήσετε έτοιμα επιλογές, μεταξύ των οποίων μπορούμε πάντα να επιλέξουν την πιο κατάλληλη.

Για να βελτιώσει την εμφάνιση του κουμπιού, θα πρέπει να γίνουν ορισμένες βελτιώσεις, δηλαδή να κάνει μια sprite, επιτρέπει CSS με βάση συνδυάζουν εικόνες φόντου, έχοντας έτσι δημιουργήσει ένα σύντομο animation.

Για γραφικών έργων, μπορείτε να χρησιμοποιήσετε οποιοδήποτε πρόγραμμα επεξεργασίας. Αλλά η πιο βολική επιλογή είναι η online υπηρεσία Pixlr, δεδομένου ότι δεν υπάρχει τίποτα για να κατεβάσετε και δεν χρειάζεται να, μπορείτε να τα χρησιμοποιήσετε απευθείας στον browser σας.

Για να ξεκινήσετε να εργάζεστε στο πρόγραμμα επεξεργασίας παράθυρο για να επιλέξετε το «Ανεβάστε μια εικόνα από τον υπολογιστή σας.» Για παράδειγμα, πάρτε την εικόνα πυραύλων.

Εάν το μέγεθος των επιλεγμένων εικόνων είναι πολύ μεγάλα, θα χρειαστεί να κάνετε μια μικρή προσαρμογή στο μέγεθος. Για να το κάνετε αυτό, «Επεξεργασία», μεταβείτε στο κύριο μενού και επιλέξτε το πεδίο, και μετά «Δωρεάν μετατρέψει ...»

Στη συνέχεια, δίπλα στην εικόνα υπάρχουν ειδικές σημάνσεις που κινούνται, μπορείτε να αλλάξετε το μέγεθος της εικόνας. Για να διατηρήσετε την αναλογία εικόνας, μπορείτε να χρησιμοποιήσετε το πλήκτρο Shift, κρίνοντας ότι, θα πρέπει να μετακινήσετε τα μπλε δείκτες. Στο τέλος αυτών των δράσεων λαμβάνεται πυραύλους εικόνα.

Το επόμενο βήμα - η δημιουργία ενός αντιγράφου του στρώματος.

Τώρα θα πρέπει να μετακινήσετε την εικόνα από τα νέα βλήματα στρώμα επάνω ένα κομμάτι. Για να γίνει αυτό, θα είναι βολικό να χρησιμοποιήσετε το εργαλείο κίνηση, η οποία βρίσκεται στη δεύτερη στήλη του μενού αριστερά, και το βέλος «πάνω» στο πληκτρολόγιο.

Τώρα πρέπει να γίνει η κορυφαία εικόνα σε μαύρο και άσπρο. Αυτό μπορεί να γίνει χρησιμοποιώντας το στοιχείο «Διόρθωση» - «Απόχρωση / Κορεσμός» από το μενού στην κορυφή. Για μια πλήρη ρυθμιστικό αποχρωματισμό «Κορεσμός» θα πρέπει να λάβει την τιμή -100. Αυτή η ενέργεια θα καταστήσει την επίδραση που το κουμπί «Up» θα μετατραπεί από μαύρο και άσπρο χρώμα όταν τοποθετείτε πάνω του.

Η τελευταία πινελιά - η απομάκρυνση της περίσσειας χώρο γύρω από τις δύο εικόνες. Για να το κάνετε αυτό, επιλέξτε το στοιχείο «Περικοπή» από το μενού αριστερά και επιλέξτε μόνο δύο πυραύλους σε ένα ορθογώνιο. Για να κάνετε ένα κόψιμο πιέζει το πλήκτρο Enter.

Για να αποκτήσετε μια εικόνα στην οποία υπάρχει πολύ χώρο. Θα πρέπει να καταγράψει το πλάτος και το ύψος των εικόνων που προκύπτουν, όπως τα στοιχεία αυτά θα είναι χρήσιμα στο επόμενο βήμα.

Για να αποθηκεύσετε την ανάγκη να κάνετε κλικ στο «Αρχείο» - «Αποθήκευση», όπου η αριστερά κάτω από το «My Computer» γράψει το όνομα της εικόνας (μόνο η αγγλική διάταξη πληκτρολογίου), επιλέξτε τη μορφή (σε αυτή την περίπτωση - PNG) και κάντε κλικ στο κουμπί «Ναι».

Φάκελος με το σενάριο «Up» πλήκτρο

Γράψτε ένα σενάριο, σε αυτή την περίπτωση δεν είναι απαραίτητο. Θα είναι δυνατή η χρήση ενός δημόσιου επιλογή, φέρνοντας σε ορισμένες τροπολογίες έτοιμο κώδικα.

Αυτό θα απαιτήσει να κατεβάσετε οποιοδήποτε πρόγραμμα επεξεργασίας κώδικα. Το πιο δημοφιλές και επίσης μια δωρεάν έκδοση - είναι το Notepad ++. Μετά την εγκατάσταση θα πρέπει να αντιγράψετε και να επικολλήσετε όλα αυτόν τον κωδικό: