Difference between revisions of "Template:Cmbox/test1"
imported>Davidgothberg (Making the left image cell handle any image size. Adding hard-coded cell paddings due to the 31 days CSS caching.) |
imported>Davidgothberg (Oops, mixed up the hard-coded padding for the text and left image cells. Good thing I test things before deploying them.) |
||
| Line 13: | Line 13: | ||
{{#ifeq:{{{image|}}}|none | {{#ifeq:{{{image|}}}|none | ||
| <!-- No image. Cell with some width or padding necessary for text cell to have 100% width. --><td style="border: none; padding: 0px; width: 1px;"></td> | | <!-- No image. Cell with some width or padding necessary for text cell to have 100% width. --><td style="border: none; padding: 0px; width: 1px;"></td> | ||
| − | | <td class="mbox-image" style="padding: 0 | + | | <td class="mbox-image" style="padding: 2px 0 2px 0.9em;"> |
{{#if:{{{image|}}} | {{#if:{{{image|}}} | ||
| {{{image}}} | | {{{image}}} | ||
| Line 28: | Line 28: | ||
}}</td> | }}</td> | ||
}} | }} | ||
| − | <td class="mbox-text" style="padding: | + | <td class="mbox-text" style="padding: 0.25em 0.9em; {{{textstyle|}}}"> {{{text}}} </td> |
{{#if:{{{imageright|}}} | {{#if:{{{imageright|}}} | ||
| <td class="mbox-imageright" style="padding: 2px 0.9em 2px 0;"> {{{imageright}}} </td> | | <td class="mbox-imageright" style="padding: 2px 0.9em 2px 0;"> {{{imageright}}} </td> | ||
| Line 138: | Line 138: | ||
| imageright = [[Image:Nuvola apps bookcase.svg|100px]] | | imageright = [[Image:Nuvola apps bookcase.svg|100px]] | ||
}} | }} | ||
| − | |||
| − | |||
=== Testing error reporting === | === Testing error reporting === | ||
Revision as of 16:51, 3 October 2008
| 40x40px | {{{text}}} |
David's sandbox for {{cmbox}}
Here David Göthberg is testing and showing new code versions. Please do not edit this page. If you want to experiment do so in {{cmbox/sandbox}} or create your own subpage under {{cmbox}} or in your own user space.
The box above is template code on this page, the boxes below are transclusions of this page and show how that code renders when the box is stacked. If you anyway have updated the code above then you have to Script error: No such module "Purge". to see the effect on the examples below.
| 40x40px | delete |
| 40x40px | speedy |
| 40x40px | speedy |
| 40x40px | delete |
| 40x40px | content, lots of text lots of text lots of text lots of text lots of text lots of text lots of text lots of text lots of text | 40x40px |
| 40x40px | style, lots of text lots of text lots of text lots of text lots of text lots of text lots of text lots of text lots of text | 40x40px |
| 40x40px | notice, lots of text lots of text lots of text lots of text lots of text lots of text lots of text lots of text lots of text | 80px |
| 40x40px | move |
| 40x40px | protection |
Some text just to test bottom margin.
The image to the right tests how the horizontal line under the heading below interacts with the image. Since User:Wknight94 reported a problem with that and the ambox/cmbox CSS code.
More tests
| No type and image=none |
Special
Some other parameter combinations.
| 40x40px | No type and no image given (default) |
| No type and image=none – No image is used and the text uses the whole message box area. |
| 40x40px | image = |
| 100px | Trying large left side image. - lots of text lots of text lots of text lots of text lots of text lots of text lots of text lots of text lots of text |
| 100px | Trying large left and right side image. - lots of text lots of text lots of text lots of text lots of text lots of text lots of text lots of text lots of text | 100px |