[RISOLTO]CSS per menų a tendina

[peppeirace]

Salve
sto provando ad utilizzare jf Calla Exterior che di suo non ha il dropdown nel menu
nel forum dicono che oltre ad abilitare la funzione nei parametri del menų (cosa che ho fatto) bisogna scrivere un css apposito
personalmente non so come si fa
qualcuno puō darmi una mano?

grazie

peppe

[imejopitbul84]

ciao, prova cosė


[code/]

<div id="menu">
    <ul>
      <li class="topmenu">
        <a href="">Home[/url]
        <ul>
          <li class="submenu"><a href="">sottomenuhome[/url]</li>
          <li class="submenu"><a href="">sottomenuhome[/url]</li>
        </ul>
      </li>
      <li class="topmenu">
        <a href="">Menu 2[/url]
        <ul>
          <li class="submenu"><a href="">sottomenu2[/url]</li>
          <li class="submenu"><a href="">sottomenu2[/url]</li>
        </ul>
      </li>
      <li class="topmenu">
        <a href="">Menu 3[/url]
        <ul>
          <li class="submenu"><a href="">sottomenu3[/url]</li>
          <li class="submenu"><a href="">sottomenu3[/url]</li>
        </ul>
      </li>
    </ul>
  <>

Codice: [Seleziona]



e il css
[code/]

#menu {
  font-size:14px;
  position:absolute; 
}


#menu ul {
  list-style-type:none;
  list-style-image:none;
  margin:0px;
  padding:0px;
}


#menu li.topmenu {
  float:left;
}


.topmenu a {
  float:left;
  width:110px;
  text-align:center;
}


.topmenu ul{
  display:none;
}


.topmenu a, .submenu a{
  padding:1px 5px;
  border:1px solid #C37000;
  border-collapse:collapse;
  color:#C37000;
  font-weight:bold;
  text-decoration:none;
  background-color:#7F4800;
  margin:0; 
}


.submenu a{
  font-size:12px;
  width:110px;
  position:relative;
  clear:both; /* special IE6 */
}


#menu a:hover, .topmenu.on a {
  color:#4C4C4C;
  background-color:#ffddbb !important;
}


.topmenu:hover ul {
  display:block; 
  z-index:500;
}
[code/]


credo di non aver fatto errori ;-)

[giovi]

ciao peppe, se č un template che come tanti che non ha il menu a tendina devi semplicemente installare un modulo come maxximenuck o swmenufree

[peppeirace]

Grazie infinite
avrei bisogno perō di un altro piccolo aiuto, non me la cavo molto bene come svliluppatore
la prima parte (div id ecc) dove la devo inserire?

la secoda, il css, ne faccio uno separato (dropdown.css) e lo metto nella cartella dei css?

grazie ancora
peppe

[imejopitbul84]

a tč credo che serva solo il css... ma se non ho capito male č un template acquistato...


Verifica le impostazioni del tuo modulo menu che hai creato in gestione moduli, verifica posizione, verifica il suffisso classe CSS del modulo, magari c'č da inserire un suffisso.. esempio_menu


Altrimenti ascolta il consiglio di giovi, č la soluzione migliore ed indolore..;-)


Io spesso uso il modulo maxximenuck...


Ultima info, se č il template commerciale, al 99% ti avranno fornito nel pacchetto i moduli necessari un pdf con la mini guida e anche una quickstart, molto utile per chi č come mč alle prime armi.. e prediligge un template bello e pronto ma solo da modificare.




Cmq il primo vā nel file index del menu ed il secondo nel css del menu.

[peppeirace]

Grazie mille
il template č gratuito
provo prima con il css che mi hai inviato perchč esteticamente mi piace quello che c'č
...se nn riesco ricorro a maxi

grazie ancora

[giovi]

Il semplice inserimento di una dichiarazione di stile non consente certo al modulo di realizzare l'effetto tendina (che non capisco come hai abilitato dal momento che in Joomla non esiste alcun parametro per l'effetto "tendina"). A meno che non sia giā presente nel template (ma č strano che ci sia perchč altrimenti l'avrebbero di sicuro attivato, che senso ha produrre una ferrari e poi disattivarle il motore?), serve un javascript che realizzi l'effetto. L'unica soluzione č quella di installare un modulo che fa tutto questo per te... se ci fosse una modalitā diversa per creare menu a tendina la conosceremmo tutti sul forum non dovendo necessariamente ricorrere a risorse esterne... purtroppo non č cosė e l'informazione che hai ricevuto č del tutto inesatta. Forse intendevano dire che sta a te creare tutta la struttura per rendere il menu una tendina...

Maxximenuck non costringe a cambiare il css, puoi ereditare quello del template ma nel tuo caso non mi sembra che il template abbia uno stile adatto ai menu a tendina (forse volevano dire questo?)

[peppeirace]

Ti invio il link al forum del template
forse ho capito male, dagli uno sguardo

http://www.joomfreak.com/forum/categories/joomla-templates/jf-calla-exteriors/drop-down-menus.html

peppe

[giovi]

"i do not confirm the template has no drop down menu " non conferma che non sia presente ma purtroppo neanche che lo sia. Dalle risposte che da sembra che sia sua intenzione non essere chiaro spingendo gli utenti a passare al supporto a pagamento.


Attivando "mostra sotto-voci di menu" comunque ottieni solo che le voci vengono mostrate sempre e non che si aprano al passaggio del mouse (questo conferma che non č presente alcuno script per la tendina nel template).


Quando dice di usare il css intende dire che devi creare tu questo script o con il css (la guida la trovi qua: http://line25.com/tutorials/how-to-create-a-pure-css-dropdown-menu) o con atri metodi.

[peppeirace]

 ci guardo

[blue_peter]

 
...oppure, una alternativa (modulo) per creare un menu' a tendina e' anche:
 
http://extensions.joomla.org/extensions/structure-a-navigation/menu-systems/drop-a-tab-menus/11710
 
 

[peppeirace]

...la cosa migliore č installare Maxi Menu CK

[giovi]

C.v.d. ;-)

[peppeirace]

...l'unica cosa č che per renderlo renderlo correttamente responsive ci vuole un plugin nn-com, ma visto la generositā degli sviluppatori e il prezzo si puō comprare