Codice Sticky Bar 
Author: Ettore P.
Visited 1490,
Followers 5,
Shared 0
Buon pomeriggio, ho creato una pagina con l'opzione "senza applicare il modello" ed avrei la necessità di avere la stessa sticky bar che ho in tutte le altre pagine.
Potrei tranquillamente usare il modello di tutte le altre pagine se non fosse che, nelle impostazioni generali del sito ho aggiunto un codice nella sezione "prima della chiusura del tag "HEAD" che devo escludere nella nuova pagina.
Come posso risolvere il problema?
Se riesco ad inserire la sticky bar nella pagina "senza applicare il modello" sono a posto.
In una pagina differente dal modello usato per tutto il sito, che codice inserire per avere la sticky bar estesa a tutta la larghezza del browser, alta 50px e con un'immagine ripetuta orizzontalmente?
Posted on the
forse non ho capito, ma se inserisci un'immagine alta 50px, nella prima riga e la estendi a tutta pagina?
cavolo ho capito adesso...parli di Sticky bar....
prova con questo nella tua pagina...
<style>#imStickyBarContainer div {display:block}</style>
Author
Ciao Mirko, ho risolto in questo modo:
<style>
#imStickyBarContainer {
background-color: white;
background-image: url(style/HEADER-50-ARANCIO.png);
background-repeat: repeat-x;
position: fixed;
width: 100%;
top: 0px;
left: 0px;
height: 50px;
z-index: 10398;
}
</style>
Peccato mi fosse sfuggito il fatto che creare una pagina senza applicare il modello riguardi soltanto l'aspetto grafico!
Io ho la necessità di creare una pagina che non sia dipendente dai codici extra che ho inserito nelle impostazioni generali del sito, quelle che ho aggiunto nella sezione "PRIMA DELLA CHIUSURA DEL TAG HEAD"
Praticamente, all'apertura della pagina NON voglio che succeda quello che succede nelle altre pagine, nel mio caso che compaia il banner della privacy policy.
Ciao
Ciao Ettore, prima della chiusura del tag HEAD
<style>
#cookie-law-message{display:none !important;}
</style>
Author
Ciao Giancarlo, grazie per il codice.
Uso il banner di iubenda (il cui codice è integrato nella sezione "prima dela chiusura del tag head" del mio sito) e, analizzando il codice sul mio sito oonline, non riesco a trovare la voce giusta da escludere.
Il problemino è questo:
All'apertura della mia pagina compare il banner di iubenda. Se si sclicca su "accetta" o "Rifiuta" tutto ok.
Se si clicca su "leggi di più", si apre il frame con la personalizzazione dei cookie, ancora ok.
Se in questo frame si clicca su "leggi la completa privacy policy" (in alto a destra) si apre il iframe con la mia policy che mostra nuovamente il banner di iubenda....
Io vorrei quindi escludere il banner di iubenda dalla mia pagina website contenente la privacy e cookies policy.
Nello shot sotto si vede il primo banner che compare ed anche in questo, se si clicca sul link alla "cookie policy" si apre sì la cookie policy ma compare ancora il banner.... è un gioco infinito.
Qui sotto, lo shot della personalizzazione dei cookie.
Cliccando sul pulsante in alto a destra "vedi la completa cookie policy" si apre la policy ma compare ancora il banner iniziale. Devo escluderlo dalla mia pagina website in cui c'è appunto la cookie policy.
<style>
#imHeaderBg , #imStickyBarContainer , #toggle, #imCell_140 { display: none !important; }
#imContent { top:-5px !important; }
</style>
.
Capito Ettore io il codice iubenda lo metto solo sulle pagine principali quindi nella proprietà di ogni pagina che voglio, e non su tutte le pagine come fa la procedura al passo 1
Author
Kola, funziona e si esclude tutto, ma il banner della privacy iubenda appare sempre ad ogni apertura della pagina.
Io volevo escludere soltanto il banner...
Author
Probabilmente è la soluzione migliore, in fin dei conti non ho tante pagine.
Facendo così, se dalla home page clicco per andare su un'altra pagina appare ancora il banner? Oppure, dal momento che ho accettato (o rifiutato la cookie policy), quest'ultima non compare più?
Va bene, provo e poi verifico personalmente, grazie ancora.
Si dal momento che accetti la cookie non appare più
Puoi verificare sul mio sito.
Author
Perfetto, ho verificato. Direi che posso risolvere così, codice extra su ogni pagina tranne quella della policy.
Grazie mille, Giancarlo!
Di nulla, figurati, ciao!!
... invece con il mio codice intervieni solo un volta e per quella pagina...
.
Author
Ciao Kola. Effettivamente sì, infatti sto usando il tuo codice. Comunque, dal momento che ho poche pagine, non è una gran fatica agire anche negli extra di ogni pagina come scritto da Giancarlo.
Sicuramente è più breve e comodo agire solo su una pagina, certo.
A questo punto la pagina equivale ad un pdf.... non ha l'header background, il menu hamburger e la sticky.
Con l'asterisco sono stati esclusi.
Non capisco la cella 140.... quale cella è? Percjè è stata esclusa? Ho ispezionato i codice ma non la trovo.
... c'è, vuota; ...hai manipolato il margine:
.
Author
Non la vedo.....
La prima cella è un oggetto htmlvuoto con altezza 30px
Author
Avevo lasciato un oggetto html vuoto nell'header ;
Header che tengo con un altezza di 1px per far sì che la sticky non compaia all'apertura della pagina.
... ...non c'entra, non c'è la sticky, ... vedi un po' tu con delle prove...
... ho visto, adesso è a posto, OK ...
Author
Grazie ancora, Kola!!
Chiudo il post, alla prossima