Campus 5.0 · Guia d'estil
Quan per espai o per pes visual de la pàgina no t'interessa fer servir botons, pots recórrer a les icones.
Per a donar més presència a les icones, pots destacar-les circumscrivint-les en un cercle.
Per a fer més reconeixedors els botons o donar-los més entitat, pots precedir el text d'una petita icona.
Per a unificar criteris pots fer servir icones que ja existeixen al Campus sempre que els donem el mateix ús. Trobaràs totes les icones a http://cv.uoc.edu/UOC/mc-icons/general.
| Tipus | Imatge | Nom | Ús |
|---|---|---|---|
| Icona |  |
adjunta.png | Per a arxius adjunts |
| Icona per botó |  |
adjunta-boto.png | Per a arxius adjunts |
| Icona |  |
baixa.png | Per a obrir desplegables |
| Icona destacada |  |
baixa-ico2.png | Rollover |
| Icona |  |
puja.png | Per a tancar desplegables |
| Icona destacada |  |
puja-ico2.png | Rollover |
| Icona |  |
escriu.png | Per a escriure un missatge |
| Icona per botó |  |
escriu-boto.png | Per a escriure un missatge |
| Icona per botó |  |
torna-boto.png | Per a tornar enrere |
| Icona destacada |  |
anterior-ico2.png | Per a anar a l'element anterior |
| Icona destacada |  |
primer-ico2.png | Per a anar al primer element d'una llista |
| Tipus | Imatge | Nom | Ús |
|---|---|---|---|
| Icona destacada |  |
seguent-ico2.png | Per a anar a l'element següent |
| Icona destacada |  |
ultim-ico2.png | Per a anar a l'últim element d'una llista |
| Icona |  |
afegeixcontacte.png | Per a afegir un contacte |
| Icona |  |
popup.png | Per a obrir l'enllaç en una finestra nova |
| Icona per botó |  |
popup-boto.png | Per a obrir l'enllaç en una finestra nova |
| Icona |  |
preferit.png | Per a marcar preferits |
| Icona destacada |  |
descarrega-ico2.png | Per a baixar arxius adjunts |
| Icona per botó |  |
tanca-boto.png | Per a tancar |
| Icona destacada |  |
tanca-ico2.png | Per a tancar |
| Icona |  |
loader.gif | Per a indicar que el sistema està treballant |
| Icona per botó |  |
loader-boto.gif | Per a indicar que el sistema està treballant |