Orri nagusiaren diseinua

moodle.org itxura ez dago Moodle-tik jaisten den estandarrean baina itxura-diseinugileak ongietorriak izango dira beren orri nagusiko diseinuaren ideiak hartzeko.

Erdiko atalak 'fieldset' eta 'legend' elementuak erabilita sortzen dira html bloke bakarrean.

<fieldset>
  <legend>Ongi etorri Moodle-ra!</legend>
  <p>text ...</p>
</fieldset>
<fieldset>
  <legend>Moodle Komunitatea</legend>
  <p>text ...</p>
</fieldset>
<fieldset>
  <legend>Moodle-ren garapena</legend>
  <p>text ...</p>
</fieldset>
<fieldset>
  <legend>Moodle-tik jaitsi</legend>
  <p>text ...</p>
</fieldset>

'fieldset' eta 'legend' elementuak estilizatu egiten dira gero blokeen antza izan dezaten.

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

Kanpoko Estekak

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