Back to top

Autore Topic: Diversificare background menu  (Letto 4756 volte)

Offline palex

  • Esploratore
  • **
  • Post: 69
    • Mostra profilo
Diversificare background menu
« il: 02 Set 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

Offline Mirkop1988

  • Esploratore
  • **
  • Post: 148
    • Mostra profilo
Re: Diversificare background menu
« Risposta #1 il: 02 Set 2008, 12:46:37 »
Cavolo. Bella storia.
Ma secondo me possiamo risolvere con un trucchetto... fai un backup del template e seguimi.

Che stile utilizzi? Xhtml?

Offline palex

  • Esploratore
  • **
  • Post: 69
    • Mostra profilo
Re: Diversificare background menu
« Risposta #2 il: 02 Set 2008, 12:56:46 »
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

Offline Mirkop1988

  • Esploratore
  • **
  • Post: 148
    • Mostra profilo
Re: Diversificare background menu
« Risposta #3 il: 02 Set 2008, 13:00:16 »
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:
Codice: [Seleziona]
<?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:
Codice: [Seleziona]
<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 :-)

Offline palex

  • Esploratore
  • **
  • Post: 69
    • Mostra profilo
Re: Diversificare background menu
« Risposta #4 il: 02 Set 2008, 13:09:53 »
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.

Offline tatothejoker

  • Esploratore
  • **
  • Post: 162
    • Mostra profilo
Re: Diversificare background menu
« Risposta #5 il: 05 Apr 2009, 13:08:17 »
complimenti Mirkop1988, grande soluzione!!!
grazie anche da parte mia!

Offline PeppezZ

  • Esploratore
  • **
  • Post: 56
    • Mostra profilo
Re: Diversificare background menu
« Risposta #6 il: 08 Apr 2009, 13:56:19 »
Citazione
A questo punto, crea dentro la cartella html il file "modules.php". Questo č il contenuto:

Quale cartella html intendi?

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re: Diversificare background menu
« Risposta #7 il: 08 Apr 2009, 14:35:10 »
ciao
scusate se mi intrometto
come dice Mirkop1988  i menų hanno un suo id
xche agire sul html , quando  si puō aggiungere via css?
Codice: [Seleziona]
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.
« Ultima modifica: 08 Apr 2009, 14:39:37 da conti1 »
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline PeppezZ

  • Esploratore
  • **
  • Post: 56
    • Mostra profilo
Re: Diversificare background menu
« Risposta #8 il: 08 Apr 2009, 16:58:17 »
sinceramente nn ho capito quello che vuoi dire... sapresti spiegare come ha fatto mirkop?

Offline .: BlackHat :.

  • Team Joomla.it
  • Abituale
  • *******
  • Post: 1186
  • Sesso: Maschio
  • Io me e me stesso
    • Mostra profilo
Re: Diversificare background menu
« Risposta #9 il: 09 Apr 2009, 00:17:10 »
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
Sogna come se dovessi vivere per sempre, vivi come se dovessi morire domani.

Woot, ma cosa sta lė, sulla destra, si si prorpio li, nella colonna di destra del sito....mhh sembra un campo di ricerca...che dici lo usiamo? ma no, meglio postare :D

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re: Diversificare background menu
« Risposta #10 il: 09 Apr 2009, 00:47:18 »
hai ragione .: BlackHat :.  nel mio post precedente non lo scritto
Citazione
"Suffisso classe CSS modulo"
quello che intendevo era quello.
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline PeppezZ

  • Esploratore
  • **
  • Post: 56
    • Mostra profilo
Re: Diversificare background menu
« Risposta #11 il: 09 Apr 2009, 13:55:41 »
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:
Codice: [Seleziona]
/* ################ 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;

}

Offline .: BlackHat :.

  • Team Joomla.it
  • Abituale
  • *******
  • Post: 1186
  • Sesso: Maschio
  • Io me e me stesso
    • Mostra profilo
Re: Diversificare background menu
« Risposta #12 il: 09 Apr 2009, 23:05:26 »
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.
Sogna come se dovessi vivere per sempre, vivi come se dovessi morire domani.

Woot, ma cosa sta lė, sulla destra, si si prorpio li, nella colonna di destra del sito....mhh sembra un campo di ricerca...che dici lo usiamo? ma no, meglio postare :D

 



Web Design Bolzano Kreatif