Προσθέστε ένα ticker στον ιστότοπό σας χρησιμοποιώντας μερικές γραμμές κώδικα HTML και CSS.
Γνωστά και ως μαρκίζες, τα tickers μετακινούνται σε όλο το πλάτος μιας οθόνης προβολής, παρουσιάζοντας μηνύματα σχεδιασμένα για προβολή και κατανόηση με μια ματιά. Συνήθως χρησιμοποιούνται στην τηλεόραση για την προβολή σημαντικών ειδήσεων ή δεδομένων χρηματιστηρίου, τα tickers εμφανίζονται μερικές φορές και στον Ιστό. Με μερικές γραμμές κώδικα HTML και Cascading Style Sheet (CSS), μπορείτε να προσθέσετε γρήγορα αυτόν τον τύπο περιεχομένου στον ιστότοπό σας.
Βήμα 1
Ανοίξτε την ιστοσελίδα σας και δείτε τον κώδικα HTML της. Εάν χρησιμοποιείτε ένα εργαλείο οπτικής επεξεργασίας, όπως το Adobe Dreamweaver, ανοίξτε τη σελίδα και κάντε κλικ στην περιοχή όπου θέλετε να προσθέσετε το ticker σας. Αλλάξτε τη λειτουργία προβολής σε Προβολή κώδικα. Αυτό σας δείχνει τον κώδικα HTML που ελέγχει την εμφάνιση της σελίδας σας. Εάν χρησιμοποιείτε πρόγραμμα επεξεργασίας κειμένου, ανοίξτε τη σελίδα σας στο πρόγραμμα επεξεργασίας και μετακινηθείτε προς τα κάτω στο τμήμα της σελίδας όπου θέλετε να προσθέσετε το ticker.
Το βίντεο της ημέρας
Βήμα 2
Πατήστε το πλήκτρο "Enter" για να εισαγάγετε μια κενή γραμμή.
Βήμα 3
Αντιγράψτε και επικολλήστε τον ακόλουθο κώδικα στην κενή γραμμή:
Αυτός ο κώδικας ορίζει ένα στοιχείο πλαισίων, το οποίο ολισθαίνει το περιεχόμενο στην οθόνη από τα δεξιά προς τα αριστερά από προεπιλογή. Η παράγραφος που περιέχεται μεταξύ των ετικετών ανοίγματος και κλεισίματος είναι το περιεχόμενο σε αυτό το παράδειγμα.
Βήμα 4
Ενημερώστε τις παραμέτρους του κώδικα για να ταιριάζουν στις σχεδιαστικές σας ανάγκες. Η ετικέτα ανοίγματος marquee χρησιμοποιεί κανόνες στυλ CSS για να ορίσει ένα ανοιχτό γκρι χρώμα φόντου, μαζί με ένα ευρύ περιθώριο 1 pixel με ελαφρώς πιο σκούρο γκρι. Όλες αυτές οι τιμές μπορούν να προσαρμοστούν. Επιπλέον, αντικαταστήστε το περιεχόμενο κράτησης θέσης που βρίσκεται ανάμεσα στις ετικέτες ανοίγματος και κλεισίματος της παραγράφου με κείμενο ή εικόνες δικές σας.
Βήμα 5
Αποθηκεύστε τη σελίδα σας και ανοίξτε την σε ένα πρόγραμμα περιήγησης στο Web. Το ticker εμφανίζεται στην οθόνη στη θέση της σελίδας που επιλέξατε στο Βήμα 1.
