Πώς να μετατρέψετε HTML σε CSS σε ένα θέμα Drupal

Inline CSS σας επιτρέπει να δημιουργήσετε στυλ CSS σε κώδικα HTML . Όταν δημιουργείτε για πρώτη φορά Drupal θέμα σας , μπορείτε να χρησιμοποιήσετε inline CSS για να δημιουργήσετε γρήγορα τη διάταξη , αλλά και πριν από τη διανομή θέμα σας , μπορείτε να δημιουργήσετε ένα ξεχωριστό αρχείο CSS και μετακινήστε το CSS inline στις ετικέτες HTML σε ένα πρότυπο εξωτερικό αρχείο CSS που χρησιμοποιείτε για να συμπεριλάβει σας διάταξη το θέμα του . Οδηγίες
Η

1 Κάντε δεξί κλικ στο αρχείο θέματος HTML και κάντε κλικ στο " Άνοιγμα με . " Κάντε κλικ στο προτιμώμενο πρόγραμμα επεξεργασίας HTML για να ανοίξετε το κωδικό θέμα στον επεξεργαστή σας . Κάντε κλικ στο κουμπί των Windows " Start" και πληκτρολογήστε " σημειωματάριο " στο πλαίσιο κειμένου αναζήτησης και πατήστε το πλήκτρο " Enter". Τώρα έχετε το θέμα σας HTML και ένα ξεχωριστό παράθυρο Σημειωματάριο , στο οποίο μπορείτε να δημιουργήσετε το αρχείο CSS .

2

Εντοπίστε το "σώμα" ετικέτα . Αυτή η ετικέτα περιέχει τα στυλ για το κύριο περιεχόμενο της σελίδας . Τα ενσωματωμένα στυλ βρίσκεται στο "στυλ " ιδιότητα της ετικέτας . Θέλετε να αντιγράψετε αυτό το στυλ και τοποθετήστε το στο αρχείο CSS που δημιουργείτε .
Εικόνων 3

Αντιγράψτε το στυλ ετικέτα του σώματος στο παράθυρο Σημειωματάριο . Διαμορφώστε το στυλ για το αρχείο CSS . Ο κώδικας που ακολουθεί είναι ένα παράδειγμα ενός στυλ CSS σώμα μορφοποιηθεί για ένα εξωτερικό φύλλο στυλ :

body {background - color: γκρι? }
Η 4

Συνεχίστε να προσθέτετε κάθε ένα από τα ενσωματωμένα στυλ σας από το αρχείο HTML στο αρχείο CSS . Αφού ολοκληρωθεί η μετατροπή , να αποθηκεύσετε το αρχείο Notepad με μια επέκταση CSS . Συνήθως, οι προγραμματιστές να αποθηκεύσετε ένα αρχείο CSS ως " styles.css . "
5

Συνδέστε τη νέα στυλ μέσα στο αρχείο HTML για το θέμα . Προσθέστε τον ακόλουθο κώδικα στο τμήμα της κεφαλής του αρχείου HTML για να εφαρμόσει το CSS στο αρχείο HTML :

Η 6

Αποθηκεύστε το αρχείο HTML και να το ανοίξετε στο πρόγραμμα περιήγησης στο Web για να δοκιμάσουν το νέο στυλ CSS για τη διάταξη τους .

Η