Come adattare un menu presistente a Joomla!?!

positano

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.

robot.dika

che pazienza hai?

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

positano

@robot_dika said:

che pazienza hai?

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

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

robot.dika

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