Footer differenti 
Autor: Carmelo C.
Visitado 827,
Seguidores 2,
Compartilhado 0
Sarebbe utile una funzione che permetta la personalizzazione header/footer sulle diverse pagine allo stesso breakpoint, anche piccole personalizzazioni come il colore di sfondo ed il colore testo.
Publicado em
... idea a parte da valutare, ...attualmente si può usare l'ultima riga della pagina a mo' di FOOTER, semplicissimo, personalizzandola a piacere, ...oppure si potrebbero usare codici EXTRA di vario tipo (iframe, CSS, JS, ecc.) a seconda di cosa si vuol ottenere...
.
Autor
con i codici extra non sono bravissimo....per ora mi serve solo cambiare colore di sfondo al footer (da bianco a grigio) ed al testo (da nero a bianco)...(se mi suggerissi il codice sarebbe cosa gradita)
Sull'ultima riga l'avevo pensato ma devo reimpostare tutta la riga a tutti i vari brakpoint.....
... è semplice, però dovrei basarmi sul tuo link per vedere se non sia in atto una particolare configurazione..
... per esempio, prendendo ad esempio questo > Template nel Marketplace, per ottenere nel FOOTER lo sfondo GRIGIO e testo BIANCO basterebbe incollare (*) questa stringa:
<style>
#imFooter *{ color: white !important;}
#imFooter { background-color: gray !important;}
</style>
... invece, per ottenere sfondo BIANCO e testo GRIGIO basterebbe incollare (*) questa altra stringa con i valori invertiti:
<style>
#imFooter *{ color: gray !important;}
#imFooter { background-color: white !important;}
</style>
...........................
... white = BIANCO | gray = GRIGIO ... (oppure i valori esadecimali: #FFFFFF |#808080)
(*) ...incollare il codice in questa sezione:
>> Passo 3 - Mappa > Finestra Proprietà Pagina > Le opzioni della Sezione Esperto | ▪Codice personalizzato: (3°) > ▼Prima della chiusura del tag HEAD
.
... se ti servisse che la variazione si attuasse solo sotto ad un certo breakpoint, per esempio sotto ai 720 pixel, il codice sarebbe questo
<style>
@media (max-width: 719px) {
#imFooter *{color: white !important;}
#imFooter { background-color:gray !important;}
}
</style>
.
Autor
ok perfetto, mi funziona, però mi serve per tutta la larghezza dello schermo
come faccio?
Autor
niente, scusa, risolto, ho impostato il footer nella struttura del modello a schermo pieno. Perfetto, grazie per i codici
... ah! ... OK ...
...