Joomla.it Forum

Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => I Template di Joomla 1.6/1.7/2.5 => : SergiusJoo 05 Aug 2011, 20:18:01

: [RISOLTO] CSS -> uso del Suffisso classe CSS menu
: SergiusJoo 05 Aug 2011, 20:18:01
Salve

Seguendo la guida
:
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]
: Re:CSS -> uso del Suffisso classe CSS menu
: giusebos 05 Aug 2011, 20:56:54
Quel suffisso devi inserirlo tu nel file css.

per esempio se la classe che gestisce il menù è
:
.menu , tu aggiungi il suffisso che hai inserito, quello della tua immagine in questo modo
:
.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à:
:
.menu_tasti {font-style:bold;}
: Re:CSS -> uso del Suffisso classe CSS menu
: SergiusJoo 05 Aug 2011, 21:03:31
La posizione dove mettere .menu_tasti è indifferente?
Cioè lo posso aggiungere in fondo a tutto?
: Re:CSS -> uso del Suffisso classe CSS menu
: adottauncane 05 Aug 2011, 21:52:32
Ciao SergiusJoo,
sì, la posizione è indifferente.
: Re:CSS -> uso del Suffisso classe CSS menu
: SergiusJoo 05 Aug 2011, 23:18:54
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!
: Re:CSS -> uso del Suffisso classe CSS menu
: adottauncane 05 Aug 2011, 23:28:46
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.
: Re:CSS -> uso del Suffisso classe CSS menu
: SergiusJoo 06 Aug 2011, 08:47:22
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]
: Re:CSS -> uso del Suffisso classe CSS menu
: adottauncane 06 Aug 2011, 14:52:59
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ù.
: Re:CSS -> uso del Suffisso classe CSS menu
: SergiusJoo 06 Aug 2011, 21:08:37
Questo il sito ... In costruzione ovviamente...
:
www.XYZ.it/code]
: Re:CSS -> uso del Suffisso classe CSS menu
: adottauncane 06 Aug 2011, 21:38:22
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)
: Re:CSS -> uso del Suffisso classe CSS menu
: SergiusJoo 06 Aug 2011, 21:58:13
Perfetto...

Ma come hai fatto???

Mi spieghi quali passaggi hai fatto?

GRAZIE... per ora. Magico!!!
: Re:CSS -> uso del Suffisso classe CSS menu
: adottauncane 07 Aug 2011, 15:28:15
Con Firebg  :) Mancavano una largezza fissa e il margin per spostare le voci...
Ricordati di aggiungere [RISOLTO]. Grazie mille.