Back to top

Autore Topic: Problema visualizzazione SottoMenu  (Letto 1349 volte)

Offline xenox75

  • Nuovo arrivato
  • *
  • Post: 37
    • Mostra profilo
Problema visualizzazione SottoMenu
« il: 02 Lug 2020, 23:30:45 »
Su consiglio avuto da giusebos in un altro post, ho deciso di riprovare con il template invece del framework..

Non sono partito da zero, ma ho fatto una copia del protostar che non lo trovo molto pesante e mi posso dedicare solo alle modifiche di ciò che voglio cambiare..

La parte che più mi interessa è il menù, dove trovo maggiori difficoltà...

ho creato un sito Demo per fare le prove http://gpro.altervista.org/  non considerate i contenuti, mi serve solo il Menù

Sono riuscito a metterlo tutto rosso con la parte selezionata nera come volevo il problema è sul sottomenu.

Prendendo spunto da questo sito https://www.gpro-strategy.net/it/  che ha il menù con lo stile che vorrei io, vi dico i problemi che ho:
1> il Menù Prova non ha la freccetta che fa capire che ha un sotto Menu. Senza andare a modificare proprio la voce di Menù, come potrei risolvere by CSS?
2> Se si passa con il mouse sopra la voce "Prova" non si apre il sottomenù, bisogna cliccarci sopra poi se ci passi va bene, sapete come mai?  Premetto che in locale con altra installazione non mi da problema.


il css che ho messo sul file custom.css è il seguente:
Codice: [Seleziona]
.navigation {
    padding: 0px 0;
    border-top: 0px solid rgba(0,0,0,0.075);
    border-bottom: 0px solid rgba(0,0,0,0.075);
    margin-bottom: 10px;
    background-color: #E10600 !important;
}


.nav-tabs > li > a, .nav-pills > li > a {
    padding-right: 12px;
    padding-left: 12px;
    margin-right: 0px;
   margin-top: 0px;
    margin-bottom: 0px;
    line-height: 20px;
    border-radius: inherit;
    color: white;
}


.nav-pills > li > a:hover, .dropdown:hover .dropbtn {
   background-color: black;
   display: inline-block;
}


.nav > li > a:focus {
    text-decoration: none;
    background-color: #222;
}


.nav-pills > .active > a, .nav-pills > .active > a:hover, .btn-primary {
    background: black;
}



Non sono esperto di CSS per cui se notate errori o miglioramenti da fare ditemi pure...  :)


Grazie
« Ultima modifica: 02 Lug 2020, 23:32:39 da xenox75 »

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Problema visualizzazione SottoMenu
« Risposta #1 il: 02 Lug 2020, 23:53:43 »
se si clicca su prova i sottomenù non ci sono.

Buono quello di modificare un template come protostar, prima però rendilo funzionale con i contenuti, poi lo modifichi....

Un consiglio, prima di modificare protostar lo duplicherei e lo rinominerei, questo per evitare sicuri sovrascrimenti ad ogni aggiornamnto...

Per duplicare e rinominare un template esistente:
1 portati su estensioni template
2 scegli lista template template e clicca su dettagli e file del template che vuoi copiare
3 clicca su copia template
4 inserisci un nome tutto minuscolo, per non complicarti la vita evita trattini, underscore e lettere maiuscole
5 infine controlla che nel file  templateDetails.xml non vi ssiano percorsi da aggiornare con il nome che gli hai dato
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Problema visualizzazione SottoMenu
« Risposta #2 il: 02 Lug 2020, 23:56:16 »
Questo è il codice di base per inserire il triangolino, è possibile che vada aggiustato

Codice: [Seleziona]
span.separator::after, #nav .deeper a:after {
    width: 0;
    height: 0;
    border: 0.313em solid transparent;
    border-bottom: none;
    border-top-color: #efa585;
    content: '';
    vertical-align: middle;
    display: inline-block;
    position: relative;
    right: -0.313em;
}
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Problema visualizzazione SottoMenu
« Risposta #3 il: 02 Lug 2020, 23:58:37 »
in oltre c'è una chiamata ad un file che non esiste nel tuo sito perchè forse eliminato
http://gpro.altervista.org/images/joomla_logo_black.jpg

meglio correggere
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

 



Web Design Bolzano Kreatif