Πρότυπο:ColBreak

Από Βικιθήκη
Πήδηση στην πλοήγηση Πήδηση στην αναζήτηση
Τεκμηρίωση προτύπου[προβολή] [επεξεργασία] [ιστορικό] [ανανέωση]

Αυτή η τεκμηρίωση καλύπτει τα πρότυπα {{MultiCol}}, {{ColBreak}} και {{EndMultiCol}}.

Χρήση[Επεξεργασία]

Χρησιμοποιείστε το {{MultiCol}} για να αρχίσετε μία ενότητα που εκτείνεται σε πολλές στήλες. Για παράδειγμα:

 {{MultiCol}}
 Αυτό το κείμενο εμφανίζεται στην πρώτη στήλη.
 {{ColBreak}}
 Αυτό το κείμενο εμφανίζεται στην δεύτερη στήλη του κειμένου.
 {{ColBreak}}
 Και εδώ είναι το κείμενο που εμφανίζεται στην τρίτη στήλη.
 {{EndMultiCol}}

το οποίο μας δίνει:


Αυτό το κείμενο εμφανίζεται στην πρώτη στήλη.

Αυτό το κείμενο εμφανίζεται στην δεύτερη στήλη του κειμένου.

Και εδώ είναι το κείμενο που εμφανίζεται στην τρίτη στήλη.


Μπορείτε να έχετε όσες στήλες επιθυμείτε. Κάθε στήλη θα έχει το ίδιο πλάτος, διαιρώντας σε ίσα τμήματα τον διαθέσιμο χώρο στην σελίδα. Κάθε στήλη έχει, επίσης, ένα μικρό περιθώριο δεξιά (πλάτους 20px) ώστε το κείμενό της να μην «πέφτει» πάνω στο κείμενο της στήλης στα δεξιά της.

Αυτό το πρότυπο έχει μία προαιρετική παράμετρο: το συνολικό πλάτος όλων των στηλών. Αυτό μπορεί να εκφράζεται σε απόλυτη τιμή (π.χ. 12cm) ή σε ποσοστό του διαθέσιμου πλάτους (π.χ. 50%). Αρχική τιμή της παραμέτρου είναι το 100%.

Για παράδειγμα, για δημιουργήσετε πολλαπλές στήλες σε τμήμα της σελίδας που έχει πλάτος μόνο το 50% του πλάτους της σελίδας, κάντε το ακόλουθο:

 {{MultiCol|50%}}
 Αυτό το κείμενο εμφανίζεται στην πρώτη στήλη.
 {{ColBreak}}
 Αυτό το κείμενο εμφανίζεται στην δεύτερη στήλη του κειμένου.
 {{ColBreak}}
 Και εδώ είναι το κείμενο που εμφανίζεται στην τρίτη στήλη.
 {{EndMultiCol}}

το οποίο μας δίνει:


Αυτό το κείμενο εμφανίζεται στην πρώτη στήλη.

Αυτό το κείμενο εμφανίζεται στην δεύτερη στήλη του κειμένου.

Και εδώ είναι το κείμενο που εμφανίζεται στην τρίτη στήλη.


Αυτή η περιοχή των πολλαπλών στηλών με καθορισμένο πλάτος τοποθετείται πάντα στην αριστερή πλευρά. Για να το αλλάξετε αυτό τοποθετείστε το παραπάνω κώδικα μέσα σε ένα μπλοκ div με την ιδιότητα Cascading style sheet (CSS) text-align είτε να έχει την τιμή center ή right, κάπως έτσι:

 <div style="text-align: center">
 {{MultiCol|50%}}
 ...
 {{EndMultiCol}}
 </div>