|
|
| (21 intermediate revisions by 11 users not shown) |
| Line 1: |
Line 1: |
| The [http://moodle.org moodle.org] theme is not included in the standard Moodle download, however theme designers are welcome to take ideas from it.
| | {{Moved_to_dev_docs}} |
| | |
| The centre sections are created using fieldset and legend elements within a single html block.
| |
| <pre>
| |
| <fieldset>
| |
| <legend>Welcome to Moodle!</legend>
| |
| <p>text ...</p>
| |
| </fieldset>
| |
| <fieldset>
| |
| <legend>Moodle Community</legend>
| |
| <p>text ...</p>
| |
| </fieldset>
| |
| <fieldset>
| |
| <legend>Moodle Development</legend>
| |
| <p>text ...</p>
| |
| </fieldset>
| |
| <fieldset>
| |
| <legend>Moodle Downloads</legend>
| |
| <p>text ...</p>
| |
| </fieldset>
| |
| </pre>
| |
| | |
| The fieldset and legend elements are then styled to match the blocks.
| |
| | |
| <pre>
| |
| fieldset {
| |
| margin-bottom: 20px;
| |
| border: #DDD solid 1px;
| |
| -moz-border-radius-bottomleft:20px;
| |
| -moz-border-radius-bottomright:20px;
| |
| font-size: 0.95em;
| |
| } | |
| | |
| legend {
| |
| border: #DDD solid 1px;
| |
| background-image:url(gradient.jpg);
| |
| background-position:top;
| |
| background-repeat:repeat-x;
| |
| padding: 1px 10px;
| |
| }</pre> | |
| | |
| ==External links==
| |
| * [http://www.w3.org/TR/REC-html40/interact/forms.html#h-17.10 W3C 17.10 Adding structure to forms] - The recommended use of fieldset and legend elements is for adding structure to forms.
| |
| | |
| [[Category:ThemeScrapbook]]
| |
Latest revision as of 07:24, 22 June 2011
