Πρότυπο:Κουτί
Παραδείγματα
[επεξεργασία κώδικα]{{Κουτί|Α|background=red|text color=white}}
{{Κουτί|Β|background=blue|text color=orange}}
{{Κουτί|Γ|background=black|text color=white|margin=0px|height=1em|width=40px|border color=yellow}}
{{Κουτί|spacing=5px|height=50px|ΣΚΥΛΟΣ}}
{{Κουτί|background=yellow|align=center|border size=10px|radius=20px|text align=center|Η γρήγορη καφέ αλεπού πηδάει πάνω από το τεμπέλικο σκυλί}}
Χρήση
[επεξεργασία κώδικα]| Παράμετρος | Περιγραφή | Τύπος |
|---|---|---|
|type= |
Ο τύπος του Κουτιού | black , white or transparent |
|span= |
Χρησιμοποιεί span αντί για div | yes |
|wide= |
Ρυθμίζει το κουτί να είναι όσο το πλάτος της σελίδας/πίνακα | yes |
|inline= |
Ρυθμίζει το κουτί να είναι inline | text text text yes text text text |
|header= |
Προσθέτει προαιρετικό τίτλο | Header Text |
|shadow= |
Προσθέτει σκιά στο κουτί | yes |
| Παράμετρος | Περιγραφή | Προεπιλεγμένο | CSS |
|---|---|---|---|
"content" |
Το περιεχόμενο του κουτιού (Απαραίτητο) | ||
opt1|background=opt2 |color= |
Το χρώμα του φόντου του κουτιού | White | background-color |
|align= |
Η στοίχιση του κουτιού (αριστερά, κέντρο, δεξιά) (Συνιστάται) | left | float |
|padding= |
Το εσωτερικό padding του περιγράμματος | 3px | padding |
|style= |
Το στυλ του περιγράμματος | Solid | border-style |
|border color= |
Το χρώμα του περιγράμματος | Black | border-color |
|border size= |
Το μέγεθος του περιγράμματος | 3px | border-width |
|text align= |
Η στοίχιση του κειμένου (Συνιστάται) | left | text-align |
|spacing= |
Η απόσταση μεταξύ των γραμμάτων | letter-spacing | |
|font= |
Η γραμματοσειρά του κειμένου του κουτιού | font-family | |
|font size= |
Το μέγεθος της γραμματοσειράς του κειμένου | font-size | |
|text color= |
Το χρώμα του κειμένου | black | text-color |
|margin= |
Το εξωτερικό περιθώριο του κουτιού (Μόνο οριζόντιο αν ο τύπος δεν είναι inline-block ή block) | 3px | margin |
|Κουτί type= |
Ο τύπος του κουτιού (inline, inline-block, block) | inline-block | display |
|height= |
Το ύψος του κουτιού | height | |
|width= |
Το πλάτος του κουτιού | (Το πλάτος του κειμένου) | width |
|CSS= |
Οποιοδήποτε επιπλέον CSS θέλετε να προσθέσετε (βεβαιωθείτε ότι τελειώνει με ;) |
| Παράμετρος | Περιγραφή | Προεπιλεγμένο | CSS |
|---|---|---|---|
|top margin= |
Το πάνω εξωτερικό περιθώριο του κουτιού (Μόνο οριζόντιο αν ο τύπος δεν είναι inline-block ή block) | 3px | margin-top |
|bottom margin= |
Το κάτω εξωτερικό περιθώριο του κουτιού (Μόνο οριζόντιο αν ο τύπος δεν είναι inline-block ή block) | 3px | margin-bottom |
|left margin= |
Το αριστερό εξωτερικό περιθώριο του κουτιού (Μόνο οριζόντιο αν ο τύπος δεν είναι inline-block ή block) | 3px | margin-left |
|right margin= |
Το δεξί εξωτερικό περιθώριο του κουτιού (Μόνο οριζόντιο αν ο τύπος δεν είναι inline-block ή block) | 3px | margin-right |
|top padding= |
Το πάνω εσωτερικό padding του περιγράμματος | 3px | padding-top |
|bottom padding= |
Το κάτω εσωτερικό padding του περιγράμματος | 3px | padding-bottom |
|left padding= |
Το αριστερό εσωτερικό padding του περιγράμματος | 3px | padding-left |
|right padding= |
Το δεξί εσωτερικό padding του περιγράμματος | 3px | padding-right |
|radius= |
Ακτίνα γωνίας περιγράμματος | 0 | border-radius |
|max-height= |
Το μέγιστο ύψος του κουτιού | max-height | |
|min-height= |
Το ελάχιστο ύψος του κουτιού | min-height | |
|max-width= |
Το μέγιστο πλάτος του κουτιού | max-width | |
|min-width= |
Το ελάχιστο πλάτος του κουτιού | min-width |
TemplateData
[επεξεργασία κώδικα]Κουτί
Αυτό το πρότυπο παράγει μια ποικιλία από κουτιά από προκαθορισμένες επιλογές και από CSS.
| Παράμετρος | Περιγραφή | Τύπος | Κατάσταση | |
|---|---|---|---|---|
| 1 | 1 | Το περιεχόμενο του κουτιού
| Άγνωστος | προτεινόμενο |
| header | header | Τίτλος για το κουτί
| Άγνωστος | προτεινόμενο |
| align | align | Η στοίχιση του κουτιού
| Άγνωστος | προτεινόμενο |
| Κουτί type | Κουτί type | Ο τύπος του κουτιού (css display) (block, inline-block ή inline)
| Άγνωστος | προαιρετικό |
| wide | wide | Αν είναι yes το κουτί θα είναι πλατύ
| Δυαδική τιμή | προαιρετικό |
| inline | inline | Ορίζει yes για inline τύπο κουτιού
| Δυαδική τιμή | προαιρετικό |
| style | style | Το στυλ του περιγράμματος
| Άγνωστος | προαιρετικό |
| padding | padding | Το padding του κουτιού
| Άγνωστος | προαιρετικό |
| top padding | top padding | Το πάνω padding του κουτιού | Άγνωστος | προαιρετικό |
| bottom padding | bottom padding | Το κάτω padding του κουτιού | Άγνωστος | προαιρετικό |
| left padding | left padding | Το αριστερό padding του κουτιού | Άγνωστος | προαιρετικό |
| right padding | right padding | Το δεξί padding του κουτιού | Άγνωστος | προαιρετικό |
| border color | border color | Το χρώμα του περιγράμματος
| Συμβολοσειρά | προαιρετικό |
| radius | radius | Ακτίνα γωνίας περιγράμματος
| Άγνωστος | προαιρετικό |
| type | type | Ο τύπος του κουτιού (black,white,transparent)
| Άγνωστος | προαιρετικό |
| border size | border size | Το μέγεθος του περιγράμματος
| Άγνωστος | προαιρετικό |
| color | color background | Το χρώμα του φόντου
| Άγνωστος | προαιρετικό |
| text color | text color | Το χρώμα του κειμένου
| Άγνωστος | προαιρετικό |
| text align | text align | Η στοίχιση του κειμένου (css text-align)
| Άγνωστος | προαιρετικό |
| spacing | spacing | Η απόσταση μεταξύ των γραμμάτων | Άγνωστος | προαιρετικό |
| font | font | Η γραμματοσειρά του κειμένου | Άγνωστος | προαιρετικό |
| font size | font size text size | Το μέγεθος του κειμένου | Άγνωστος | προαιρετικό |
| margin | margin | Το μέγεθος του περιθωρίου του κουτιού
| Άγνωστος | προαιρετικό |
| top margin | top margin | Το πάνω περιθώριο του κουτιού | Άγνωστος | προαιρετικό |
| bottom margin | bottom margin | Το κάτω περιθώριο του κουτιού | Άγνωστος | προαιρετικό |
| left margin | left margin | Το αριστερό περιθώριο του κουτιού | Άγνωστος | προαιρετικό |
| right margin | right margin | Το δεξί περιθώριο του κουτιού | Άγνωστος | προαιρετικό |
| height | height | Το ύψος του κουτιού
| Άγνωστος | προαιρετικό |
| max-height | max-height | Το μέγιστο ύψος του κουτιού
| Άγνωστος | προαιρετικό |
| min-height | min-height | Το ελάχιστο ύψος του κουτιού
| Άγνωστος | προαιρετικό |
| width | width | Το πλάτος του κουτιού
| Άγνωστος | προαιρετικό |
| max-width | max-width | Το μέγιστο πλάτος του κουτιού | Άγνωστος | προαιρετικό |
| min-width | min-width | Το ελάχιστο πλάτος του κουτιού | Άγνωστος | προαιρετικό |
| CSS | CSS | Οποιοδήποτε επιπλέον CSS προς χρήση | Άγνωστος | προαιρετικό |