Diferencia entre revisiones de «Diseño de la página principal»
De MoodleDocs
Sin resumen de edición |
mSin 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 | 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 a tomar ideas de su diseño de página principal. | ||
Las secciones centrales son creadas usando elementos 'fieldset' y 'legend' dentro de un sólo bloque html. | Las secciones centrales son creadas usando elementos 'fieldset' y 'legend' dentro de un sólo bloque html. |
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 a tomar ideas de su diseño de página principal.
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.