Ciao Paolo,
Ti sottopongo alcune domande specifiche.
Purtroppo non essendoci dettagli in lingua Italiana e non essendomi chiari alcuni concetti in inglese, mi vedo costretto a chiedere il tuo aiuto.
(La sezione navigation in inglese sulla demo: http://demo.typolight.org/typolight/preview.php?site=index.php sarebbe da "decriptare" anche perchè non trovo nessun esempio pratico.)
Richiesta:
Ho creato un template a mia discrezione, fin qui tutto bene.
Ma ci sono delle cose che non riesco a capire nella gestione del menu di navigazione.
Cerco di spiegare le mie esigenze:
Quello che vorrei fare è di mettere sotto la stessa voce del menù, più pagine non visibili nel menù stesso ma comunque navigabili.
Esempio voce nel menù: "Musica" e nella pagina Musica (musica pag. 1, musica pag. 2, musica pag. 3).
Questo riesco a farlo con "Nascondi pagina dal menu di navigazione" però linkabili dalla pagina "Musica" principale.
Ma quello che non riesco a ottenere è, che avendo costruito il mio menù con delle immagini differenti in modalità "active" nel css, le sottopagine perdono questa condizione.
Quello che chiedo è: è possibile mantenere lo stesso stato per le sottopagine?

Non avendo troppa confidenza con la terminologia potrebbe essere che non sia chiaro il concetto, se così fosse ti prego di non risparmiarti in domande per ogni eventuale chiarimento.
Cordialmente
Pino

ciao,
devi lavorare sui css e capire quali sono i selettori.

A me aiuta molto l'estensione ColorZilla di Firefox, se linki il sito vediamo di capirci qualcosa

pierpalol:

ciao,
devi lavorare sui css e capire quali sono i selettori.

Mi spiace di non essermi riuscito a spiegare.
Ma il problema non credo sia questo.
I css funzionano e lo stato di "active" è corretto sulla pagina in questione es: "Musica",
ma ne perde lo stato sulle sottopagine.
eppure sono sotto lo stesso "id" di "Musica".
Purtroppo non ho ancora messo in linea il sito che è in embrione e sto lavorando in locale e non saprei come fare per fartelo visualizzare.
So che è difficile come "richiesta".
Grazie per il consiglio

ahhh forse ho capito e ho avuto un problema del genere... ma bisogna comunque vedere se entra in uno stato di active ma con un selettore diverso..!

Cioè?
Io ho questo stato:
.mod_navigation ul.level_1 li p.active
{
height:***;
display:***;
margin:***;
padding:px;
background-image:url("***");
background-repeat:***;
font-size:***;
color:***;
line-height:***;
}
che identifica e formatta il mio menù,
e lo fa bene ma è generico su tutto il menù.
Come, per fare in modo che che si estenda alle sottopagine di es: "Musica".

dovresti postare l'html

Vediamo se ho capito...
Pagina primaria del menù
<li class="active"><p class="active">Avatar</p></li>
Fin qui tutto ok.(funziona bene lo stato"active").

Sottopagina nascosta di Avatar
Qui ho il problema dovrebbe mantenere lo stato ma lo perde
<li class="trail"><a href="index.php/avatar.html" title="Avatar" class="trail" onclick="this.blur();">Avatar</a></li>

Credo di capire qualcosa ma non sono certo.
Indirizzami se capisci...

hai provato con li.trail a:active ?

pierpalol:

hai provato con li.trail a:active ?

Scusa i miei ritardi nelle risposte...
Si ho provato, ma non esattamente, correttamente lo stato è:
.mod_navigation ul.level_1 li .trail
Devo dire che funziona, grazie a te che mi hai dato l'imbeccata sull'html
l'avevo sperimentato stamattina.
Per cui questo problema è risolto avevi ragione
"devi lavorare sui css e capire quali sono i selettori".
non conoscevo lo stato "trail" e difficilmente ci avrei fatto caso.

Adesso però mi causa un piccolo problema, ed è che quando sono attive le sottopagine di:
.mod_navigation ul.level_2
mi prende lo stesso stato di
.mod_navigation ul.level_1 li .trail

Ma ci sto lavorando sopra e forse riesco a venirne fuori,
ma se hai delle altre intuizioni ... benvenga.
Grazie

Ciao, scusate il ritardo, ma periodo incasinato.

Il suggerimento indicato sia la strada giusta.
Penso di aver capito cosa cerchi di fare e francamente non ho mai cercato di gestire questo dettaglio.
Anche se spesso sono pignolo questo tipo di dettaglio non l'ho mai risolto.

Quando trovi una soluzione ottimale mi permetto di chiederti se ci fai un sunto o un piccolo manuale sull'uso.

Ciao Paolo,
manuale e sunto?
'Na parola.
Ad ogni buon conto ci sono riuscito grazie alle indicazioni di pierpalol.
Ho dovuto pasticciare letteralmente, e darci dentro, ma alla fine sono riuscito ad ottenere l'insperato, devo solo ottimizzare il tutto (ripulire).
Non pensavo si potesse fare tanto con i css.
Le poche pubblicazioni che ho, non trattano i css così nel dettaglio e non conosco una fonte sui css che possa spiegare certi stati o condizioni (di solito faccio riferimento a html.it)
Al di là di questo, se pure scettico (non mi serviva un'ennesimo "Color Piker") ho scaricato su consiglio di pierpalol "ColorZilla di Firefox" e devo dire che, all'interno ha una piccola utilità (secondo me poco sviluppata) per capire quali sono i selettori e gli stati dell'html. Ed è grazie questa che sono riuscito a risolvere e capire cosa fare e dove farlo.
Per vederne il funzionamento del famigerato menu penso dovrete attendere che sia in linea, spero presto, devo rifare il sito a mia sorella che ha un'attività, un sito già esiste ma è stato creato tutto in Photoshop, le piccole modifice quotidiane diventano un lavoraccio. Lei lo vorrebbe esteticamente uguale cosa non semplice.
Ma mi sembra di essere capitato sul CMS giusto (language english permettendo).
Ho molte altre domande per quanto riguarda la personalizzazione del CMS,
ma le posterò nella sezione corretta del forum.

Un saluto e un ringraziamento a voi.
pagius

pagius:

manuale e sunto?

Pensavo ad un semplice esempio, magari la descrizione di un menu e il codice del css che hai usato

pagius:

Al di là di questo, se pure scettico (non mi serviva un'ennesimo "Color Piker") ho scaricato su consiglio di pierpalol "ColorZilla di Firefox" e devo dire che, all'interno ha una piccola utilità (secondo me poco sviluppata) per capire quali sono i selettori e gli stati dell'html. Ed è grazie questa che sono riuscito a risolvere e capire cosa fare e dove farlo.

Questa estenzione non la conosco, ma se ancora non le avete installate...
utilizzate le estensioni Web Developer 1.1.6 e Firebug 1.2.1 sono il coltellino svizzero dell'html
fidatevi...

PaoloB:

pagius:

manuale e sunto?

Pensavo ad un semplice esempio, magari la descrizione di un menu e il codice del css che hai usato
...

Si posterò, ma, appena ho ripulito il tutto, devo togliere il "sovrappiù" inutile che indemoniatamente ho buttato dentro il css per riuscire nel mio intento.

E... una piccola descrizione delle estensioni da te citate?
Comunque vado a vedere

PaoloB:

Pensavo ad un semplice esempio, magari la descrizione di un menu e il codice del css che hai usato
...

Ci provo ma è un po' elaborato, spero di finire presto (?) per renderlo visibile.

Descrizione menù:
Il menù ha un totale di 4 immagini
per le pagine al primo livello di altezza 24px "img-a" (corta)
per le sottopagine (secondo livello) di altezza 20px "img-c" (corta)

Il menù è a fisarmonica.
In stato di Home è visibile solo il menu al primo livello, "img-a"
cliccando su ogni singola voce si apre il menu al secondo livello di quella voce "img-c".

Quando c'è lo stato active subentrano le altre due immagini
per le pagine al primo livello di altezza 24px "img-b" (larga)
per le sottopagine (secondo livello) di altezza 20px "img-d" (larga)
che però sono più larghe e vanno a sfociare dentro la pagina dell'articolo.

"Il problema"
Nel secondo livello c'erano pagine nascoste sotto la stessa voce es: "janis Joplin" pag. 1 - pag. 2 - pag. 3 .

Quando la pag. 1 "janis Joplin" era attiva avevo nel menù la mia immagine "img-d"(lunga)
Ma
quando la pag. 2 o 3 "janis Joplin" erano attive non avevo più nel menù la mia immagine "img-d" (larga)
ma tornava in stato "di riposo" "img-c" (corta).

Qui sotto il codice css che ho usato.
(Da considerare con tutte le riserve del caso, non sono un Webmaster.)

Codice:

/* Navigazione */
.mod_navigation
{
	width:221px;
	display:block;
	margin-bottom:16px;
	margin-left:22px;
}

.mod_navigation ul.level_1
{
	width:211px;
	margin:0px 0px 0px 12px;
	padding:0px;
	font-weight:bold;
	list-style-type:none;
}

.mod_navigation ul.level_2
{
	width:211px;
	margin:0px 0px 0px 11px;
	padding:0px;
	font-weight:bold;
	list-style-type:none;
}

.mod_navigation a,
.mod_navigation a:hover
{
	text-decoration:none;
	list-style-type:none;
}

/* level_1 */
.mod_navigation ul.level_1 li a,
.mod_navigation ul.level_1 li .submenu

{
	height:24px;
	display:block;
	margin:0px 0px 2px 0px;
	padding:3px 0px 0px 18px;
	background-image:url("tl_files/Image-a.gif");
	background-repeat:no-repeat;
	font-size:13px;
	color:#ffffff;
	line-height:16px;
}

.mod_navigation ul.level_1 li a:hover,
.mod_navigation ul.level_1 li p.active,
.mod_navigation ul.level_1 li a.active,
.mod_navigation ul.level_1 li a.trail

{
	height:24px;
	display:block;
	margin:0px 0px 2px 0px;
	padding:3px 0px 0px 18px;
	background-image:url("tl_files/Image-b.gif");
	background-repeat:no-repeat;
	font-size:13px;
	color:#990000;
	line-height:16px;
}

/* level_2 */
.mod_navigation ul.level_2 li a
{
	height:20px;
	display:block;
	margin:0px 0px 2px 0px;
	padding:3px 0px 0px 15px;
	background-image:url("tl_files/Image-c.gif");
	background-repeat:no-repeat;
	font-size:11px;
	color:#ffffff;
	line-height:14px;
}

.mod_navigation ul.level_2 li a:hover,
.mod_navigation ul.level_2 li p.active,
.mod_navigation ul.level_2 li a.active,
.mod_navigation ul.level_2 li a.trail
{
	height:20px;
	display:block;
	margin:0px 0px 2px 0px;
	padding:3px 0px 0px 15px;
	background-image:url("tl_files/Image-d.gif");
	background-repeat:no-repeat;
	font-size:11px;
	color:#990000;
	line-height:14px;
}