WebSite X5Help Center

 
ROBERTO TOMASI C.
ROBERTO TOMASI C.
User

Intestazione fissa  it

Autor: ROBERTO TOMASI C.
Visitado 134, Followers 2, Compartido 0  

ho cercato i post con l'oggetto di questa riciesta e ne sono venuti fuori due. Uno diceva di usare questo codice

<style type="text/css">
body #imHeader {position: fixed; top: 0; width: 1920px; z-index:1000;}
body #imMnMn {position: fixed; top: 46px; left:AUTO;}
</style>
<style>

Avrei bisogno che la parte con la freccia dell'header rimanesse sempre visibile quando si scorre la pagina. Ma quel codice dove lo metto e poi va bene in ogni caso? Credo he i parametri debbano essere variati. Grazie per l'aiuto.

Publicado en
13 RESPUESTAS - 2 úTIL
Roberto M.
Roberto M.
User

<style>
#imHeaderBg,
#imHeader,
#imMnMn {
position: fixed;
z-index: 10;
top: 0; /* Position the navbar at the top of the page */
width: 100%; /* Full width */
}
</style>

Se hai la stiky bar attiva metti anche questo codice

<style>#imStickyBarContainer div {display:none}</style>

Il codice lo metti o in codice statistiche (per tutto il sito) o sulle proprietà della pagina che ti interessa che rimanga l'header fisso.

Leer más
Publicado en de Roberto M.
Roberto M.
Roberto M.
User

Dimenticavo: codice-esperto - prima della chiusura del tag head.

Leer más
Publicado en de Roberto M.
ROBERTO TOMASI C.
ROBERTO TOMASI C.
User
Autor

Ciao,
grazie per l'aiuto. In effetti ho capito che devo usare la Sticky bar (in pratica sto cominciando adesso usare il programma con più impegno), in quanto altrimenti si muove anche il simbolo sotto.
Adesso mi studio le istruzioni e poi… non capendoci niente, chiederò aiuto! laughing

Leer más
Publicado en de ROBERTO TOMASI C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ENUsuario del mes ES
ROBERTO TOMASI C.
... ... ... Avrei bisogno che la parte con la freccia dell'header rimanesse sempre visibile quando si scorre la pagina. Ma quel codice dove lo metto e poi va bene in ogni caso? Credo he i parametri debbano essere variati. Grazie per l'aiuto.

... in teoria non servirebbero codici; ... ... WebSiteX5 utilizza un linguaggio ad Alto_livello+,  dovendo così ricorrere rare volte all'utilizzo della forza nascosta (Passo_6-fantasma)...

... se ho capito bene quel che ti interessa di ottenere, secondo me potresti raggiungere lo scopoe con i semplici strumenti del Programma, cliccando cliccando...

... mi riferisco all'opzione accattivante "Sticky Bar"; ...vedi > Guida.....

... puoi vederne il risultato in questi questi due Templates presi a caso nel Marketplace:

1) - Sticky Bar > fissa
https://market.websitex5.com/it/template/anteprima/12053cb5-e072-4cd2-912f-2341c259df0

2) -Sticky Bar > fluttuante
https://market.websitex5.com/it/template/anteprima/756928f1-2d38-4109-a3d7-1c2e37ab84b

.

ciao

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ENUsuario del mes ES
ROBERTO TOMASI C.
... ... ...i n effetti ho capito che devo usare la Sticky bar (in pratica sto cominciando adesso usare il programma con più impegno), ... ... ... 

... ah! ... bene, ...bravo ... wink

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
ROBERTO TOMASI C.
ROBERTO TOMASI C.
User
Autor
‪ KolAsim ‪ ‪
ROBERTO TOMASI C. . ... ah! ... bene, ...bravo ...

in effetti sono riuscito a creare la Sticky bar seguendo il manuale, pero il risultato è stato che nel mio computer si vede benissimo, in quello di un amico è visualizzato a sandwich (cosa che detesto, perché scoraggia l'uso). Mi sembrava strano che tutto fosse andato liscio...

Leer más
Publicado en de ROBERTO TOMASI C.
Roberto M.
Roberto M.
User
 ‪ KolAsim ‪ ‪
ROBERTO TOMASI C. ... ... ... Avrei bisogno che la parte con la freccia dell'header rimanesse sempre visibile quando si scorre la pagina. Ma quel codice dove lo metto e poi va bene in ogni caso? Credo he i parametri debbano essere variati. Grazie per l'aiuto. ... in teoria non servirebbero codici; ... ... WebSiteX5 utilizza un linguaggio ad Alto_livello+,  dovendo così ricorrere rare volte all'utilizzo della forza nascosta (Passo_6-fantasma)... ... se ho capito bene quel che ti interessa di ottenere, secondo me potresti raggiungere lo scopoe con i semplici strumenti del Programma, cliccando cliccando... ... mi riferisco all'opzione accattivante "Sticky Bar"; ...vedi > Guida..... ... puoi vederne il risultato in questi questi due Templates presi a caso nel Marketplace: 1) - Sticky Bar > fissa https://market.websitex5.com/it/template/anteprima/12053cb5-e072-4cd2-912f-2341c259df0 2) -Sticky Bar > fluttuante https://market.websitex5.com/it/template/anteprima/756928f1-2d38-4109-a3d7-1c2e37ab84b . ciao .

Carissimo Kolasim capisco il tuo obiettivo e permettimi di chiarire alcuni aspetti. La "Sticky Bar" di WebSite X5 è una soluzione predefinita utile, ma se vuoi mantenere l'header completo visibile durante lo scroll senza utilizzare la barra fluttuante, è necessario intervenire con del codice personalizzato.

La Sticky Bar fluttuante è già attiva di default, ma è limitata nella gestione di un header fisso o complesso, e spesso richiede l'azzeramento di margini e padding, soprattutto nei blog, per evitare sovrapposizioni indesiderate.

Sebbene WebSite X5 sia un programma "ad alto livello e ci aggiungo di altissimo livello" e facile da usare, le sue funzionalità predefinite non coprono ogni esigenza. Per personalizzazioni avanzate come un header fisso, è inevitabile aggiungere codice.

Per la mia modesta esperienza, preferirei un header a zero con solo la Sticky Bar, evitando di inserire codice aggiuntivo. Questo approccio è pulito, intuitivo e riduce i problemi di compatibilità o sovrapposizione con altri elementi della pagina, specialmente in contesti come i blog.

Detto questo, il codice che ho condiviso è utile nel caso in cui si voglia gestire un header fisso completo, dando maggiore controllo sul design e sul comportamento. Ovviamente, la scelta dipende dal risultato desiderato e dal contesto specifico.

Leer más
Publicado en de Roberto M.
Claudio D.
Claudio D.
Moderator
Usuario del mes IT

@RobertoTomasi... ti appare l'hamburger menu perchè non c'è spazio per il menu normale...

vai nella stichybar, ed allarga il più possibile il MENU e ti apparirà il MENU normale... (se vuoi usare la stickybar)

Leer más
Publicado en de Claudio D.
ROBERTO TOMASI C.
ROBERTO TOMASI C.
User
Autor
Claudio D.
@RobertoTomasi... ti appare l'hamburger menu perchè non c'è spazio per il menu normale...

Grazie, credo però di aver capito cosa è successo; tra una visualizzazione e l'altra in effetti avevo fatto una modifica; avevo creato una copia delle pagina iniziative, indicandola come "in costruzione", perché volevo con calma estrarre alcune cose. Solo che è vero che non viene pubblicata, però ho scoperto ora che finisce comunque nel menu, allargandolo, e così si superava lo spazio anche nel menu ordinario, trasformando il tutto in sandwich; non so peraltro come fare in modo che le pagine "in costruzione" non finiscano anche nel menu, pensavo fosse una qualifica connessa al fatto che non ne voglio la pubblicazione. Comunque ho risolto lasciandola pubblicare come nascosta e non legata (in pratica per entrarci bisonga avere l'esatto indirizzo). Ne terrò conto in futuro.

Roberto M.
 ‪ Detto questo, il codice che ho condiviso è utile nel caso in cui si voglia gestire un header fisso completo, dando maggiore controllo sul design e sul comportamento. Ovviamente, la scelta dipende dal risultato desiderato e dal contesto specifico.

Direi anche che dipende dalle capacità del webmaster; purtroppo quando si è webincompetent come me, si è costretti a passare "dove l'acqua è bassa", anzi nel mio caso dove il terreno è proprio  bello asciutto.
Mettendo il codice in una pagina per provare (e dopo aver capito che dovevo aprire una casella HTML - il codice statistiche non ho neanche idea di cosa sia, ci avrei pensato dopo la prova), il risultato era che l'intero header si muoveva, mentre in effetti a me interessava solo la parte indicata con la freccia, cioè il menu.
In effetti la Sticky bar mi piace di meno, perché avrei preferito che rimanesse visibile il menu senza cambio grafico, un po' come si fissa una riga nei fogli di calcolo (purtroppo io ho la tendenza a ragionare nella creazione delle pagine come se stessi lavorando su pagine di Libre Office anziché pensare che sto scrivendo in HTML con ben diverse possibilità), ma volendo mantenere in ogni pagina anche il simbolo del sito credo sia impossibile (almeno per un webincompetent). Grazie comunque per il codice, quando terminerò di imparare le basi del programma (se non termino prima io laughing) potrò magari utilizzarlo per qualcos'altro

Leer más
Publicado en de ROBERTO TOMASI C.
ROBERTO TOMASI C.
ROBERTO TOMASI C.
User
Autor

RETTIFICO QUANTO SCRITTO :Solo che è vero che non viene pubblicata, però ho scoperto ora che finisce comunque nel menu, allargandolo, e così si superava lo spazio anche nel menu ordinario, trasformando il tutto in sandwich; non so peraltro come fare in modo che le pagine "in costruzione" non finiscano anche nel menu, pensavo fosse una qualifica connessa al fatto che non ne voglio la pubblicazione.

Per forza lo metteva nel menu, è nella cartella menu; adesso l'ho messa in una cartella apposita per le pagine in costruzione. Ma non è possibile modificare o cancellare i propri post?

Leer más
Publicado en de ROBERTO TOMASI C.
Roberto M.
Roberto M.
User
ROBERTO TOMASI C.
Ma non è possibile modificare o cancellare i propri post?

No su questo ambiente non si possono modificare i propri post ne eliminarli.

Leer más
Publicado en de Roberto M.
Claudio D.
Claudio D.
Moderator
Usuario del mes IT
ROBERTO TOMASI C.
RETTIFICO QUANTO SCRITTO :Solo che è vero che non viene pubblicata, però ho scoperto ora che finisce comunque nel menu,

mettile NASCOSTE e non appariranno nel Menu

Leer más
Publicado en de Claudio D.
ROBERTO TOMASI C.
ROBERTO TOMASI C.
User
Autor
Claudio D.
mettile NASCOSTE e non appariranno nel Menu

Era la prima soluzione che avevo preso per rimediare, ma poi ho visto che è più comoda quella delle cartella con pagine in costruzione, che ho meglio sotto controllo. Grazie per l'interessamento

Leer más
Publicado en de ROBERTO TOMASI C.