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 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.