---

CSS Fulls d'estil per defecta plana WEB Ajuntament

Alhora de crear planes web, dins d'Informació Ciutadana, s'ha de tenir en compte les fulles d'estil que s'aplica per defecte i modificacions que hi podem fer nosaltres.

D'entrada a certs objectes, com ara les imatges, taules, enllaços, línies horitzontals, ... podem jugar amb la finestra de propietats:

• ID es per assignar un nom únic de l'objecte dins tot el disseny de la plana.
• La etiqueta Classe assigna el nom de classe a l'objecte i per tant rebrà l'estil que tingui definit aquella classe
• L'etiqueta Estil es per assignar directament propietats CSS. L'imatge de salutació de l'Alcalde porta float:left (equivalent a la classe img-esquerra)

Una altre opció es introduint codi HTML directament, possant-lo entre [ ] o marcar-lo com a text HTML. Per exemple:

El text a escriure

Aquest text només es veu a la web quant es visualitza la plana sense estil.

---

Algunes classes definides dins el <div> #central-3cols son (RECUADRE VERT ES COM ES VEU A LA WEB):

• img-esquerra pensat per imatges, fa aquesta es situí a l'esquerra i el text alineat a la dreta.
• img-dreta pensat per imatges, fa aquesta es situí a la dreta i el text alineat a l'esquerra.
• destacat es per fer text negreta i lleugerament més gros.
• esports es per fer una barra de títol destacada
• access es per objectes a visualitzar només quant es desactiven els fulls d'estil (per tenir la plana accessible)

EXEMPLE destacat, img-esquerra img-dreta i access:

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Visita Blanes ...

Aquest text només es visualitzable en format de sense estils.

---

Una altre recurs es per presentar imatges petites (thumbnails) i que al clicar es vegi la imatge grossa ... per això cal:
Activar el javascript i fulla d'estil requerit

Crear imatges petites (thumbnails) enllaçades (zona sensible) amb la següents característiques:

• A propietats de l'enllaç definir la Classe com vlightbox1
• opcionalment utilitzar l'etiqueta Títol per posar text a l'imatge al ampliar-la
• l'enllaç de la zona sensible a de portar a on es troba la imatge grossa
• si es vol que el thumbnail canvií d'aspecta al passar el cursor per sobre, s'ha de posar les i matges dins del
  ...imatges ...
  (*NOTA=possar corchetes es una altre manera de dir que el text es codi HTML)