Πως να Κεντράρετε Διάφορα Στοιχεία και Υλικό
στο Blogger

center stuff, elements, blogger
Διάφορα στοιχεία και υλικό που υπάρχει σε πρότυπα του Blogger, από προεπιλογή είναι στοιχισμένο αριστερά. Πολλές φορές όμως, ανάλογα με τη διάταξη το μέγεθος κ.λπ. της σελίδας η της γραμματοσειράς που έχουμε επιλέξει, αυτά 'δείχνουν πιο όμορφα στο μάτι' όταν είναι κεντραρισμένα. Δείτε παρακάτω πως -απλά- γίνεται αυτό.

Καταρχήν καλό θα ήταν, αν δεν υπάρχει σχετική εμπειρία, πριν από οποιαδήποτε αλλαγή στο πρότυπο - HTML - CSS του blog σας να κάνετε ένα backup, για κάθε ενδεχόμενο λάθους.

Για να γίνει αυτό, ανοίξτε το Blogger, επιλέξτε...
Πρότυπο  Δημιουργία Αντιγράφου ασφαλείας/Επαναφορά   Λήψη πλήρους προτυπου .
Ανοίξτε το Blogger,  επιλέξτε   Πρότυπο  Προσαρμογή  Προηγμένη ↦ ρολάρετε προς τα κάτω  Προσθήκη CSS και στο πλαίσιο Προσθήκη προσαρμοσμένου CSS προσθέστε (με αντιγραφή/επικόλληση)...



                                                 ...για κεντράρισμα του τίτλου ανάρτησης:
.post-title {text-align:center;} και πατήστε Enter


                                                      ...για κεντράρισμα της ημερομηνίας:
.date-header {text-align:center; και πατήστε Enter


                                                                    ...του τίτλου Gadget:
.widget {text-align: center;} και Enter


...για κεντράρισμα των καρτελών (Tabs):
.PageList {text-align:center !important;}
.PageList li {display:inline !important; float:none !important;}
και Enter.

Σε κάθε εντολή, πατώντας Enter -παρακάτω, στη σελίδα- μπορείτε να δείτε το αποτέλεσμα · αν είστε ικανοποιημένοι μ' αυτό, για να εφαρμοστεί οριστικά, πατήστε  Εφαρμογή στο ιστολόγιο .

§

Με την εντολή align μπορείτε να ορίσετε τη θέση ενός HTML στοιχείου. Δίδεται ως εξής:
<div align="center">Ο ΚΩΔΙΚΑΣ ΤΟΥ ΣΤΟΙΧΕΙΟΥ</div>

Το center -που «τοποθετεί» το στοιχείο στο κέντρο- αλλάζει σε left η right για αριστερά - δεξιά, αντίστοιχα.


(Θα πρέπει να υπάρχει μια σχετική εμπειρία για τη χρήση HTML και CSS εντολών. Προσεχώς θα δημοσιευθεί πιο αναλυτική ανάρτηση με τις πιο βασικές εντολές).

Σχόλια

Dailymotion Videos