Back to top

Autore Topic: Menu con sottomenu indentati [RISOLTO]  (Letto 6581 volte)

Offline rinaldofr

  • Esploratore
  • **
  • Post: 86
    • Mostra profilo
Menu con sottomenu indentati [RISOLTO]
« il: 29 Ott 2008, 14:17:39 »
Salve gente ho un problema che spero voi possiate aiutarmi a risolvere: come da oggetto vorrei modificare il mio template facendo si che i sottomenu' divengano indentati.
Attualemnte uso l'ultima versione del template RedEvo_Ampl (1.1.0.8 ) scaricata dal sito RedEvo con la quale mi trovo bene ma che ho visto che a differenza di quella che usavo prima (1.0.4) non ha piu' i menu' indentati, pertanto vorrei riportarli tali.
Qualcuno mi sa dire cosa modificare nei css per fare cio'?

il sito attualmente che utlizza il template e': www.overlandiscovery.com ???

grazie dell'aiuti
« Ultima modifica: 31 Ott 2008, 16:51:29 da rinaldofr »

Offline rinaldofr

  • Esploratore
  • **
  • Post: 86
    • Mostra profilo
Re: Menu con sottomenu indentati
« Risposta #1 il: 29 Ott 2008, 17:09:17 »
viste le numerose risposte... :'( :'( metto qualche aggiornamento:

ho cercato sui doc del .css ma non ho trovato un text-indent relativo ai menu.
ho anche apero il codice generato dalla pagina, e i tag <li> e </li> li vedo ma all'atto pratico non trovo l'indentazione...

Idee? suggerimenti?   ??? ??? ???

grazie

Offline zelda

  • Nuovo arrivato
  • *
  • Post: 3
  • Sesso: Femmina
    • Mostra profilo
Re: Menu con sottomenu indentati
« Risposta #2 il: 29 Ott 2008, 23:55:50 »
Ciao, ti consiglio di usare Firefox con l'estensione Web Developer https://addons.mozilla.org/it/firefox/addon/60.
Utilizzando questa estensione sarà molto semplice individuare il foglio di stile e le voci che devi andare a modificare.


Offline rinaldofr

  • Esploratore
  • **
  • Post: 86
    • Mostra profilo
Re: Menu con sottomenu indentati
« Risposta #3 il: 30 Ott 2008, 11:21:20 »
Ciao, ti consiglio di usare Firefox con l'estensione Web Developer https://addons.mozilla.org/it/firefox/addon/60.
Utilizzando questa estensione sarà molto semplice individuare il foglio di stile e le voci che devi andare a modificare.



gia' fatto (ho sia web developer che firebugs) ma non mi torna utile o quanto meno sono io che sbaglio.
Se tu lo hai puoi provare a dare un'occhiata:
www.overlandiscovery.com

grazie

resta il fatto che non capisco perche' non funziona  ??? ??? ??? ???
se

Offline zelda

  • Nuovo arrivato
  • *
  • Post: 3
  • Sesso: Femmina
    • Mostra profilo
Re: Menu con sottomenu indentati
« Risposta #4 il: 31 Ott 2008, 04:06:54 »
Credo che devi andare a modificare/inserire il padding dello stile ul.menu ul a nel template.css.
Se cerchi un text-indent non credo che lo troverai.
Fai delle prove io non ho quel template per aiutarti, ma dovresti risolvere facilmente con il padding-left.

Offline rinaldofr

  • Esploratore
  • **
  • Post: 86
    • Mostra profilo
Re: Menu con sottomenu indentati
« Risposta #5 il: 31 Ott 2008, 11:34:05 »
Credo che devi andare a modificare/inserire il padding dello stile ul.menu ul a nel template.css.
Se cerchi un text-indent non credo che lo troverai.
Fai delle prove io non ho quel template per aiutarti, ma dovresti risolvere facilmente con il padding-left.

Grazieeeee funziona  ;D ;D ;D   ;)
Ho fatto la seguente modifica:

Codice: [Seleziona]
ul.menu ul a{
color:#2a2929;
font-weight:bold;
background:url(../images/arrow_sub.png) no-repeat;
background-position:4px 10px;
text-indent:10px;
border:none;
}


Ora pero' si e' creato un secondo problema relativo sempre all'indentazione:
se il testo del sotto menu che viene indentato e' piu' lungo della larghezza del menu, giustamente viene portato a capo, pero' ed e' questo il problema, il testo a capo non viene posto ad una distanza pari a quella del sottomenu indentato...

isomma si crea una cosa tipo:

menu 1

menu 2
  sottomenu pippo2
  sottomenu
paperino2
  sottomenu pluto3

menu3


dove sottomenu paperino2 e' un sottomenu di menu2

Qualche idea in merito alla modifica da apportare?   ??? ::)
Dimenticavo, il sito e' sempre: www.overlandiscovery.com

grazie in anticipo

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re: Menu con sottomenu indentati
« Risposta #6 il: 31 Ott 2008, 13:35:14 »
Caro rinaldofr comprendiamo e prendiamo parte alla tua disperazione ma perchè invece di postare nel forum non ti tieni sottomano una bella guida sui css? ;D

Allora, TU hai ordinato a quel testo di indentarsi per 10 pixel.
Un testo indentato fa così quando va a capo, ed è normale:

  testo indentato
che va  a capo

Ti invece lo vorresti così, scommetto:

  testo non indentato ma che
  si sposta di 10 pixel dal margine sinistro

Adesso però non ti dico cosa devi fare  e la soluzione la devi trovare da solo.... ;D
« Ultima modifica: 31 Ott 2008, 13:37:12 da tonicopi »
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline rinaldofr

  • Esploratore
  • **
  • Post: 86
    • Mostra profilo
Re: Menu con sottomenu indentati
« Risposta #7 il: 31 Ott 2008, 14:25:59 »
Caro rinaldofr comprendiamo e prendiamo parte alla tua disperazione ma perchè invece di postare nel forum non ti tieni sottomano una bella guida sui css? ;D

.......................

Adesso però non ti dico cosa devi fare  e la soluzione la devi trovare da solo.... ;D


ma non ti sembra di essere troppo bacchettone  ;)

Io sto semplicemente adattando un template alle mie esigenze
e quando non riesco a fare delle cose scrivo sul forum... che credo serva a questo.
Se leggi sopra, qualche cosa sui css la ho letta, ma non avevo capito bene quale era la classe del .css di joomla da modificare.

Cmq grazie della disponibilita' e dell'indizio, mi mettero'
alla ricerca....
se tutti i moderatori dei forum rispondessero in questo modo, credo che l'utilita' dei forum sarebbe bassissima.

Ancora complimenti

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re: Menu con sottomenu indentati
« Risposta #8 il: 31 Ott 2008, 14:55:27 »
Ma hai voglia di scherzare rinaldof? ;D
Bacchettone io? Ma se ti ho aiutato tantissimo!
Il forum non serve affatto per seguire passo passo tutte le modifiche di un template. Serve per condividere saperi. Ma bisogna essere disposti ad imparare. Questo non è un forum sui css ma sui template di Joomla! Altrimenti può essere che, andando a ritroso,  ci venga chiesto se acqua si scrive con la c, con la q, o con entrambe. ;D Prova a pensarci. Cmq libero di postare, ma non lacrimare troppo se non hai risposte.
Prova a leggere anche questo:
http://forum.joomla.it/index.php/topic,23360.0.html
che per fortuna non ho scritto io.

Davvero è sorprendente che tu non abbia colto il mio suggerimento, visto che dici che ti metterai alla ricerca... Alla ricerca di che??? Mi pareva chiarissimo che in modo scherzoso ti avevo suggerito di sostituire una text-indent con un margin-left  ;D
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline rinaldofr

  • Esploratore
  • **
  • Post: 86
    • Mostra profilo
Re: Menu con sottomenu indentati
« Risposta #9 il: 31 Ott 2008, 15:41:33 »
guarda, non e' la prima frecciatina che mi hai mandato e le ho sempre accettate...
ora invece ho deciso che una risposta andava data perche'
quella frase buttata li:

Citazione
Adesso però non ti dico cosa devi fare  e la soluzione la devi trovare da solo....

non e' che tanto mi sia piaciuta.

Quando poi scrivi:
Citazione
davvero è sorprendente che tu non abbia colto il mio suggerimento, visto che dici che ti metterai alla ricerca... Alla ricerca di che???

pensi veramente che io anche avendo capito tu a cosa ti riferisci avrei risposto con la soluzione?

Ripeto, i toni da maestro non e' che mi piacciono tanto.
(ma forse e' solo un problema mio)

Quando dici che non e' un forum sui .css e' vero e ci mancherebbe; ma, e' anche vero che il "text-indent lo avevo gia' identificato io... ma non riuscivo ad individuare quale classe del template di joomla andasse modificata (vedi sempre sopra).
Per inciso, visto che si tratta di un forum che dovrebbe servire a condividere le conoscenze, sopra, invece di limitarmi a ringraziare chi me la ha suggerita, ho postato la soluzione per condividerla con gli altri.
Inoltre, visto il numero di contatti sul 3d, forse e' una cosa che interessa non solo a me.

Per completezza, la modifica suggerita e' :

Codice: [Seleziona]
ul.menu ul a{
color:#2a2929;
font-weight:bold;
background:url(../images/arrow_sub.png) no-repeat;
background-position:4px 10px;
margin-left:10px;
border:none;
}

in questo modo il margine del sottomenu e' sempre indentato, ed inoltre anche quando va a capo, rispetta il margine che e' stato dato.

Cmq grazie mille.
« Ultima modifica: 31 Ott 2008, 16:08:34 da rinaldofr »

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re: Menu con sottomenu indentati
« Risposta #10 il: 31 Ott 2008, 16:19:58 »
Perfetto, hai visto che hai trovato una soluzione ancora migliore.
Forza che poi vieni a fare il moderatore anche tu che c'è molto bisogno di gente che dia risposte che sono tanti di meno di quelli che fanno domande :)
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline zelda

  • Nuovo arrivato
  • *
  • Post: 3
  • Sesso: Femmina
    • Mostra profilo
Re: Menu con sottomenu indentati [RISOLTO]
« Risposta #11 il: 31 Ott 2008, 17:47:25 »
rinaldofr se avessi letto bene il mio primo suggerimento ti avvisavo che la soluzione non era il text-indent, bensì giocare con il padding. Tu hai utilizzato il margin, ma se il risultato è di aver ottenuto quello che volevi tutto è a posto. Son felice di esserti stata di aiuto.


 



Web Design Bolzano Kreatif