• Bannato User Attivo

    Come adattare un menu presistente a Joomla!?!

    Ragazzi dopo aver studiato per bene (almeno credo) il cms Joomla, mi accingo adesso a modificare un menu di un templates presistente, ovvero di un templates a me comodo, dall'istruzione del css originale, ho provato e riprovato ma non riesco a farlo funzionare come in effetti funziona nel'html, sperando che la cosa sia fattibile, chiedo un aiuto a voi postandovi le varie istruzioni, questo è quanto nel file html:

      		<div id="menu">
    
    				<ul>
    					<li>
    						<a href="#">CATEGORIES</a>
    						<ul>
    							<li>
    								<a href="#">MainCategory</a>
    								<ul>
    									<li>
    										<a href="#">SubCategory</a>
    										<ul>
    											<li>
    												<a href="#">SubSubCategory</a>
    											</li>
    										</ul>
    									</li>
    								</ul>
    							</li><li>
    								<a href="#">MainCategory</a>
    							</li>
    						</ul>
    					</li><li>
    						<a href="#">FORMS</a>
    						<ul>
    							<li>
    								<a href="#">Color</a>
    							</li><li>
    								<a href="#">Black&amp;White</a>
    							</li><li>
    								<a href="#">Green</a>
    							</li>
    						</ul>
    					</li><li>
    						<a href="#">TOMATOS</a>
    						<ul>
    							<li>
    								<a href="#">Huge</a>
    							</li><li>
    								<a href="#">Small</a>
    							</li>
    						</ul>
    					</li>
    				</ul>
    			</div>
    

    e questo quanto nel file css:

    #menu a {
    text-decoration: none;
    display:block;
    }

    padding: 0;
    margin: 0;
    list-style: none;
    }

    margin: 0;
    padding: 0;
    font-size: 11px;
    font-family: Arial;
    }

    margin-top: 8px;
    padding: 0 28px;
    height: 21px;
    line-height: 21px;
    font-weight: bold;
    text-transform: uppercase;
    border-top: 1px solid #AACCD5;
    border-bottom: 1px solid;
    background-image: url("../images/li1a.gif");
    background-position: 13px 5px;
    background-repeat: no-repeat;
    }

    margin-top: 0;
    height:19px;
    line-height: 19px;
    font-weight:normal;
    text-transform: capitalize;
    background-image: url("../images/li2.gif");
    background-color: #DEECF0 ;
    background-position: 13px 5px;
    background-repeat: no-repeat;
    border-top: 1px solid #EEF5F7;
    border-bottom: 1px none;
    }

    background-color: #C2DCE3;
    background-image: none;
    }

    padding-left: 36px;
    }

    background-color: #A1CEDB;
    background-image: none;
    }

    giocherellando con i vari tag css di Joomla, e cioè;

    /* NAVIGAZIONE/IMPOSTAZIONI MENU' */

    a.mainlevel{ } /* STILE DI BASE DEL MENU' LATERALE */
    a.mainlevel:link { }
    a.mainlevel:visited { }
    a.mainlevel:hover { }

    /* STILE PER LE VOCI DI MENU' CHE HANNO UN PARENT*/
    a.sublevel{ }
    a.sublevel:link { }
    a.sublevel:visited { }
    a.sublevel:hover { }

    come me ne esco?
    Ciao
    p.s.
    Spero di non prendere dei pomodori in faccia da qualcuno e spero che ci sia una soluzione.


  • User Attivo

    che pazienza hai? 🙂

    usando il componente SWmenu Pro fai la stessa cosa, ma in 2 minuti...

    :ciauz:


  • Bannato User Attivo

    @robot_dika said:

    che pazienza hai? 🙂

    usando il componente SWmenu Pro fai la stessa cosa, ma in 2 minuti...

    :ciauz:
    Sto cercadno di farlo funzionare, ma come al solito il tutto è in inglese. mi faresti la gentilezza di farmi capire come cavolo funziona sto componente? Mi crea (simulando in locale) il file css e poi dove lo insrisco?
    Ciao


  • User Attivo

    ti viene creato il modulo e poi lo devi opsizionare dove meglio credi, chiaramente devi prima creare il menu classico..lo salvi ma non lo pubblichi...e pubblichi il nuovo modulo creato