Codici Base
Ecco tutta una serie di codici base per stilizzare la vostra homepage.
Come potete notare saranno generalmente codici HTML (quindi facili da reperire e modificare).
- spessore: indica lo spessore del contorno, il minimo è 1px.
- stile: sono disponibili diversi stili quali "solid" (linea) , "double" (doppia linea), "dotted" (puntini), "dashed" (trattini)
- colore del bordo (border-color): per i colori dovete usare i codici "Hex Code Colors"
Per non aver nessun bordo bisogna mettere questa scritta " border:0px; "- Color (colore) :
Questa comando vi permette di cambiare la scritta dentro il riquadro. Anche in questo caso si utilizzano i codici dei colori riportati prima.
Width/Height (larghezza/altezza) :
Cambia le dimensioni del box in pixels
- Overflow (eccedenza) :
Ossia quello che rende il vostro riquadro scrollable, ossia, se avete una pagina di contenuti e una dimensione fissa del riquadro per vedere tutto bisognerà usare le freccette per visualizzare tutto. Questo indica che se avete fatto un box enorme e ci avete messo un "ciao" ovviamente non ci sarà un bel niente da far girare..ù
Per evitare pasticci e di impazzire sugg-erisco ai piu inesperti di lasciare la dicitura "auto", così farà tutto da solo.
Come potete notare saranno generalmente codici HTML (quindi facili da reperire e modificare).
Allineare il contenuto al centro
<p align="center"> vostro contenuto </p>
Allineare il contenuto a sinistra
<p class="pleft"> vostro contenuto </p>
Allineare il contenuto a destra
<p class="pright"> vostro contenuto </p>
Inserire un immagine
<img src="url della vostra immagine" />
*nota: inserire l'URL dell'immagine ( es.
www.pic.jpg). L'url (o link) lo potete trovare su internet o, se avete
un'immagine personale, la potete caricare su un sito hosting
Scrollable Boxes (Riquadri con frecciette)
Sono
pienamente personalizzabili, qui trovate la scritta BASE per crearne
uno, poi potete modificarne la dimensione, il colore, i bordi...
<div style="border:1px solid; border-color:#ffffff; color:#ffffff; width:200px; height:200px; overflow:auto;"> Inserire immagine o testo </div>
- Borders (i bordi) :- spessore: indica lo spessore del contorno, il minimo è 1px.
- stile: sono disponibili diversi stili quali "solid" (linea) , "double" (doppia linea), "dotted" (puntini), "dashed" (trattini)
- colore del bordo (border-color): per i colori dovete usare i codici "Hex Code Colors"
Per non aver nessun bordo bisogna mettere questa scritta " border:0px; "- Color (colore) :
Questa comando vi permette di cambiare la scritta dentro il riquadro. Anche in questo caso si utilizzano i codici dei colori riportati prima.
Width/Height (larghezza/altezza) :
Cambia le dimensioni del box in pixels
- Overflow (eccedenza) :
Ossia quello che rende il vostro riquadro scrollable, ossia, se avete una pagina di contenuti e una dimensione fissa del riquadro per vedere tutto bisognerà usare le freccette per visualizzare tutto. Questo indica che se avete fatto un box enorme e ci avete messo un "ciao" ovviamente non ci sarà un bel niente da far girare..ù
Per evitare pasticci e di impazzire sugg-erisco ai piu inesperti di lasciare la dicitura "auto", così farà tutto da solo.
Nessun commento:
Posta un commento