Autore Topic: [RISOLTO]Personalizzazione Tasto Menu in visualizzazione smartphone  (Letto 936 volte)

Offline slego

  • Esploratore
  • **
  • Post: 51
  • Sesso: Maschio
  • Slego
    • Mostra profilo
Salve a tutti,


Template Protostar


nella visualizzazione su smartphone vorrei personalizzare il tasto Menu che compare appunto solo in tale visualizzazione ed in particolare vorrei che accanto al tasto apparisse una scritta; è possibile? Se sì qualcuno di voi mi potrebbe dare delle indicazioni in maniera che anche un neofita come me possa comprenderle.


Grazie mille in anticipo per la collaborazione


P.S. ho cercato nel forum e in rete ma non ho trovato risposte, ma se mi fossi perso la classica soluzione davanti agli occhi vi chiedo scusa


 
« Ultima modifica: 02 Mar 2018, 11:04:28 da slego »
Carpe Diem

adottauncane

  • Visitatore
Re:Personalizzazione Tasto Menu in visualizzazione smartphone
« Risposta #1 il: 28 Feb 2018, 15:28:44 »
Ciao,
per modificare il css del tasto usa un css come questo, da mettere nel file user.css (se non l'hai ancora fatto crealo nella cartella css di Protostar)

Codice: [Seleziona]
.navbar .btn-navbar {
    background-color: #087e85;
    background-image: linear-gradient(to bottom, #087e85, #004466);
    border-color: #087e85;
}

Così ad esempio diventa verde, poi tu modificalo come ti serve.

Per mettere un testo potresti inserire questo css sempre in user.css

Codice: [Seleziona]
.element-invisible {
    position: relative;
}

Vedrai che comparirà una scritta, cambia navigazione.

Vai sull'Override della lingua, cerchi cambia visualizzazione come valore e scrivi quello che vuoi.

Poi ci saranno altri metodi ma sicuramente un po' più complicati per inserire un testo...

Offline slego

  • Esploratore
  • **
  • Post: 51
  • Sesso: Maschio
  • Slego
    • Mostra profilo
Re:Personalizzazione Tasto Menu in visualizzazione smartphone
« Risposta #2 il: 01 Mar 2018, 16:54:09 »
Grazie mille Adottauncane,


adesso provo a cambiarne il colore, questa è la procedura che mi è chiara


mentre sulla procedura per la scritta, non mi è chiaro dove trovo l'Override della lingua, o meglio nel menu del backend ho trovato la voce Override, Estensioni/Lingua/Ovveride Lingua , ma quando clicco su quella voce di menu, il risultato è "nessun risultato corrispondente"


Scusami, ma sono davvero una frana


in ogni caso ancora davvero grazie

Carpe Diem

Offline slego

  • Esploratore
  • **
  • Post: 51
  • Sesso: Maschio
  • Slego
    • Mostra profilo
Re:Personalizzazione Tasto Menu in visualizzazione smartphone
« Risposta #3 il: 01 Mar 2018, 17:35:00 »
1) cambiare colore

questo l'ho fatto e sono riuscito... urrà


solo che dopo aver cliccato sul tasto, mezzo tasto (la mezza parte alta) rimane del colore che ho impostato; mentre la mezza parte bassa ritorna del colore originario, venendo così a crearsi un tasto di due colori (Verde / Grigio).


ho sbagliato in qualcosa io immagino.

2) mettere una scritta sopra al tasto

sono proprio una pippa...

guardando meglio ;D , mi sono reso conto che occorreva aggiungere con il tasto [Nuovo] un Override, e a quel punto è stato chiaro ciò che dovevo fare...

a proposito questa piattaforma Joomla è davvero molto user friendly anche per i neofiti come me

Quindi Grazie Adottauncane e Grazie Joomla
« Ultima modifica: 01 Mar 2018, 17:38:31 da slego »
Carpe Diem

Offline Limma

  • Abituale
  • ****
  • Post: 1182
  • Sesso: Maschio
    • Mostra profilo
Re:Personalizzazione Tasto Menu in visualizzazione smartphone
« Risposta #4 il: 01 Mar 2018, 21:00:38 »
Template Protostar
nella visualizzazione su smartphone vorrei personalizzare il tasto Menu che compare appunto solo in tale visualizzazione ed in particolare vorrei che accanto al tasto apparisse una scritta

Intendi qualcosa tipo l'allegato?

adottauncane

  • Visitatore
Re:Personalizzazione Tasto Menu in visualizzazione smartphone
« Risposta #5 il: 01 Mar 2018, 21:02:51 »
solo che dopo aver cliccato sul tasto, mezzo tasto (la mezza parte alta) rimane del colore che ho impostato; mentre la mezza parte bassa ritorna del colore originario, venendo così a crearsi un tasto di due colori (Verde / Grigio).

Non hai sbagliato, manca l'hover.



Codice: [Seleziona]
.navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] {
color: #fff;
background-color: #087e85;}
Poi cambi colre come vuoi.

Se le prossime volte metti un link al sito diventa più facile aiutarti.

Se hai risoldo ricordati di mettere [Risolto] davanti al titolo del primo post.

Offline slego

  • Esploratore
  • **
  • Post: 51
  • Sesso: Maschio
  • Slego
    • Mostra profilo
Re:Personalizzazione Tasto Menu in visualizzazione smartphone
« Risposta #6 il: 02 Mar 2018, 11:03:18 »
Ok risolto


è venuto così...
Carpe Diem

Offline slego

  • Esploratore
  • **
  • Post: 51
  • Sesso: Maschio
  • Slego
    • Mostra profilo
Re:Personalizzazione Tasto Menu in visualizzazione smartphone
« Risposta #7 il: 02 Mar 2018, 11:08:50 »
Intendi qualcosa tipo l'allegato?


Sì Limma intendevo qualcosa del genere, ma anche il risultato ottenuto va abbastanza bene
Grazie
Carpe Diem

Offline slego

  • Esploratore
  • **
  • Post: 51
  • Sesso: Maschio
  • Slego
    • Mostra profilo
Re:Personalizzazione Tasto Menu in visualizzazione smartphone
« Risposta #8 il: 02 Mar 2018, 11:15:42 »
Citazione
Se le prossime volte metti un link al sito diventa più facile aiutarti.

Scusa Adottauncane non ci avevo pensato

Citazione
Se hai risoldo ricordati di mettere [Risolto] davanti al titolo del primo post.

Fatto

Carpe Diem

 

Host

Torna su