[RISOLTO] CSS -> uso del Suffisso classe CSS menu

[SergiusJoo]

Salve

Seguendo la guida

Codice: [Seleziona]

http://www.joomla.it/articoli-della-community-16/5033-piccola-guida-alluso-del-suffisso-classe-css-menu.htmlvolevo personalizzare un MODULO che ho chiamato "Archivio fotografico"

Ho aperto il Modulo e - come da suggerimento - ho inserito (vedi allegato: Schermata)

Poi sono andato - come amministratore - nel template per cercare di modificare il "css".

A questo punto, nasce il problema:
Ma DOVE trovo esattamente il punto in cui inserire le modifiche?

Se cerco un punto dove ci sia scritto "_tasti" oppure "menu_tasti"... non lo trovo...
Dove sbaglio?
Cosa devo e posso fare?



[allegato vecchio più di un anno eliminato da un amministratore]

[giusebos]

Quel suffisso devi inserirlo tu nel file css.

per esempio se la classe che gestisce il menù è

Codice: [Seleziona]

.menu , tu aggiungi il suffisso che hai inserito, quello della tua immagine in questo modo

Codice: [Seleziona]

.menu_tasti
dopo che hai inserito il suffisso prosegui creando la regola, ad esempio se vuoi il testo in grassetto la regola con il suffisso sarà:

Codice: [Seleziona]

.menu_tasti {font-style:bold;}

[SergiusJoo]

La posizione dove mettere .menu_tasti è indifferente?
Cioè lo posso aggiungere in fondo a tutto?

[adottauncane]

Ciao SergiusJoo,
sì, la posizione è indifferente.

[SergiusJoo]

Ciao SergiusJoo,
sì, la posizione è indifferente.

Sperimentato un po'...
Ma devo ancora ben capire come fare a cambiare il tipo di carattere, il colore dello stesso... e varie altre cosette.

Ogni tanto penso di aver capito... ma poi mi perdo nuovamente!

[adottauncane]

Ma, nella mini guida dovrebbe esserci quasi tutto per le varie personalizzazioni. Se vuoi una mano e se il template non è commerciale, metti un link al sito.

[SergiusJoo]

Sto ad esempio cercando di modificare l'aspetto del modulo, come da immagine allegata.

Sono in fase di sperimentazione... ho quindi copiato da esempio riportato nel sito su citato... per vedere cosa variasse nell'aspetto del modulo.

Sono riuscito a cambiare il colore di sfondo, i colori e le posizioni delle parole... ho messo due piccole,cornici sopra e sotto...

Ora volevo ad esempio stringere l'area di sfondo per farla coincidere con il colore tenue che corre verticalmente anche sotto gli altri moduli "Login..." e non farla sbordare a sinistra come appare ora. Infatti ora segue la misura dei "titoli", cioè: Archivio, Login... Link utili...

Come intervengo?


[allegato vecchio più di un anno eliminato da un amministratore]

[adottauncane]

Non lo so, senza link non so aiutarti. È anche possibile però che la larghezza del modulo sia da variare dal modulo stesso (quindi con il suffisso modulo) e non dal Suffisso menù.

[SergiusJoo]

Questo il sito ... In costruzione ovviamente...

Codice: [Seleziona]

www.XYZ.it/code]

[adottauncane]

Imposta la larghezza e il margin-left

.menu_tasti {    background-color: #A8CEE2;    border-bottom: 1px solid #FF3300;    border-top: 1px solid #FF3300;    display: block;    font-size: 15px !important;    line-height: 30px !important;    list-style: none outside none;    margin-left: 5px !important;    padding-left: 30px !important;    text-align: left;    width: 180px !important;}template.css (riga 716)

[SergiusJoo]

Perfetto...

Ma come hai fatto???

Mi spieghi quali passaggi hai fatto?

GRAZIE... per ora. Magico!!!

[adottauncane]

Con Firebg  Mancavano una largezza fissa e il margin per spostare le voci...
Ricordati di aggiungere [RISOLTO]. Grazie mille.