Eccomi di nuovo,
sto cercando di cambiare il colore della barra in cui è possibile inserire voci di menu personalizzate utilizzando il tema more di moodle 2.7.
nel box riservato al CSS personalizzato ho provato ad inserire
.navbar-inner{background-color:#ff0000;}
purtroppo senza successo.
Premetto che nello stesso box è stata inserita senza alcun problema la variazione alle dimensioni del logo (a.logo {height: 95px;})
Avete idee?
Grazie a tutti
il sito non è ancora in produzione, per capirci è la barra nera in cui su moodle.org c'è il logo di moodle sulla sinistra e home, documentation, downloads... sulla destra
Premesso che le classi variano da tema a tema e presupponendo che il tema che vuoi usare tu (che io non ho installato al momento su nessuna piattaforma) sia identico a quello usato in questa pagina, dovresti aggiungere questo nel box custom CSS
#moodlesitestopnavbar {
background-image: linear-gradient(to bottom, #ffffff, #ffffff);
}
Puoi modificare il colore bianco dei due stop del gradient con il colore che desideri (nel codice che ti ho postato ho sostituto il nero con il bianco).
ti ringrazio per la disponibilità, purtroppo non funziona. su demo.moodle.net c'è lo stesso tema (almeno per ora). tu come ricavi questa informazione?
ciao, grazie mille per il supporto ma purtroppo non va.
dopo aver analizzato il css ho provato anche inserendo questo
.navbar-inverse .navbar-inner {
background-image: -moz-linear-gradient(top, #ff0000, #00ff00)
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ff0000), to(#00ff00))
background-image:-webkit-linear-gradient(top, #ff0000, #00ff00)
-o-linear-gradient(top, #ff0000, #00ff00)
linear-gradient(to bottom, #ff0000, #00ff00)
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#00ff00', GradientType=0)}
ma senza alcun risultato. idee? qualcuno è riuscito a cambiare il colore della barra dei menu personalizzabili nel tema more?
Ciao Pier,
questo codice di sicuro non può funzionare perchè è sbagliato, visto che mancano i ; finali.
Io non ho il tema More installato e ti ho dato le indicazioni sulla base dei temi del sandbox e di questa pagina (e sono corretti), ma purtroppo vado al buio perchè dovrei VEDERE la pagina (se mi fornisci l'URL te lo faccio al volo, ma pare tu non abbia il sito sul server se non ricordo male).
Comunque inizierei provando con il punto e virgola finale, eventualmente aggungendo !important.
Vedi se uno di questi 3 funziona:
.navbar-inverse .navbar-inner {
background-image: -moz-linear-gradient(top, #ff0000, #00ff00);
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ff0000), to(#00ff00));
background-image:-webkit-linear-gradient(top, #ff0000, #00ff00);
}
OPPURE
.navbar-inverse .navbar-inner {
background-image: -moz-linear-gradient(top, #ff0000, #00ff00) !important;
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ff0000), to(#00ff00)) !important;
background-image:-webkit-linear-gradient(top, #ff0000, #00ff00) !important;
}
OPPURE
.navbar-inverse .navbar-inner {
background-image: none !important;
background-color: #ff0000 !important;
}
Perfetto, grazie mille!
la terza opzione funziona
Per utilità comune
.navbar-inverse .navbar-inner {
background-image: none !important;
background-color: #ff0000 !important;
}