Classi personalizzate

queste classi possono essere inserite sui blocchi di testo o su parti del testo per ottenere effetti di personalizzazione delle pagine

Classi per la modifica del testo
  • classe big aggiunta in un tag span o strong
  • classe uppercase aggiunta in un tag span o strong
  • classe c4 aggiunta in un tag span o strong da il colore verde smeraldo
  • classe c6 aggiunta in un tag span o strong da il colore verde chiaro
  • classe f2 aggiunta in un tag span utilizza per quel testo il carattere dei titoli

le varie classi si possono abbinare ad esempio

  • classi: c4 uppercase aggiunte in un tag strong
  • class big f2

Se voglio fare effetto pulsante al link applico la classe btn se il pulsante deve far scorrere la pagina al form inserito a fonto pagina oltre alla classe btn inerire la classe bform
pulsante classe btn

Esempio delle pagine serviziTesto con due colonne

Il testo per essere affiancato deve essere contenuto in due div e sul blocco deve essere inserita la classe col2

Il testo nella prima colonna è scritto più in grande, quello nella seconda colonna che dovrebbe essere di norma più lungo è invece scritto con la dimensione consueta dei testi si possono inserire anche elenchi puntati grassetti e effetti di testo visti in precedenza

Classi di bloccoClassi che lavorano sui blocchi per cambiare il posizionamento dei testi o il colore dello sfondo

Blocco con classe txtcenter inserita sul blocco

Blocco con classe txtright inserita sul blocco

Classi che cambiano lo sfondo i un blocco

Possono essere combinate alle classi successive che gestiscono spaziature tra un blocco e l'altro e all'interno del blocco stesso

Titolo back-c3Questo blocco ha classe "back-c3"

ecco come si vedranno i campi di un blocco con classe back-c3

Cerchiare una o più parole del titolo con uno span fa cambiare il colore della parola a seconda dello sfondo del blocco

Titolo back-c4Questo blocco ha classe "back-c4"

ecco come si vedranno i campi di un blocco con classe back-c4

Titolo back-c5Questo blocco ha classe "back-c5"

ecco come si vedranno i campi di un blocco con classe back-c5

Titolo back-c7Questo blocco ha classe "back-c7"

ecco come si vedranno i campi di un blocco con classe back-c7

Titolo back-c9Questo blocco ha classe "back-c9"

ecco come si vedranno i campi di un blocco con classe back-c9

Classi sui blocchi che aumentano o diminuiscono le spaziature

Le classi che cominciano con m distanziano i blocchi, le classi che iniziano con p distanziano il contenuto del blocco dal bordo del blocco

Spazio nel bloccoQuesto blocco ha le seguenti classi "noptb mtb back-c9"

se voglio inserire o togliere spazio all'interno del blocco userò le classi

  • pt spazio prima del testo
  • pb spazio dopo il testo
  • ptb spazio prima e dopo il testo

Se voglio togliere lo spazio userò

  • nopt toglie spazio prima
  • nopb toglie spazio dopo
  • noptb toglie spazio prima e dopo
Questo blocco ha le seguenti classi "mt nopb back-c5"

se voglio inserire o togliere lo spazio tra due blocchi userò le classi

  • mt spazio prima
  • mb spazio dopo
  • mtb spazio prima e dopo

Se voglio togliere lo spazio userò

  • nomttoglie spazio prima
  • nombtoglie spazio dopo
  • nomtbtoglie spazio prima e dopo