Jump to content

Template:RoundBoxTop: Difference between revisions

From IdeaWazaWiki

wikademia>Wikademia

wikademia>Robert Elliott
m New page - rough version
 
wikademia>Wikademia
m 15 revisions
 
(14 intermediate revisions by 3 users not shown)
Line 1: Line 1:
{| cellpadding="10" cellspacing="5" style="width: 100%; background-color: inherit; margin-left: auto; margin-right: auto"
<includeonly>{| cellpadding="10" cellspacing="5" style="width: 100%; background-color: inherit; margin-left: auto; margin-right: auto"
| style="background-color: {{Robelbox/C1|{{{theme|1}}}}}; border: 1px solid {{Robelbox/C2|{{{theme|1}}}}}; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px;" colspan="1" |<br>
| style="background-color: {{Robelbox/C1|{{{theme|1}}}}}; border: 1px solid {{Robelbox/C2|{{{theme|1}}}}}; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px;" colspan="1" |</includeonly><noinclude>
<noinclude>
|}
;One of three parts
;One of three parts
:This is a box with rounded corners (visible with selected browsers only.):
:This is a box with rounded corners (visible with selected browsers only.):


This template can be combined with [[Template:RoundBoxNext]] and must conclude with [[Template:RoundBoxBottom]].
This template can be combined with [[Template:RoundBoxNext]] and must conclude with [[Template:RoundBoxBottom]].
</noinclude>
 
{| cellspacing="2" cellpadding="0" style="margin:0em 0em 0em 0em; width:{{{width|100%}}}; {{#ifeq:{{{height|100%}}}|none||height:{{{height|100%}}}}};"
==Code examples==
| colspan="1" style="width:100%; {{#ifeq:{{{height|100%}}}|none||height:100%;}} vertical-align:top; border:1px solid {{Robelbox/C2|{{{theme|1}}}}}; background-color:{{Robelbox/C1|{{{theme|1}}}}};" |
{{#ifeq:{{{icon|default}}}|default||[[Image:{{{icon|Namespace Wikipedia.svg}}}|{{{iconwidth|32px}}}|right]]}}
<div style="border-bottom:1px solid {{Robelbox/C2|{{{theme|1}}}}}; background-color:{{Robelbox/C3|{{{theme|1}}}}}; padding:0.2em 0.9em 0.2em 0.5em; font-size:120%; font-weight:bold;">{{{title|Title}}}</div>
<noinclude><div style="padding:0.75em 1.5em 0em 0.75em;">
''Parameters:''
* ''theme'': Values 1 to 14; gives colour scheme:
{{Robelbox/theme}}
* ''title'': Box title.
* ''width'': Box width; default is 100%.
* ''height'': Guess; default is 100%.
* ''icon'': Image name for icon.
* ''iconwidth'': Pixel width of icon; default is 56. Include "px".
''Don't forget to use the <nowiki>{{Robelbox/close}}</nowiki> template after your content!''
<br>''This template should be used together with <nowiki>{{Robelbox/pad}}</nowiki> to pad out the box contents - see examples below, and see talk page.
</div>
|}
==Simple examples==
__TOC__
__TOC__
===Theme 1: Tan (default)===
===Default theme===
This code:
This code:
   <nowiki>{{robelbox|title=Test title}}
   <nowiki>{{RoundBoxTop}}
  <div style="{{Robelbox/pad}}">
   Test content using a box of theme = 1.
   Test content using a default box
   {{RoundBoxBottom}}</nowiki>
  </div>
   {{Robelbox/close}}</nowiki>
produces this box:
{{robelbox|title=Test title}}
<div style="{{Robelbox/pad}}">
Test content using a default box
</div>
{{Robelbox/close}}


===Theme 2: Mid green===
produces this box<nowiki>:</nowiki>
{{RoundBoxTop}}
Test content using a box of theme = 1.
{{RoundBoxBottom}}
 
===Green theme===
This code:
This code:
   <nowiki>{{robelbox|theme=2|title=Test title}}
   <nowiki>{{RoundBoxTop|theme=2}}
   <div style="{{Robelbox/pad}}">
   Test content using a box of theme = 2.
  Test content using a default box with theme=2
  {{RoundBoxBottom}}</nowiki>
  </div>
 
  {{Robelbox/close}}</nowiki>
produces this box<nowiki>:</nowiki>
produces this box:
{{RoundBoxTop|theme=2}}
{{robelbox|theme=2|title=Test title}}
Test content using a box of theme = 2.
<div style="{{Robelbox/pad}}">
{{RoundBoxBottom}}
Test content using a default box with theme=2
 
</div>
==Themes==
{{Robelbox/close}}
 
{{RoundBoxTop}}
===Theme 1===
;Simple example
:Here is an example of a round box with a theme of 1.
{{RoundBoxBottom}}
 
{{RoundBoxTop|theme=2}}
===Theme 2===
;Simple example
:Here is an example of a round box with a theme of 2.
{{RoundBoxBottom}}
 
{{RoundBoxTop|theme=3}}
===Theme 3===
;Simple example
:Here is an example of a round box with a theme of 3.
{{RoundBoxBottom}}
 
{{RoundBoxTop|theme=4}}
===Theme 4===
;Simple example
:Here is an example of a round box with a theme of 4.
{{RoundBoxBottom}}
 
{{RoundBoxTop|theme=5}}
===Theme 5===
;Simple example
:Here is an example of a round box with a theme of 5.
{{RoundBoxBottom}}
 
{{RoundBoxTop|theme=6}}
===Theme 6===
;Simple example
:Here is an example of a round box with a theme of 6.
{{RoundBoxBottom}}
 
{{RoundBoxTop|theme=7}}
===Theme 7===
;Simple example
:Here is an example of a round box with a theme of 7.
{{RoundBoxBottom}}
 
{{RoundBoxTop|theme=8}}
===Theme 8===
;Simple example
:Here is an example of a round box with a theme of 8.
{{RoundBoxBottom}}
 
{{RoundBoxTop|theme=9}}
===Theme 9===
;Simple example
:Here is an example of a round box with a theme of 9.
{{RoundBoxBottom}}
 
{{RoundBoxTop|theme=10}}
===Theme 10===
;Simple example
:Here is an example of a round box with a theme of 10.
{{RoundBoxBottom}}
 
{{RoundBoxTop|theme=11}}
===Theme 11===
;Simple example
:Here is an example of a round box with a theme of 11.
{{RoundBoxBottom}}
 
{{RoundBoxTop|theme=12}}
===Theme 12===
;Simple example
:Here is an example of a round box with a theme of 12.
{{RoundBoxBottom}}
 
{{RoundBoxTop|theme=13}}
===Theme 13===
;Simple example
:Here is an example of a round box with a theme of 13.
{{RoundBoxBottom}}


== Colour samples ==
{{RoundBoxTop|theme=14}}
{|
===Theme 14===
|{{Robelbox|theme=1|title=Theme 1|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}">
;Simple example
''Content goes here.''
:Here is an example of a round box with a theme of 14.
</div>
{{RoundBoxBottom}}
{{Robelbox-close}}
|{{Robelbox|theme=2|title=Theme 2|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}">
''Content goes here.''
</div>
{{Robelbox-close}}
|{{Robelbox|theme=3|title=Theme 3|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}">
''Content goes here.''
</div>
{{Robelbox-close}}
|{{Robelbox|theme=4|title=Theme 4|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}">
''Content goes here.''
</div>
{{Robelbox-close}}
|-
|{{Robelbox|theme=5|title=Theme 5|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}">
''Content goes here.''
</div>
{{Robelbox-close}}
|{{Robelbox|theme=6|title=Theme 6|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}">
''Content goes here.''
</div>
{{Robelbox-close}}
|{{Robelbox|theme=7|title=Theme 7|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}">
''Content goes here.''
</div>
{{Robelbox-close}}
|{{Robelbox|theme=8|title=Theme 8|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}">
''Content goes here.''
</div>
{{Robelbox-close}}
|{{Robelbox|theme=9|title=Theme 9|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}">
''Content goes here.''
</div>
{{Robelbox-close}}
|-
|{{Robelbox|theme=10|title=Theme 10|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}">
''Content goes here.''
</div>
{{Robelbox-close}}
|{{Robelbox|theme=11|title=Theme 11|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}">
''Content goes here.''
</div>
{{Robelbox-close}}
|{{Robelbox|theme=12|title=Theme 12|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}">
''Content goes here.''
</div>
{{Robelbox-close}}
|{{Robelbox|theme=13|title=Theme 13|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}">
''Content goes here.''
</div>
{{Robelbox-close}}
|{{Robelbox|theme=14|title=Theme 14|width=200px|iconwidth=48px}}<div style="{{Robelbox/pad}}">
''Content goes here.''
</div>
{{Robelbox-close}}
|}


{{RoundBoxTop|theme=15}}
===Theme 15===
;Simple example
:Here is an example of a round box with a theme of 15.
{{RoundBoxBottom}}




[[Category:Design templates]]</noinclude>
[[Category:Design templates]]</noinclude>

Latest revision as of 19:26, 29 March 2009

One of three parts
This is a box with rounded corners (visible with selected browsers only.):

This template can be combined with Template:RoundBoxNext and must conclude with Template:RoundBoxBottom.

Code examples

Default theme

This code: 

 {{RoundBoxTop}}
  Test content using a box of theme = 1.
  {{RoundBoxBottom}}

produces this box:

Test content using a box of theme = 1.

Green theme

This code: 

 {{RoundBoxTop|theme=2}}
  Test content using a box of theme = 2.
  {{RoundBoxBottom}}

produces this box:

Test content using a box of theme = 2.

Themes

Theme 1

Simple example
Here is an example of a round box with a theme of 1.

Theme 2

Simple example
Here is an example of a round box with a theme of 2.

Theme 3

Simple example
Here is an example of a round box with a theme of 3.

Theme 4

Simple example
Here is an example of a round box with a theme of 4.

Theme 5

Simple example
Here is an example of a round box with a theme of 5.

Theme 6

Simple example
Here is an example of a round box with a theme of 6.

Theme 7

Simple example
Here is an example of a round box with a theme of 7.

Theme 8

Simple example
Here is an example of a round box with a theme of 8.

Theme 9

Simple example
Here is an example of a round box with a theme of 9.

Theme 10

Simple example
Here is an example of a round box with a theme of 10.

Theme 11

Simple example
Here is an example of a round box with a theme of 11.

Theme 12

Simple example
Here is an example of a round box with a theme of 12.

Theme 13

Simple example
Here is an example of a round box with a theme of 13.

Theme 14

Simple example
Here is an example of a round box with a theme of 14.

Theme 15

Simple example
Here is an example of a round box with a theme of 15.
Retrieved from "https://ideawaza.com/index.php?title=Template:RoundBoxTop&oldid=20312"