Questo sito è strutturato in DIVS ed è xHTML e CSS 2.0 valid. Gli stili della pagina sono richiamati dal foglio css denominato stili.css.
Le cose consentite sono:
Le cose NON consentite sono:
PER QUALSIASI PROBLEMA NON ESISTATE A CONTATTARMI ALL'INDIRIZZO INFO[@]RUBANNOIR[.]NET (SENZA LE PARENTESI QUADRE)
All'interno del layout sono inserite diveri commenti, sia nel foglio html (riconoscibili dalla forma <!-- commento --> ) che nel css (nella forma /* commento */ ) quando apportare la personalizzazione dei contenuti tenete conto di queste indicazioni!!
Nei Credits, aggiungi il tuo nome e inserisci al posto di tua@mail.it la tua email, così clickando sul simbolo @ i visitatori potranno spedirti direttamente un'email.
Nel foglio stile sono contenute le indicazioni sullo stile della pagina (colori, caratteri, dimensioni etc.) tali indicazioni sono suddivise in 3 blocchi:
• /* IMPOSTAZIONI GENERALI E COLLEGAMENTI */
indica le impostazioni degli elementi body e a (collegamenti).
a:hover → collegamenti al passaggio del mouse.
a:visited → collegamenti sui quali il visitatore ha già clickato.
Tali elementi (a, a:hover, a:visited) non necessitano di venir richiamati in una maniera particolare, basta usare il classico tag per i collegamenti: <a href="link">testo</a>
• /* IMPOSTAZIONI STRUTTURALI LAYOUT */
Indica la collocazione e le dimensioni dei blocchi che compongono il layout, normalmente tali dichiarazioni non sono interessate da modifiche poichè si tratta solo delle dimensioni e della loro posizione dei varii elementi che compongono il layout. Sono inclusi in questa parte le impostazioni del titolo del layout ma solo per il suo posizionamento, il resto è incluso in una dichiarazione posta successivamente.
• /* IMPOSTAZIONI STILISTICHE DEL TESTO */
In questa parte sono indicate le impostazioni di tutti gli elementi, dei titoli, delle citazioni e del box contenente i vari blocchi del menù.
* → le impostazioni quì definite vengono applicate a tutti gli elementi, a meno che non si vengano sovrascritte da dichiarazioni successive.
h1 → indica il titolo principale del layout, è posizionato dentro al blocco dell'header.
h2 → indica i titoli inseriti nel blocco dei contenuti, si richiama questo stile (nella pagina HTML) tramite il tag: <h2> Quello che vuoi </h2>
h3 → indica i titoli usati nel blocco del menù, si richiama questo stile (nella pagina HTML) tramite il tag: <h3> Quello che vuoi </h3>
blockquote → indica il blocco delle citazioni, si richiama questo stile (nella pagina HTML) tramite il tag: <blockquote> citazione <blockquote>
Per andare a capo si usa: <br />
Testo in grassetto: <b> testo </b>
Testo in corsivo: <i> testo </i>
Testo in sottolineato: <u> testo </u>
Testo in barrato: <s> testo </s>
Testo in citazione: <blockquote> testo </blockquote>