Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : palex 02 Sep 2008, 12:42:52
-
Probabilmente č un mio grosso limite, ma ho cercato per ore senza trovare soluzione.
Sto utilizzando il template Siteground 77, ma credo che la cosa valga per tutti. Dovrei diversificare l'immagine di background di ogni singolo menų, in modo da utilizzare pių immagini e vivacizzare il sito.
Immagino di dover intervenire sui css, ma dove esattamente? devo duplicare qualche riga di codice?
Grazie a chi puō aiutarmi
-
Cavolo. Bella storia.
Ma secondo me possiamo risolvere con un trucchetto... fai un backup del template e seguimi.
Che stile utilizzi? Xhtml?
-
Bho! In veritā la mia ignoranza sembra essere profonda.
Ho scaricato il template e sono andato a modificare le immagini.
Altro non so, credo sė. Sono con joomla 1.5
Il sito č www.palexhumor.com
-
Allora.
Questa č una mia trovata.
Tecnicamente non dovrebbe essere permesso da Joomla, semplicemente perché lo stile dovrebbe essere uguale per tutti i menų. Perō... possiamo impostare uno sfondo che sia per tutti i menų e che punti a una gif il cui nome č variabile.
Ogni menų ha un un id. Vai nel pannello di amministrazione, poi estensioni, poi moduli.
Se passi il mouse sopra i nomi dei moduli, nella barra di stato vedi l'indirizzo. L'ultimo numero č l'id di quel modulo.
Ad esempio, passando il mouse su Menų principale io vedo:
cid[]=1
Significa che l'id del menų principale č 1.
Adesso crea una cartella dentro images, chiamala sfondi_menu.
Salva in questa cartella tutti gli sfondi che ti servono, purché il nome sia impostato cosė:
sfondo_id_x.gif
Dove la X č l'id del menų a cui vuoi applicare quello sfondo, ok?
Ad esempio, lo sfondo del menų principale, sarā:
images/sfondi_menu/sfondo_id_1.gif
A questo punto, crea dentro la cartella html il file "modules.php". Questo č il contenuto:
<?php
defined('_JEXEC') or die('Restricted access');
function modChrome_sfondo($module, &$params, &$attribs)
{
if( !empty( $module->content) ) : ?>
<div class="moduletable<?php echo $params->get('moduleclass_sfx'); ?>" style="background: url(../images/sfondi_menu/sfondo_id_<?php echo $module->id; ?>.gif) repeat-x;">
<?php if($module->showtitle!=0) : ?>
<h3><?php echo $module->title; ?></h3>
<?php endif; ?>
<?php echo $module->content; ?>
</div>
<?php endif;
}
?>Il trucco sta nella riga 7. Viene impostato uno sfondo il cui nome č variabile. Capisci?
Modifica la ripetizione dello sfondo a piacere... repeat-x/repeat-y/repeat/no-repeat.
A questo punto ti resta da modificare solo il file index.php, aggiungendo lo stile "sfondo" al modulo al quale applicare questo trucchetto. Esempio:
<jdoc:include type="modules" name="left" style="sfondo" />
Questa č un'idea che ti ho dato adesso cosė. Dovrebbe funzionare... ma non č che sia una certezza. Da controllare č l'url dell'immagine di sfondo, forse č meglio esprimerla in assoluto.
Spero funzioni :-)
-
A prima vista mi pare chiarissimo.
Purtroppo non ho tempo ora di provare (devo andare a lavorare).
Stasera mi applico e ti faccio sapere. Sei stato prezioso.
-
complimenti Mirkop1988, grande soluzione!!!
grazie anche da parte mia!
-
A questo punto, crea dentro la cartella html il file "modules.php". Questo č il contenuto:
Quale cartella html intendi?
-
ciao
scusate se mi intrometto
come dice Mirkop1988 i menų hanno un suo id
xche agire sul html , quando si puō aggiungere via css?
background:#FFFFFF none repeat scroll 0 0;giustamente potrebbe non avere la stringa nel css del menų visto che prendo x esempio la colonna sx basta creare la dicitura del menų che si vuole cambiare il colore di sfondo.
tanto se modificate il colore di sfondo nella colonna sx lo prende in tutta la sia lunghezza ameno che create altri div sx separati. poi dipende semplre dal template che state usando.
-
sinceramente nn ho capito quello che vuoi dire... sapresti spiegare come ha fatto mirkop?
-
La cosa č molto pių semplice di quello che pensiate raga.
Allora andate in gestione moduli, dopo di che selezionate il modulo al quale volete cambiare lo sfondo o il modulo che volete personalizzare. Sulla destra aprite "parametri avanzati" e modificate la voce "Suffisso classe CSS modulo".in questo modo il modulo che verrā visualizzato avra un suo suffisso. sarā qualcosa del tipo "moduletable_tuosuffisso".
Adesso non vi resta che andare nel css e modificare gli stili.
usate firebug per controllare il tutto.
Molto pių semplice no?
Se non vi č chiaro qualcosa scrivete pure
-
hai ragione .: BlackHat :. nel mio post precedente non lo scritto
"Suffisso classe CSS modulo"
quello che intendevo era quello.
-
quindi se io volessi applicare a tutti i miei menu lo stesso stile, ma fare in modo che si ripeta per ognuno, devo mettere il suffisso in quel parametro. Nel mio caso metto il suffisso "left"?
Questo č il css che dovrei applicare a tutti i menu:
/* ################ left ######################## */
#left {
width: 167px;
background: url(../images/menubg2.png); margin:5px 0 0 0px; background-repeat:repeat-y;
color:#000;
font-size:1.2em;
margin:0px 0 0px 0px;
padding:5px 10px;
border:solid 0;
}
#left h3,#left h3 {
color:#000;
background: url(../images/menutit.png); margin:0px 20px 0px -45px; background-repeat:no-repeat;
font-family:Lucida Blackletter, sans-serif;
font-size:1.1em;
margin:8px 0px 0 -23px;
padding:15px 0px 35px 30px;
border:solid 0;
}
#left ul {
list-style-type:none;
margin:0px 0 0px -10px; /* distanza titolo menu-voci menu */
}
#left ul li a {
display:block;
padding:6px 0px 3px 50px; /* spostamento parole voci menu */
text-decoration:none;
background: url(../images/menuvocibg3.png); margin:-8px 0 0 -45px; background-repeat:no-repeat;
width: 178px;
height: 25px;
color:#000 !important;
font-size:0.9em;
}
#left ul li a:link,#left ul li a:visited {
color:#000;
font-weight:normal;
}
#left ul li a:hover,#left ul li a:active,#left ul li a:focus {
background: url(../images/menuvocibg4.png); background-repeat:no-repeat;
color:#fff !important;
font-size:0.9em;
}
-
purtroppo devo dirti di no. Quello che succede quando aggiungi il suffisso css, č appunto che viene aggiunto un suffisso :D. quindi avrai i vari tag di joomla es "moduletable" perō con l'aggiunta del tuo suffisso es "moduletabletuosuffisso".
Usa firebug per vedere quali sono i tag che ti interessano.