Barra Superiore Fissa Allo Scroll Come Quella Di Facebook
Author: Giampy ッ
Visited 5795,
Followers 1,
Shared 86
Salve, vorrei chiedervi una cosa, praticamente vorrei chiedervi se è possibile in qualche modo poter inserire una barra superiore o inferiore che segue lo scoll del sito proprio come è presente su facebook( quella dove è preaente il loco e la barra di ricerca). Mi piacerebbe tantissimo riuscire ad implementarla in uno dei miei progetti. Grazie
Posted on the
Certo che è possibile.
Nella finestra proprietà della pagina, sezione esperto:
1) prima del tag </HEAD> inserisci
<style type="text/css">
#barra { height: 50px; position: fixed; top: 0px; bottom: 0; left: 0; width: 800px; background-color: #0000FF; }
</style>
2) prima del tag </BODY> inserisci
<div id="barra">
<p>contenuto della barra</p>
</div>
Ovviamente dovrai personalizzare colori, posizione, dimensione e contenuto. Io ti ho fatto solo un banale esempio che dovrebbe somigliare a quello che mi sembra tu abbia chiesto.
Author
Ti ringrazio tantissimo ser zio...sei stato gentilissimo...ma se ti vorrei chiedere come potrei inserire ad esempio un menu tipo quello che si trova in basso nella pagina nel test dello store di website x5 v9 oppure vorrei inserire il campo ricerca...sai suggerirmi qualcosa??magari qualche aito di riferimento per i codici..sai vorrei implementarlo nel sito che sto realizzando presente qui: www.wadwork.com/sport
Aspetto tue risposte, grazie!
Author
Dove posso trovare qualcosa dove posso personalizzare questa barra? magari vorrei inserire una mia aimmagine, e allineare delle ancore centralmente..grazie in anticipo
Author
Ciao Ser zio, praticamente il codice che mi hai suggerito sopra, non mi permette di poter inseirire all'interno della barra dei tasti ecc ecc...ti spiego ciò che voglio realizzare così magari potresti suggerirmi qualcosa di migliore...io vorrei creare un sito dove dovrei disabilitare la barra scroll in qualche modo o meglio farla sparire..anche se non sò come...comunque stavo dicendo, vorrei creare questo sito basato tutto su una sola pagina e che si possa visitare solo cliccando su dei tasti che vorrò inserire su questa barra fissa, che fungeranno da ancore a determinati posti precisi della pagina a seconda su quali si clicci.
Per quanto riguarda le ancore le sono riuscito ad implementare...solo che per il resto non riesco nè a far sparire la barra a destra della pagina del sito o quanto meno a disabilitarla...nè a creare questa barra-menu posizionata in alto o in basso che mi funzioni poi da ancora ecc ecc.
Sò che sei molto bravo e disponibile...ti sarei molto grato se mi riuscissi ad aiutare e suggerire qualcosa per questa mia richiesta...grazie in anticipo :-)
Mi auguro per te che Ser Zio sia riuscito a capire quello che cerchi
Non capisco la difficoltà oppure non capisco la richiesta.
http://www.serzio.it/evo9/barra
la difficoltà è che lui non sa come e quali codici inserire nel div
... x Giampy S.
...!?... ...!?... ecco, ne approfitto, ...nella finestrella in alto dell'immagine di "serzio", che ringrazio, incolla il codice che ti ho dato di la per eliminare la barra di scroll...
bye
Author
si infatti, seguendo le tue istruzioni iniziali, mi dicevi di incollare tutto nella prima parte della sezione esperto e non dividere una parte nella sezione esperto e il resto nella sezione per le statistiche...comunque grazie per l'ennesima risposta ora provo subito :-=
Salve,ho provato il codice come descritto,ma il top blu in alto resta sotto allo scrolling della pagina,come mai ?
La scroll-bar non fa parte del contenuto della pagina, ma della finestra del browser, pertanto puoi evitare che venga visualizzata nascondendo il "materiale" che sfora, mediante le righe suggerite da kolasim, ma non metterla sotto la barra blu. l' overflow:hidden istruisce il browser a fare proprio questo, ignorare l'overflow e quindi rendere inutile la visualizzazione della scroll-bar.
vedendo questo link
http://www.serzio.it/evo9/barra e usando i codici mensionati da voi
la barra blu viene sotto la pagina