bloccare menu T3 Framework

eleumas

bloccare menu T3 Framework

Avrei la necessita di bloccare la barra del menu e il div sopra il menu su questo sito: viaroma21.com qualcuno potrebbe aiutarmi per favore?

fda

Ciao eleumas,
puoi darci qualche informazione in più? Il sito che hai indicato è offline.

Francesco

eleumas

URCAAAA che stupido! Me ne ero dimenticato. in pratica vorrei ricreare un menu simile a questo liujo.com non mi importa tutta l'animazione. Mi basta semplicemente che il contenuto gli scorra sotto. Sto usando il framework T3 e il template t3_bs3_blank. Su purity 3 il menu si blocca da solo, quindi penso che non sia una cosa impossibile farlo anche su questo template. Eventualmente se le informazioni sono ancora poche creo un utente per concedere l'accesso.

fda

Visto Liujo, possibile la cosa del menu (serve un elemento fixed), ma me la voglio guardare bene.

Francesco

eleumas

ho provato con position: fixed; ma si scompone mezzo sito. Se preferisci ti faccio fare l'accesso al sito, almeno fai le prove.

fda

Non preoccuparti, non ce n'è bisogno perché il T3 è disponibile.

eleumas

sisi, non volevo farti installare tutto e farti perdere tempo

fda

Il T3 lo usano molti webmaster per creare siti web. Aspettiamo anche il contributo di altri utenti perché il "menu fisso" è un must-have di molte landing page e siti one page, quindi certamente c'è chi ha già trovato la soluzione.

eleumas

Riuscissimo a fare "questa magia" sarebbe uno spettacolo!

eleumas

Ci sono novità a riguardo ragazzi?

fda

A volte la soluzione è più facile di quanto sembri e in questo caso ce la fornisce proprio JoomlArt. La riporto qui per comodità.
C'è bisogno di FTP e un editor per accedere ai file e modificarli.

Dal back end di Joomla, si accede al template e si mette a ON il development mode.

Il primo file da modificare è questo .php: root/templates/t3_bs3_blank/tpls/blocks/mainnav.php

Alla riga 12 si trova questo codice:


<nav id="t3-mainnav" class="wrap navbar navbar-default t3-mainnav">

che deve essere sostituito con questo:


<nav id="t3-mainnav" class="wrap navbar navbar-default t3-mainnav" data-spy="affix" data-offset-top="100">

Il secondo file da modificare riguarda gli stili; è un file .less: root/templates/t3_bs3_blank/less/navbar.less

Alla riga 288 c'è questo:


.t3-mainnav {
  border-left: 0;
  border-right: 0;
  margin-bottom: 0;
  border-radius: 0;

che deve essere sostituito con questo:


.t3-mainnav {
  border-left: 0;
  border-right: 0;
  margin-bottom: 0;
  border-radius: 0;
  top:0;
  left:0;
  right:0;
  z-index:99;

Salvati i file occorre accedere al back end di Joomla, menu extensions > template manager > si accede al template t3 che si usa, poi si va clic su "less to css", si attende che il processo termini e si salva.

@eleumas: fammi sapere se va.

Francesco

eleumas

URCAAAAA! Sembra molto facile. Lo provo e ti faccio sapere.