[RISOLTO] Menų laterale sempre visibile

[Ina77]

Buongiorno a tutti.
Esiste un'applicazione per realizzare un menų al lato di una pagina, che allo scorrimento della stessa resti sempre visibile? Qualcosa come il "Back to top" al lato destro delle pagine di questo forum. Anziché un "back to top" a me servirebbe realizzare un menų con varie voci.
Grazie a tutti.

[spadajoker]

dovresti cercare dei floating modules o floating menu...
prova a dare un occhiata qui

[Rasjah]

Beh.. basta anche un semplice position: fixed; sul relativo selettore....

[Ina77]

Grazie innanzitutto.
Intanto ho provato BuaXua: ho dato al modulo del menų la posizione del modulo BuaXua per la collocazione a destra, al modulo BuaXua la posizione in cui vorrei il floating, ma... niente. Compare il titolo del modulo del menų, ma non le sue voci, ed č fisso, allo scorrimento della pagina non resta visibile. Sapreste darmi un parere?

[Rasjah]

ciao Ina77, magari se ci dai un link al sito, possiamo essere molto pių precisi 

[spadajoker]

si un link al sito aiuterebbe...comunque hai provato a consultare il "support" per il modulo scaricato..ti spiegano come settarlo...

[Ina77]

Ho guardato un tutorial Youtube. Il link: www.euro-project.net/chi-siamo2. La colonna a destra č quella in questione, Europroject - Le persone il menų che dovrebbe scorrere.

[spadajoker]

hai aperto il modulo che vuoi che scorra (nel tuo caso il menu in questione) e hai selezionato come posizione buaxua_rightbox ?

[Ina77]

Sė, del resto, nella colonna a destra, per lo meno il titolo del menų compare: posizione buaxua_rightbox per il modulo menų, e sidebar-b (la colonna destra, appunto, del template) per il modulo BuaXua.

[spadajoker]

forse il problema č dato dal fatto che sul template che stai usando non esiste la posizione debug e quindi il menu non scorre..

[Ina77]

Ed č essenziale per lo scorrimento la posizione debug? In effetti č usata nel tutorial che spiega come si usa il modulo. Se la posizione č essenziale, non si puō creare?

[Rasjah]

Io sono sempre dell'idea  che se si usa firebug per individuare il selettore ( DIV o class che sia ) poi magari con position: fixed; perō ..........

[Ina77]

Ci provo...

[Ina77]

Effettivamente "position: fixed" crea l'effetto di mantenere sempre visibile un elemento nonostante lo scorrimento, ma mi sembra che pių elementi condividano stesse proprietā, per cui viene pure condivisa la "position: fixed", almeno nella porzione di testo dove ho provato a scriverla in Firebug, con conseguente... disastro! Spero di aver saputo spiegare la questione... Si puō fare qualcosa?

[Rasjah]

Devo fare sempre il veggente perchč senza il sito ....

Se chiaramente quell'istruzione č condivisa da pių selettori, bloccherai pių elementi della pagina č logico !!!!

esempio

.antonio .mario {
  position: fixed;

}

sia la class .mario e la class .antonio , condividono la stessa istruzione

[Ina77]

L'ho scritto l'indirizzo, post delle ore 12 e 45 : www.euro-project.net/chi-siamo2. Colonna di destra, il menų che dovrebbe scorrere č "Euro-project - Le persone".
Grazie ulteriormente, visto che, senza che io lo volessi, lavoravi alla cieca!

[Rasjah]

Ina 77 , ma quel menų gia scorre. Se invece lo vuoi bloccare vai nel template.css riga 1256 e cambia la position:

Codice: [Seleziona]


.title {
    font-size: 14px;
    border-bottom: 1px solid #EEE;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 20px;
    position:fixed;
}



[Ina77]

Purtroppo alla riga 1256 di template.css trovo:  text-shadow: 0 2px 3px #000000;
 

[Ina77]

P.s.: trasformata comunque la posizione in fixed in Firebug (in quello leggo anch'io in effetti riga 1256), a restare fissi risulta il titolo soltanto, e non solo del menų che mi interessa, ma anche per esempio di quelli a sinistra.

[Ina77]

Ho la necessitā di mettere off line il modulo del menų. Grazie davvero dell'aiuto. Se intanto ci fossero altri suggerimenti per cui servisse rimettere il modulo on line lo farō subito.

[Rasjah]

Certo anche quello a sinistra, e qui bisogna dare due nomi diversi per il selettore .title, e quindi agire sul file php della pagina. Quindi dopo potrai fare un doppione delle istruzioni css, e applicare solo l'istruzione fixed sul selettore che riguarda la porzione di destra...... Sembra complicato, ma... provare

[Ina77]

Scusate, un po' di pazienza con la mia ignoranza su questo aspetto. Potreste rispiegarmi come dovrei operare sul file php e sul file css per la modifica in questione? Ribadisco che, se serve, potrei rimettere on line il modulo menų che vorrei rendere fisso.

[alamo]

Scusate se mi intrometto, ma se con position fixed si risolve il problema, non sarebbe pių semplice, senza scomodare il php, anteporre al selettore (ad es. title) il div o la classe che lo contiene?
Cioč per esempio (riferito a "LA NOSTRA RETE")

Codice: [Seleziona]

#sidebar-b .title {position: fixed;}
oppure
.mod-92 .title {position: fixed;}
eventualmente fissandone la posizione con un top: nnpx.
Se ho detto una stupidaggine perdonatemi.... 
E se nel frattempo il problema č stato risolto tanto meglio.
Ciao a tutti

[Ina77]

Grazie alamo. No, la questione non l'ho risolta. Ho chiesto infatti qualche altra istruzione visto che sull'aspetto - lo ripeto - non ho competenza.
Attraverso Firebug potrei individuare il codice da modificare; questo č condiviso da pių parti, e di certo non tutte vorrei che fossero "fixed". Come differenziarli? Tu proponi di aggiungere del codice che fa riferimento unicamente alla parte che interessa, ho capito bene?
Grazie!
 
 
 
 
 

[alamo]

Certo, č cosė.
Se provi ad aggiungere in fondo al template.css una delle righe indicate vedrai che il titolo "LA NOSTRA RETE", e solo quello, rimane fisso.
Ciao

[Rasjah]

Certo Ina77 , dare un nome univoco al menu che vuoi fissare.... Quindi senza incasinarti con il php, fai ....

vai nel backend, cliccare l'icona gestione menu. Ti appaiono tutti i nemu che puoi inserire nel tuo sito.. In fondo troverai la colonna "Moduli collegati al menu", cliccare sopra a quello che ti interessa , ti si apre una finestra, in opzioni avanzate, li devi mettere nella casella Suffisso classe CSS modulo , metti il nome che vuoi (es _miomenu ), quindi nel file css al selettore .miomenu aggiungi l'istruzione position:fixed;

Se questa mia spiegazione non č stata sufficiente leggi in questi due link....



http://www.joomla.it/articoli-della-community/4277-moduli-style-classe-e-suffisso-css.html


http://www.joomla.it/articoli-della-community-16/5033-piccola-guida-alluso-del-suffisso-classe-css-menu.html


Spero di esserti stato d'aiuto 

[Ina77]

Ce l'ho fatta! Funziona!! Vi ringrazio tutti! 


Riepilogando:nelle opzioni avanzate del modulo ho dato un suffisso classe CSS. Nell'apposito file č bastato scrivere


.suffisso classe CSS {
  position: fixed;
}


... e funziona! 


I file CSS segnalati da Firebug sono perō vari: basta scrivere la proprietā solo in uno? E va bene se l'ho scritta alla fine del file?
Grazie a tutti di nuovo!

[Rasjah]

Meno male... visto che, ce l'abbiamo fatta... comunque i browser leggono tutti i file css, che vengono richiamati ( non so dirti se in ordine alfabetico o meno ) perō li leggono dall'inizio alla fine in maniera ciclica quando vengono caricati/letti dal browser, e se all'interno ci sono due selettori uguali eseguono l'ultimo che trovano nel listato. Si, basta scrivere la "proprietā" all'interno di qualsiasi css, questo č vero e perō bisogna stare attenti alle prioritā di lettura e quindi si esecuzione scritte con il suffisso !important...

vale a dire es. nel tuo caso

position:fixed!important;

darā la prioritā a questo rispetto tutte le altre istruzioni position riguardante quel selettore, chiaro 

[Ina77]

Post scriptum: vi sarei ulteriormente riconoscente se poteste darmi un parere su questo aspetto (non apro un altro post perché č strettamente correlato a questo): perché se scrivo l'istruzione "position: fixed" per due moduli posizionati in una stessa colonna, e che dovrebbero stare uno sotto l'altro, ottengo invece che si sovrappongono?
Grazie!

[Rasjah]

e chi dice che devono stare uno sotto l'altro .

Chiaramente devi "forzare", questa position: fixed, per almeno uno dei due moduli, perchč sicuramente tutte e due saranno inseriti/pubblicati nella stessa "posizione" che hai scelto nella gestione moduli ...come fare scrivendo le istruzioni margin top, bottom, left , right quello che vuoi all'interno di uno di loro

[Ina77]

Forse devo spiegarmi meglio: i moduli sono nella posizione del template sidebar b. Normalmente si posizionano uno sotto l'altro, e io voglio che cosė continui ad essere, insieme al fatto che entrambi siano fixed. All'interno della sidebqr non c'č modo di specificare ulteriormente la posizione. Scrivendo intanto nel file css per entrambi i moduli la positio fixed, accade che, anziché continuare ad essere uno sotto l'altro e fissi, si sovrappongono risultando illeggibili.

[56francesco]

ma č risolto oppure no?

comunque se cerchi nella jed ci sta un modulo che fa quello che chiedi.

[Rasjah]

certo.. come avevo intuito prima, e che tu mi hai confermato , sono tutte e due nella posizione sidebar b, quindi molto probabilmente si danno fastidio. Soluzione o hai un' altra posizione li a destra, tipo sidebar b e sidebar c, per cui metti un modulo in uno e uno nell'altro.... ( altrimenti te lo devi creare ), oppure fai come ti ho detto prima

scrivendo le istruzioni margin top, bottom, left , right quello che vuoi all'interno di uno di loro

quindi

Codice: [Seleziona]

.suffisso classe CSS {
  position: fixed;
margin-top:quello che vuoi;
margin-right: quello che vuoi;
}



chiaramente se hai messo il .suffisso classe CSS , uguale x tutte e due e per quello che si incasina  tutte e due fanno/eseguono la stessa cosa istruzione

[Ina77]

No, certo che non ho messo lo stesso suffisso (spero di aver superato quel livello di "ingenuitā"  ).
ora mi č pių chiaro intanto, grazie!