Membership index
NOTA: I download riservati ai membri possono essere effettuati anche senza registrazione con una piccola donazione a sostegno del sito.
Lista delle risorse scaricabili con donazione
ATTENZIONE: Non dimenticate di aggiungere i vendor prefixes ai codici css di base.
NOTA: le risorse vengono aggiornate, quando necessario, per rispettare nuovi parametri.
Per questo motivo, potrebbero esserci leggere differenze nella grafica del prodotto scaricato rispetto a quello visualizzato in anteprima.
Serie di footer con diverse funzionalità.
Useful rules:
Regole utili:
Footer always at the bottom of the page:
Footer sempre a fondo pagina:
Negli schermi più grandi, se il contenuto della pagina non riempie lo schermo in altezza, il footer rimane sospeso a mezz'aria.
Per risolvere il problema, basta applicare le regole per avere l'altezza pagina al 100% che trovate nelle
soluzioni CSS.
Fixed footer
Footer fisso
Per avere un footer fisso, invece, cioè posizionato a fondo pagina e sempre visibile se la pagina scorre, applicate queste regole:
#fixed-footer {
position: fixed;
bottom: 0;
left: 0;
text-align: center;
background: #000;
color: #FFF;
width: 100%;
padding: 15px 0;
}
Naturalmente, il padding, il colore dello sfondo e del testo possono essere personalizzati.
ATTENZIONE: Non dimenticate di aggiungere i vendor prefixes ai codici css di base.
Various footer
Footer vari
Bottoni social con overlay e global url. Non funzionanti in anteprima.
12a-Footer 1 - Three columns footer - logo, links, data, social - HTML, CSS, JS
12a-Footer 1 - tre colonne - logo, links, dati, social - HTML, CSS, JS
12b-Footer 2 - Two columns footer - logo, links, social, form - HTML, CSS, JS, PHP
12b-Footer 2 - due colonne - logo, links, social, form - HTML, CSS, JS, PHP
12c-Footer 3 - Two columns footer - links, search box - HTML, CSS, JS
12c-Footer 3 - due colonne - links, search box - HTML, CSS, JS
12d-Footer 4 - Two columns footer - links, social - HTML, CSS, JS
12d-Footer 4 - due colonne - links, social - HTML, CSS, JS
Membership index
Argomenti del sito correlati:
Leggi tutto