Difference between revisions of "Template:Information/doc"
Jump to navigation
Jump to search
what>Adem20 m |
(→Usage) |
||
Line 2: | Line 2: | ||
<!-- Categories go at the bottom of this page and interwikis go in Wikidata. --> | <!-- Categories go at the bottom of this page and interwikis go in Wikidata. --> | ||
− | == | + | __NOTOC__ __NOEDITSECTION__ |
+ | {{IconBoxLeft}} | ||
+ | =Left and right boxes= | ||
+ | ;Pairs of boxes | ||
+ | :You can create a pair of boxes using {{tl|IconBoxLeft}}, {{tl|IconBoxRight}}, and {{tl|IconBoxClose}}. | ||
+ | {{IconBoxRight}} | ||
+ | =Note= | ||
+ | ;Browser dependent | ||
+ | :Some browsers will not see rounded corners. Rather the corners will appear square. | ||
− | + | ;Width | |
− | < | + | :Width of the boxes can be specified using the parameter '''width''' e.g., for 50% wide boxes, include |width=50, i.e., <nowiki>{{IconBoxLeft|width=50}}</nowiki> |
− | + | {{IconBoxClose}} | |
− | |||
− | | | ||
− | |||
− | |||
− | }}</ | ||
− | |||
− | }} | + | {{RoundBoxTop|theme=2}} |
+ | ==Usage== | ||
+ | :Here is the coding for the two boxes above. | ||
+ | <pre> | ||
+ | {{IconBoxLeft}} | ||
+ | =Left and right boxes= | ||
+ | ;Pairs of boxes | ||
+ | :You can create a pair of boxes using {{tl|IconBoxLeft}}, {{tl|IconBoxRight}}, and {{tl|IconBoxClose}}. | ||
+ | {{IconBoxRight}} | ||
+ | =Note= | ||
+ | ;Browser dependent | ||
+ | :Some browsers will not see rounded corners. Rather the corners will appear square. | ||
+ | ;Width | ||
+ | :Width of the boxes can be specified using the parameter '''width''' e.g., for 50% wide boxes, include |width=50, i.e., <nowiki>{{IconBoxLeft|width=50}}</nowiki> | ||
+ | {{IconBoxClose}} | ||
+ | </pre> | ||
+ | {{RoundBoxBottom}} | ||
− | < | + | ---- |
− | { | + | ---- |
− | + | ||
− | + | {{RoundBoxLeft}} | |
− | + | =Left and right boxes without icons= | |
− | + | ;Pairs of plain boxes | |
− | + | :You can create a pair of boxes using {{tl|RoundBoxLeft}}, {{tl|RoundBoxRight}}, and {{tl|LeftRightBoxClose}}. | |
− | + | {{RoundBoxRight}} | |
− | + | =Note= | |
− | + | ;Browser dependent | |
− | + | :Some browsers will not see rounded corners. Rather the corners will appear square. | |
− | + | {{LeftRightBoxClose}} | |
− | + | ||
− | + | {{RoundBoxTop|theme=2}} | |
− | + | ==Very easy to use== | |
− | + | :Here is the coding for the two boxes above. | |
− | + | ||
− | + | <pre> | |
− | + | {{RoundBoxLeft}} | |
− | + | =Left and right boxes= | |
− | + | ;Pairs of boxes | |
− | + | :You can create a pair of boxes using {{tl|RoundBoxLeft}}, {{tl|RoundBoxRight}}, and {{tl|LeftRightBoxClose}}. | |
− | + | {{RoundBoxRight}} | |
− | + | =Note= | |
− | + | ;Browser dependent | |
− | + | :Some browsers will not see rounded corners. Rather the corners will appear square. | |
− | + | {{LeftRightBoxClose}} | |
− | + | </pre> | |
− | + | {{LeftRightBoxClose}} | |
− | + | ||
− | + | ---- | |
− | + | ---- | |
− | + | ||
− | </ | + | {{RoundBoxTop}} |
+ | =Simple round-corner boxes= | ||
+ | ;Templates for boxes | ||
+ | :This page shows templates that you can use to create boxes for lessons. | ||
+ | {{RoundBoxBottom}} | ||
+ | |||
+ | {{RoundBoxTop|theme=2}} | ||
+ | =Very easy to use= | ||
+ | ;The coding used to create the box above. | ||
+ | :To create a box like the box above, all you have to do is start with the [[Template:RoundBoxTop]] and end with the [[Template:RoundBoxBottom]]. | ||
+ | <pre> | ||
+ | {{RoundBoxTop}} | ||
+ | =Simple round-corner boxes= | ||
+ | ;Templates for boxes | ||
+ | :This page shows templates that you can use to create boxes for lessons. | ||
+ | {{RoundBoxBottom}} | ||
+ | </pre> | ||
+ | |||
+ | {{RoundBoxBottom}} | ||
+ | |||
+ | ---- | ||
+ | ---- | ||
+ | |||
+ | {{Robelbox|theme={{{theme|1}}}|title=Boxes for Wikiversity lesson pages}} | ||
+ | <div style="{{Robelbox/pad}}"> | ||
+ | =Fancy boxes= | ||
+ | ;Templates for boxes | ||
+ | :This page shows templates that you can use to create boxes for lessons. | ||
+ | </div> | ||
+ | {{Robelbox/close}} | ||
+ | |||
+ | {{Robelbox|theme={{{theme|2}}}|title=Boxes for Wikiversity lesson pages}} | ||
+ | <div style="{{Robelbox/pad}}"> | ||
+ | =Very easy to use= | ||
+ | ;The coding used to create the box above. | ||
+ | :To create a box like the box above, all you have to do is start with the [[Template:RoundBoxTop]] and end with the [[Template:RoundBoxBottom]]. | ||
+ | <pre> | ||
+ | {{Robelbox|theme={{{theme|1}}}|title=Boxes for Wikiversity lesson pages}} | ||
+ | <div style="{{Robelbox/pad}}"> | ||
+ | =Fancy boxes= | ||
+ | ;Templates for boxes | ||
+ | :This page shows templates that you can use to create boxes for lessons. | ||
+ | </div> | ||
+ | {{Robelbox/close}} | ||
+ | </pre> | ||
+ | |||
+ | </div> | ||
+ | {{Robelbox/close}} | ||
+ | |||
+ | =Box colors= | ||
+ | |||
+ | {{Robelbox|theme={{{theme|1}}}|icon=Nuvola apps kopete.png|title=Title - theme color "1"}} | ||
+ | <div style="{{Robelbox/pad}}"> | ||
+ | ;Subtitle | ||
+ | :Item - Text for item | ||
+ | :* '''''Bullet item''''' - text for bullet item. | ||
+ | </div> | ||
+ | {{Robelbox/close}} | ||
+ | |||
+ | {{Robelbox|theme={{{theme|2}}}|icon=Nuvola apps kopete.png|title=Title - theme color "2"}} | ||
+ | <div style="{{Robelbox/pad}}"> | ||
+ | ;Subtitle | ||
+ | :Item - Text for item | ||
+ | :* '''''Bullet item''''' - text for bullet item. | ||
+ | </div> | ||
+ | {{Robelbox/close}} | ||
+ | |||
+ | {{Robelbox|theme={{{theme|3}}}|icon=Nuvola apps kopete.png|title=Title - theme color "3"}} | ||
+ | <div style="{{Robelbox/pad}}"> | ||
+ | ;Subtitle | ||
+ | :Item - Text for item | ||
+ | :* '''''Bullet item''''' - text for bullet item. | ||
+ | </div> | ||
+ | {{Robelbox/close}} | ||
+ | |||
+ | {{Robelbox|theme={{{theme|4}}}|icon=Nuvola apps kopete.png|title=Title - theme color "4"}} | ||
+ | <div style="{{Robelbox/pad}}"> | ||
+ | ;Subtitle | ||
+ | :Item - Text for item | ||
+ | :* '''''Bullet item''''' - text for bullet item. | ||
+ | </div> | ||
+ | {{Robelbox/close}} | ||
+ | |||
+ | {{Robelbox|theme={{{theme|5}}}|icon=Nuvola apps kopete.png|title=Title - theme color "5"}} | ||
+ | <div style="{{Robelbox/pad}}"> | ||
+ | ;Subtitle | ||
+ | :Item - Text for item | ||
+ | :* '''''Bullet item''''' - text for bullet item. | ||
+ | </div> | ||
+ | {{Robelbox/close}} | ||
+ | |||
+ | {{Robelbox|theme={{{theme|6}}}|icon=Nuvola apps kopete.png|title=Title - theme color "6"}} | ||
+ | <div style="{{Robelbox/pad}}"> | ||
+ | ;Subtitle | ||
+ | :Item - Text for item | ||
+ | :* '''''Bullet item''''' - text for bullet item. | ||
+ | </div> | ||
+ | {{Robelbox/close}} | ||
+ | |||
+ | {{Robelbox|theme={{{theme|7}}}|icon=Nuvola apps gaim.png|title=Title - theme color "7"}} | ||
+ | <div style="{{Robelbox/pad}}"> | ||
+ | ;Subtitle | ||
+ | :Item - Text for item | ||
+ | :* '''''Bullet item''''' - text for bullet item. | ||
+ | </div> | ||
+ | {{Robelbox/close}} | ||
+ | |||
+ | {{Robelbox|theme={{{theme|8}}}|icon=Nuvola apps kopete.png|title=Title - theme color "8"}} | ||
+ | <div style="{{Robelbox/pad}}"> | ||
+ | ;Subtitle | ||
+ | :Item - Text for item | ||
+ | :* '''''Bullet item''''' - text for bullet item. | ||
+ | </div> | ||
+ | {{Robelbox/close}} | ||
+ | |||
+ | {{Robelbox|theme={{{theme|9}}}|icon=Nuvola apps kopete.png|title=Title - theme color "9"}} | ||
+ | <div style="{{Robelbox/pad}}"> | ||
+ | ;Subtitle | ||
+ | :Item - Text for item | ||
+ | :* '''''Bullet item''''' - text for bullet item. | ||
+ | </div> | ||
+ | {{Robelbox/close}} | ||
+ | |||
+ | {{Robelbox|theme={{{theme|10}}}|icon=Nuvola apps gaim.png|title=Title - theme color "10"}} | ||
+ | <div style="{{Robelbox/pad}}"> | ||
+ | ;Subtitle | ||
+ | :Item - Text for item | ||
+ | :* '''''Bullet item''''' - text for bullet item. | ||
+ | </div> | ||
+ | {{Robelbox/close}} | ||
+ | |||
+ | {{Robelbox|theme={{{theme|11}}}|icon=Nuvola apps kopete.png|title=Title - theme color "11"}} | ||
+ | <div style="{{Robelbox/pad}}"> | ||
+ | ;Subtitle | ||
+ | :Item - Text for item | ||
+ | :* '''''Bullet item''''' - text for bullet item. | ||
+ | </div> | ||
+ | {{Robelbox/close}} | ||
+ | |||
+ | {{Robelbox|theme={{{theme|12}}}|icon=Nuvola apps kopete.png|title=Title - theme color "12"}} | ||
+ | <div style="{{Robelbox/pad}}"> | ||
+ | ;Subtitle | ||
+ | :Item - Text for item | ||
+ | :* '''''Bullet item''''' - text for bullet item. | ||
+ | </div> | ||
+ | {{Robelbox/close}} | ||
+ | |||
+ | {{Robelbox|theme={{{theme|13}}}|icon=Nuvola apps gaim.png|title=Title - theme color "13"}} | ||
+ | <div style="{{Robelbox/pad}}"> | ||
+ | ;Subtitle | ||
+ | :Item - Text for item | ||
+ | :* '''''Bullet item''''' - text for bullet item. | ||
+ | </div> | ||
+ | {{Robelbox/close}} | ||
+ | |||
+ | {{Robelbox|theme={{{theme|14}}}|icon=Nuvola apps kopete.png|title=Title - theme color "14"}} | ||
+ | <div style="{{Robelbox/pad}}"> | ||
+ | ;Subtitle | ||
+ | :Item - Text for item | ||
+ | :* '''''Bullet item''''' - text for bullet item. | ||
+ | </div> | ||
+ | {{Robelbox/close}} | ||
+ | |||
+ | == Colour values used == | ||
+ | |||
+ | Theme: Change the theme numbers from values 1 to 14 to create a different colour scheme. | ||
+ | |||
+ | ===Background=== | ||
+ | |||
+ | 1=<nowiki>#ffFcF1</nowiki> | ||
+ | |||
+ | 2=MintCream | ||
+ | |||
+ | 3=AliceBlue | ||
+ | |||
+ | 4=MistyRose | ||
+ | |||
+ | 5=LavenderBlush | ||
+ | |||
+ | 6=Ivory | ||
+ | |||
+ | 7=Azure | ||
+ | |||
+ | 8=Seashell | ||
+ | |||
+ | 9=<nowiki>#f6fff1</nowiki> | ||
+ | |||
+ | 10=<nowiki>#f4faff</nowiki> | ||
+ | |||
+ | 12=<nowiki>#FFF6F8</nowiki> | ||
+ | |||
+ | 13=<nowiki>#F5F5FF</nowiki> | ||
+ | |||
+ | 14=<nowiki>#ffffff</nowiki> | ||
+ | |||
+ | ===Borders=== | ||
+ | |||
+ | |||
+ | 1=<nowiki>#E39C79</nowiki> | ||
+ | |||
+ | 2=ForestGreen | ||
+ | |||
+ | 3=SteelBlue | ||
+ | |||
+ | 4=IndianRed | ||
+ | |||
+ | 5=MediumPurple | ||
+ | |||
+ | 6=Gold | ||
+ | |||
+ | 7=RoyalBlue | ||
+ | |||
+ | 8=<nowiki>#E78A69</nowiki> | ||
+ | |||
+ | 9=<nowiki>#71be3f</nowiki> | ||
+ | |||
+ | 10=<nowiki>#4290bc</nowiki> | ||
+ | |||
+ | 11=<nowiki>#C289C3</nowiki> | ||
+ | |||
+ | 12=<nowiki>#C56B74</nowiki> | ||
+ | |||
+ | 13=<nowiki>#8488DC</nowiki> | ||
+ | |||
+ | 14=<nowiki>#aaaaaa</nowiki> | ||
+ | |||
+ | ===Top background=== | ||
+ | |||
+ | 1=Wheat | ||
+ | |||
+ | 2=LightGreen | ||
+ | |||
+ | 3=LightSteelBlue | ||
+ | |||
+ | 4=LightCoral | ||
+ | |||
+ | 5=Thistle | ||
+ | |||
+ | 6=<nowiki>#ff9</nowiki> | ||
+ | |||
+ | 7=LightSkyBlue | ||
+ | |||
+ | 8=Peachpuff | ||
+ | |||
+ | 9=<nowiki>#c0eaa6</nowiki> | ||
+ | |||
+ | 10=<nowiki>#9AD4F6</nowiki> | ||
+ | |||
+ | 11=<nowiki>#E6C6E6</nowiki> | ||
+ | |||
+ | 12=<nowiki>#F4B8BF</nowiki> | ||
+ | |||
+ | 13=<nowiki>#CED1FA</nowiki> | ||
+ | |||
+ | 14=<nowiki>#e4e4e4</nowiki> | ||
+ | |||
+ | Icon: Change the Image name for a different icon. See [[Help:Icons]] | ||
+ | |||
+ | [[Category:Design templates]]</noinclude> | ||
+ | |||
+ | [[ar:مساعدة:صندوق جميل]] |
Revision as of 20:17, 24 January 2018
Lua error in package.lua at line 80: module 'Module:Arguments' not found.
Left and right boxes
- Pairs of boxes
- You can create a pair of boxes using {{IconBoxLeft}}, {{IconBoxRight}}, and {{IconBoxClose}}.
Note
- Browser dependent
- Some browsers will not see rounded corners. Rather the corners will appear square.
- Width
- Width of the boxes can be specified using the parameter width e.g., for 50% wide boxes, include |width=50, i.e., {{IconBoxLeft|width=50}}
Usage
- Here is the coding for the two boxes above.
{{IconBoxLeft}} =Left and right boxes= ;Pairs of boxes :You can create a pair of boxes using {{tl|IconBoxLeft}}, {{tl|IconBoxRight}}, and {{tl|IconBoxClose}}. {{IconBoxRight}} =Note= ;Browser dependent :Some browsers will not see rounded corners. Rather the corners will appear square. ;Width :Width of the boxes can be specified using the parameter '''width''' e.g., for 50% wide boxes, include |width=50, i.e., {{IconBoxLeft|width=50}} {{IconBoxClose}}
Left and right boxes without icons
- Pairs of plain boxes
- You can create a pair of boxes using {{RoundBoxLeft}}, {{RoundBoxRight}}, and {{LeftRightBoxClose}}.
Note
- Browser dependent
- Some browsers will not see rounded corners. Rather the corners will appear square.
Very easy to use
- Here is the coding for the two boxes above.
{{RoundBoxLeft}} =Left and right boxes= ;Pairs of boxes :You can create a pair of boxes using {{tl|RoundBoxLeft}}, {{tl|RoundBoxRight}}, and {{tl|LeftRightBoxClose}}. {{RoundBoxRight}} =Note= ;Browser dependent :Some browsers will not see rounded corners. Rather the corners will appear square. {{LeftRightBoxClose}}
Simple round-corner boxes
- Templates for boxes
- This page shows templates that you can use to create boxes for lessons.
Very easy to use
- The coding used to create the box above.
- To create a box like the box above, all you have to do is start with the Template:RoundBoxTop and end with the Template:RoundBoxBottom.
{{RoundBoxTop}} =Simple round-corner boxes= ;Templates for boxes :This page shows templates that you can use to create boxes for lessons. {{RoundBoxBottom}}
Fancy boxes
- Templates for boxes
- This page shows templates that you can use to create boxes for lessons.
Very easy to use
- The coding used to create the box above.
- To create a box like the box above, all you have to do is start with the Template:RoundBoxTop and end with the Template:RoundBoxBottom.
{{Robelbox|theme={{{theme|1}}}|title=Boxes for Wikiversity lesson pages}} <div style="{{Robelbox/pad}}"> =Fancy boxes= ;Templates for boxes :This page shows templates that you can use to create boxes for lessons. </div> {{Robelbox/close}}
Box colors
- Subtitle
- Item - Text for item
- Bullet item - text for bullet item.
- Subtitle
- Item - Text for item
- Bullet item - text for bullet item.
- Subtitle
- Item - Text for item
- Bullet item - text for bullet item.
- Subtitle
- Item - Text for item
- Bullet item - text for bullet item.
- Subtitle
- Item - Text for item
- Bullet item - text for bullet item.
- Subtitle
- Item - Text for item
- Bullet item - text for bullet item.
- Subtitle
- Item - Text for item
- Bullet item - text for bullet item.
- Subtitle
- Item - Text for item
- Bullet item - text for bullet item.
- Subtitle
- Item - Text for item
- Bullet item - text for bullet item.
- Subtitle
- Item - Text for item
- Bullet item - text for bullet item.
- Subtitle
- Item - Text for item
- Bullet item - text for bullet item.
- Subtitle
- Item - Text for item
- Bullet item - text for bullet item.
- Subtitle
- Item - Text for item
- Bullet item - text for bullet item.
- Subtitle
- Item - Text for item
- Bullet item - text for bullet item.
Colour values used
Theme: Change the theme numbers from values 1 to 14 to create a different colour scheme.
Background
1=#ffFcF1
2=MintCream
3=AliceBlue
4=MistyRose
5=LavenderBlush
6=Ivory
7=Azure
8=Seashell
9=#f6fff1
10=#f4faff
12=#FFF6F8
13=#F5F5FF
14=#ffffff
Borders
1=#E39C79
2=ForestGreen
3=SteelBlue
4=IndianRed
5=MediumPurple
6=Gold
7=RoyalBlue
8=#E78A69
9=#71be3f
10=#4290bc
11=#C289C3
12=#C56B74
13=#8488DC
14=#aaaaaa
Top background
1=Wheat
2=LightGreen
3=LightSteelBlue
4=LightCoral
5=Thistle
6=#ff9
7=LightSkyBlue
8=Peachpuff
9=#c0eaa6
10=#9AD4F6
11=#E6C6E6
12=#F4B8BF
13=#CED1FA
14=#e4e4e4
Icon: Change the Image name for a different icon. See Help:Icons