Diseño de la página principal

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;
}

Enlaces Externos

• W3C 17.10 Adding structure to forms - The recommended use of fieldset and legend elements is for adding structure to forms.