Diferencia entre revisiones de «Diseño de la página principal»
De MoodleDocs
Sin resumen de edición |
Sin resumen de edición |
||
Línea 1: | Línea 1: | ||
{{FAQ de temas}} | {{FAQ de temas}} | ||
El tema [http://moodle.org moodle.org] no esta incluido en la descarga estándar de Moodle, sin embargo los diseñadores de temas son bienvenidos de tomar ideas de su diseño de página pricnipal. | |||
Las secciones centrales son creadas usando elementos 'fieldset' y 'legend' dentro de un sólo bloque html. | |||
<pre> | <pre> | ||
<fieldset> | <fieldset> | ||
<legend> | <legend>¡Bienvenidos a Moodle!</legend> | ||
<p>text ...</p> | <p>text ...</p> | ||
</fieldset> | </fieldset> | ||
<fieldset> | <fieldset> | ||
<legend>Moodle | <legend>Comunidad Moodle</legend> | ||
<p>text ...</p> | <p>text ...</p> | ||
</fieldset> | </fieldset> | ||
<fieldset> | <fieldset> | ||
<legend>Moodle | <legend>Desarrollo Moodle</legend> | ||
<p>text ...</p> | <p>text ...</p> | ||
</fieldset> | </fieldset> | ||
<fieldset> | <fieldset> | ||
<legend>Moodle | <legend>Descargas Moodle</legend> | ||
<p>text ...</p> | <p>text ...</p> | ||
</fieldset> | </fieldset> | ||
</pre> | </pre> | ||
Los elementos 'fieldset' y 'legend' son después estilizados para parecerse a los bloques. | |||
<pre> | <pre> | ||
Línea 42: | Línea 43: | ||
}</pre> | }</pre> | ||
== | ==Ligas Externas== | ||
* [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. | * [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. | ||
Revisión del 23:08 10 feb 2007
El tema moodle.org no esta incluido en la descarga estándar de Moodle, sin embargo los diseñadores de temas son bienvenidos de tomar ideas de su diseño de página pricnipal.
Las secciones centrales son creadas usando elementos 'fieldset' y 'legend' dentro de un sólo bloque html.
<fieldset> <legend>¡Bienvenidos a Moodle!</legend> <p>text ...</p> </fieldset> <fieldset> <legend>Comunidad Moodle</legend> <p>text ...</p> </fieldset> <fieldset> <legend>Desarrollo Moodle</legend> <p>text ...</p> </fieldset> <fieldset> <legend>Descargas Moodle</legend> <p>text ...</p> </fieldset>
Los elementos 'fieldset' y 'legend' son después estilizados para parecerse a los bloques.
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; }
Ligas Externas
- W3C 17.10 Adding structure to forms - The recommended use of fieldset and legend elements is for adding structure to forms.