Back to top

Autore Topic: Template aggiornato a 1.5 e problemino visualizzazione  (Letto 5071 volte)

Offline Martina82

  • Esploratore
  • **
  • Post: 61
    • Mostra profilo
Ciao a tutti,
scrivo nuovamente con riferimento al famoso template upgradato alla versione 1.5. Vorrei sapere come mai nel menu principale del sito, che avevo fatto in modo che vicino ogni voce ci fosse un'iconcina e cambiasse colore e icona con lo sfioramento del mouse.. beh.. adesso c'è solo la freccetta... e niente icona... e poi con lo sfioramente passa a quell'altro segno col puntino al centro tipico di joomla.
Ora, visto che nel css ci avevo già lavorato, dove dovrei mettere le mani per mettere almeno un segnetto fisso vicino al menu? invece di quella freccetta?
Ho provato a rinomincare la mia iconcina come la freccetta, solo che viene male perchè è troppo grande rispetto alla freccetta e risulta a vista solo per metà.
Altra cosa, volevo chiedere come posso aumentare le dimensioni del font nelle pagine, che erano perfette prima dell'upgrade e adesso sono più piccoline.

Grazie come sempre  :)

Offline Martina82

  • Esploratore
  • **
  • Post: 61
    • Mostra profilo
Re: Template aggiornato a 1.5 e problemino visualizzazione
« Risposta #1 il: 26 Gen 2009, 09:38:41 »
Non c'è nessuno che mi sa dare giusto qualche indicazione di massima?  :-[ Per piacere.

Offline = odino =

  • Instancabile
  • ******
  • Post: 5696
  • Sesso: Maschio
  • "In realtà li trasforma in menomati" Danzel
    • Mostra profilo
Re: Template aggiornato a 1.5 e problemino visualizzazione
« Risposta #2 il: 26 Gen 2009, 12:09:42 »
sei sicuro che nel CSS hai impostato i list-style correttamente?

Offline Martina82

  • Esploratore
  • **
  • Post: 61
    • Mostra profilo
Re: Template aggiornato a 1.5 e problemino visualizzazione
« Risposta #3 il: 26 Gen 2009, 13:29:03 »
uhmmm.... ora mi cogli impreparata  :P
Beh, che significa "correttamente".... così vediamo se ho fatto errori  ;) In realtà, io sapevo solo che con la versione 1.0 di joomla si vedeva tutto per bene, ora invece un pochino la grafica dei menu è cambiata, è diventata più semplice, ecco.
Il fatto che si debba vedere la iconcina nel menu, io però l'ho impostato nel file index, e credo che sia a questa riga qui

<?php
                     if ( $left > 0 ) {
                    ?>
                    <td>
                       <div id="left_outer">
                     <div id="left_header"></div>
                          <div id="left_inner"><img src="images/iconamenu.png" width="27" height="20" />
                            <jdoc:include type="modules" name="left" style="xhtml" />
                          </div>
                          <div id="left_footer"></div>
                       </div>                    </td>

Uso il condizionale perchè a dire il vero l'ho fatto un po' di tempo fa, ma ricordo che qui avrei setta questa cosa, mentre nel css la modifica con lo sfioramento, e la modifica quando il menu è attivo.

Comunque sia, per semplificare la vita a me.... (e a voi con le mie 5000 domande :D ), io direi che mi basta solo una icona statica, senza sfioramenti e varie.

Grazie milleeee  ;)

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re: Template aggiornato a 1.5 e problemino visualizzazione
« Risposta #4 il: 26 Gen 2009, 14:43:16 »
Citazione
Comunque sia, per semplificare la vita a me.... (e a voi con le mie 5000 domande Cheesy ), io direi che mi basta solo una icona statica, senza sfioramenti e varie.
Se ti basta solo questo devi sapere che Joomla! ti consente di farlo da pannello di controllo. Ti devi fare le immagini di dimensione adeguata e inserirle nella cartella images/stories.
Quindi vai sulla gestione menu e apri il menù e quindi la voce di menù dove vuoi inserire la immagine. Sui parametri a destra devi cliccare su Parametri di sistema e selezionare la tua immagine (che avevi messo in precedenza nella cartella stories, ricordi?) dal menù a tendina della voce immagini menù.

Poi vai su getione moduli, apri il modulo interessato, sulla destra clicchi su "altri parametri" e sulla prima voce spunti il si su mostra immagini menù.

Infine, se l'immagine dovesse comparire con una antipatica cornice (su explorer addirittura blu) che non c'azzecca coi colori del template la puoi togliere aggiungendo questo codice nel file css del template:
Codice: [Seleziona]
a img {
border:none;}
;)
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline Martina82

  • Esploratore
  • **
  • Post: 61
    • Mostra profilo
Re: Template aggiornato a 1.5 e problemino visualizzazione
« Risposta #5 il: 26 Gen 2009, 15:15:09 »
Grazie mille per questa preziosa guida!!!  :D
Ho fatto una prova in locale, ed è andata bene, è uscita comunque la cornice blu della quale parlavi.
Una cosa che non ho capito è come si fa a togliere quella freccetta arrow vicino ad ogni voce del menu, che continua a esserci anche se con l'aggiunta della nuova icona.

Io vorrei togliere la freccia, e mettere l'iconcina del menu. Inoltre mi piacerebbe (a dire il vero...  :-[ ) una icona che indichi il menu attivo.

Credi che sia molto difficile da fare?
Toccherà di nuovo mettere le mani del css o nell'index?

Grazie mille  :)


Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re: Template aggiornato a 1.5 e problemino visualizzazione
« Risposta #6 il: 26 Gen 2009, 15:40:32 »

Credi che sia molto difficile da fare?
Toccherà di nuovo mettere le mani del css o nell'index?

Grazie mille  :)

difficile no. Ci vuole un poca di attenzione, pazienza e ... prove. Ma usi gli strumenti adatti? Leggi qui:
http://www.joomla.it/articoli-della-community/797-tre-moschettieri-al-servizio-di-joomla.html
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline Martina82

  • Esploratore
  • **
  • Post: 61
    • Mostra profilo
Re: Template aggiornato a 1.5 e problemino visualizzazione
« Risposta #7 il: 26 Gen 2009, 15:48:26 »
No, in effetti non uso questi mezzi... ho usato il notepad e poi Photoshop per la grafica. Tutto qui  :) Adesso proverò ad usare anche i mezzi che mi hai consigliato.
E speriamo che le modifiche che vorrei apportare non mi faranno penare.

Se nel frattempo qualcun altro ha altro (scusate il gioco di parole) da consigliarmi, io sono qui.

Vorrei dire che anche con la grandezza del font non ci siamo, eppure nel css avevo messo una giusta grandezza, ora che faccio... la aumento?

Grazie ancora!  :)

Offline Martina82

  • Esploratore
  • **
  • Post: 61
    • Mostra profilo
Re: Template aggiornato a 1.5 e problemino visualizzazione
« Risposta #8 il: 26 Gen 2009, 21:15:25 »
Sto facendo un po' di sperimentazione, ma purtroppo il css prevede tutto per bene a livello di menu, bottoni e varie... com'è che in joomla non me li visualizza?
Potrebbe essere una penalità per aver usato un template (upgradato) comunque per 1.0 e non fatto appositamente per 1.5?

Per piacere se qualcuno ha tempo , mi dica ciò che pensa a riguardo.

Grazie mille.  :)

Offline Martina82

  • Esploratore
  • **
  • Post: 61
    • Mostra profilo
Re: Template aggiornato a 1.5 e problemino visualizzazione
« Risposta #9 il: 27 Gen 2009, 10:34:57 »
Vi prego, ditemi qualcosa  :-[

Offline Martina82

  • Esploratore
  • **
  • Post: 61
    • Mostra profilo
Re: Template aggiornato a 1.5 e problemino visualizzazione
« Risposta #10 il: 27 Gen 2009, 10:39:29 »
Stavo pensando.... e se pèosto l'index, di modo che potete vedere se è lì che c'è qualcosa che impedisce la visualizzazione di quanto scritto nel css?  :)

C'è qualcuno che vorrebbe darci uno sguardino veloce?

Io me lo sono letto e riletto, e almeno da quel poco che capisco, non ho trovato niente... ma non sono molto esperta.. quindi icuro c'è qualcosa...

Ciao  :)

Offline Martina82

  • Esploratore
  • **
  • Post: 61
    • Mostra profilo
Re: Template aggiornato a 1.5 e problemino visualizzazione
« Risposta #11 il: 27 Gen 2009, 17:24:14 »
Per piacere, aiutatemi....

oggi ho studiato un po' il css e praticamente ho capito che:

ul {
margin : 2px;
padding : 2px;
list-style : none;
}
li {
text-align : left;
line-height : 25px;
padding-left : 30px;
background-image : url(../images/arrow.gif);
background-repeat : no-repeat;
background-position : 0 10px;
}
li:hover {
line-height : 14px;
padding-left : 18px;
padding-top : 0;
background-image : url(../images/arrow_hover.gif);
background-repeat : no-repeat;
background-position : 0 2px;
}

questi si sono impossessati del menu, pur avendo io nel mio css più sotto  questo

a.mainlevel:link, a.mainlevel:visited {
   font-family : Georgia, Arial, Helvetica, sans-serif;
   image:url(../images/Mod2.png);
   display : block;
   vertical-align : middle;
   font-size : 11px;
   font-weight : bold;
   color : #666666;
   text-align : center;
   padding-top : 4px;
   padding-left : 8px;
   height : 22px !important;
   height : 22px;
   text-decoration : none;
   border-bottom : 1px solid #ccc;
   
}
a.mainlevel:hover {
font-family : Georgia, Arial, Helvetica, sans-serif;
background-image:url(../images/barrarosahover5.png);
background-repeat: no-repeat;
text-decoration : none;
border-right : 2px solid #FF99CC;
color : #FF99CC;
font-size : 11px;
text-align : center;
padding-left : 18px;
}
a.mainlevel#active_menu {
font-family : Georgia, Arial, Helvetica, sans-serif;
background-image: url(../images/barrarosaactive.png);
background-repeat: no-repeat;
color : #8f8f8f;
border-right : 2px solid #999999;
font-weight : bold;
font-size : 11px;
height : 22px !important;
height : 22px;
text-decoration : none;
text-align : center;
padding-left : 8px;
}
a.mainlevel#active_menu:hover {
background-image: url(../images/barraactivemenuhover.png);
color : #CC6699;
padding-left : 18px;
}


Come è possibile?
Questo stesso template funzionava bene con Joomla 1.0, adesso ho fatto l'upgrade a 1.5 e praticamente me lo visualizza senza i dettagli del menu (barre colorare + icone), ma semplicemente una scritta e una freccetta, che poi è la arrow di default di joomla per i link ai vari articoli.

Ora, visto che non riesco ad uscirne da sola... qualcuno con un po' di buona volotnà potrebbe aiutarmi a capire che è successo?

per piacere.

Grazie.

Offline ellezero

  • Global Moderator
  • Abituale
  • *****
  • Post: 1436
  • Sesso: Femmina
    • Mostra profilo
Re: Template aggiornato a 1.5 e problemino visualizzazione
« Risposta #12 il: 28 Gen 2009, 13:46:26 »
usa firebug (con firefox)
seleziona la parte del menu -> tasto destro -> analizza elemento

sulla sinistra ti dara' tutte le impostazioni del css, le eredita' e le impostazioni che "comandano" il tuo menu.

se ci clicchi sopra firebug ti mostra come sarebbe con o senza quella caratteristica.

facendo cosi puoi sperimentare senza dover modificare e ricare e, alla fine, dopo aver trovato cosa non funziona per quello che vuoi tu, sai dove mettere le mani nel codice.

ti garantisco che lo provi una volta e ti cambia lo stile ;)

Offline Martina82

  • Esploratore
  • **
  • Post: 61
    • Mostra profilo
Re: Template aggiornato a 1.5 e problemino visualizzazione
« Risposta #13 il: 02 Feb 2009, 19:27:53 »
Non ci sono stata per qualche giorno, ma questa notizia mi viene utilissima, perchè ho appena scaricato il firebug  ;D

Grazie mille!!!  ;)

Offline .: BlackHat :.

  • Team Joomla.it
  • Abituale
  • *******
  • Post: 1186
  • Sesso: Maschio
  • Io me e me stesso
    • Mostra profilo
Re: Template aggiornato a 1.5 e problemino visualizzazione
« Risposta #14 il: 02 Feb 2009, 21:08:10 »
se il sito è online posta il link e in 2 minuti arriva la soluzione. l'immagine di fianco a ongi link nei menu è dovuta a una regola del css che sarà qualcosa del tipo

a:visited, a:link, a{
background: url(../immagine.jpg)
}
dove appunto immagine.jpg è il simbolino che appare di fianco al link. per trovarlo in modo semplice e veloce, apri la cartella template, vai sul tuo template, poi su images e cerca l'immagine che appare di fianco ai link nei menu. dopo che hai trovato il nome dell'immagine apri il css e fai una ricerca con quel nome. in questo modo troverai le regole che fanno apparire l'img. da li poi modifichi come vuoi:D spero sia quello che ti serve ciau
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 Martina82

  • Esploratore
  • **
  • Post: 61
    • Mostra profilo
Re: Template aggiornato a 1.5 e problemino visualizzazione
« Risposta #15 il: 03 Feb 2009, 11:34:18 »
Grazie mille per la risposta  :)
Beh, il sito purtroppo non è online, per questo non ho postato l'indirizzo. In ogni caso Ho fatto quello che hai detto, solo che in questo modo il simbolo diventa lo sfondo della scritta dei menu, mentre la freccetta civino ai menu (dove dovrebbe stare la mia immagine) resta uguale. Il problema è che se vado a cambiare dove sta la freccetta nel css, poi tutte le freccette (presenti non solo nel menu, ma anche negli articoli) diventano uguali al simbolino presente nel menu.

Grazie mille, sei davvero gentile  ;)

Offline .: BlackHat :.

  • Team Joomla.it
  • Abituale
  • *******
  • Post: 1186
  • Sesso: Maschio
  • Io me e me stesso
    • Mostra profilo
Re: Template aggiornato a 1.5 e problemino visualizzazione
« Risposta #16 il: 03 Feb 2009, 11:52:10 »
Si vede che è stata definita una sola regola per tutti i link ul-li per quello poi la modifica da tutte le parti. Dovresti creare una nuova regola per la parte centrale dove gli cambi l'img come vuoi. Cmq se ti è possibile mettere il template visto che il sisto non è online sarebbe tutto piu facile:D
Ah non ho capito che intendo con
Citazione
il simbolo diventa lo sfondo della scritta dei menu, mentre la freccetta civino ai menu (dove dovrebbe stare la mia immagine) resta uguale
se puoi spiegarlo meglio grazie:D
inoltre se non hai possibilità di postare il template posta la struttura del sito con i nomi dei div e delle classi in modo da andare dritto al punto. che so la parte centrale è data dal <div id="centro"></div> e cose cosi:D
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 Martina82

  • Esploratore
  • **
  • Post: 61
    • Mostra profilo
Re: Template aggiornato a 1.5 e problemino visualizzazione
« Risposta #17 il: 04 Feb 2009, 13:31:49 »
Grazie davvero per tutto l'aiuto.

Io adesso provo a spiegare meglio: questo template era per joomla 1.0 e poi l'ho upgradato a 1.5. Da subito sia upgradato, sia quando lo facevo funzionare in legacy mode, il menu principale è cambiato. Era un menu fatto a barrete con una iconcina a forma di stella vicino ogni voce, ed era grigio... poi se passavi il mouse diventava rosa sia la barra dove erano le varie voci, sia le scritte, sia la stellina.
Invece su joomla 1.5 le barre non ci sono più, ma è tutto liscio con le singole voci precedute dalla freccetta.
Prima, gestivo l'icona a stella grigia di defalut tramite l'index, mentre le il resto avevo impostato qui così nel css

Codice: [Seleziona]
a.mainlevel#active_menu {
font-family : Georgia, Arial, Helvetica, sans-serif;
background-image: url(../images/barrarosaactive.png);
background-repeat: no-repeat;
color : #8f8f8f;
border-right : 2px solid #999999;
font-weight : bold;
font-size : 11px;
height : 22px !important;
height : 22px;
text-decoration : none;
text-align : center;
padding-left : 8px;
}
a.mainlevel#active_menu:hover {
background-image: url(../images/barraactivemenuhover.png);
color : #CC6699;
padding-left : 18px;
}
e funzionava alla grande.

Ora tutto questo non basta più, e non capisco perchè.

Codice: [Seleziona]
<body>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
       <tr>
         <td id="top_menu">
  <div id="top_menu_inner"><?php mosLoadModules 'user3' ); ?></div></td></tr> 
       <tr><div class="clr"></div>
   <td id="header">

   <?php
if ( $top ) {
   ?>

  <div id="top"><div class="top_scroll"><?php mosLoadModules 'top', -); ?></div></div>
  <?php
   }
   ?>
     </td>
   </tr>
    <tr>
      <td id="content_outer" valign="top">
  <table  align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="content_table">
<tr valign="top">
<?php
if ( $left ) {
   ?>

  <td>
  <div id="left_outer">
<div id="left_header"></div>
  <div id="left_inner">[b]<img src="images/iconamenu.png" width="27" height="20" />[/b]
    <?php mosLoadModules 'left', -); ?>
  </div>
  <div id="left_footer"></div>
  </div>   </td>
  <?php
   }
   ?>

<td width="100%">
<div id="pathway"> <div id="pathway_text">
<?php mosPathWay(); ?>
  </div> </div>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="content">
<tr>
<td colspan="<?php echo $colspan?>">
  <div id="main_content"><?php mosMainBody(); ?></div> </td>
</tr>

<?php
if ($colspan 0) {
?>

<tr valign="top">

<?php
   if ( $user1 ) {
   ?>

  <td width="50%">
  <div id="user1_outer"><div class="user1_inner">
  <?php mosLoadModules 'user1', -); ?>
  </div> </div>   </td>
  <?php
   }
   if ( $colspan == 3) {
 ?>


<?php
}
   if ( $user2 ) {
   ?>

  <td width="50%">
  <div id="user2_outer">
<div class="user2_inner">
  <?php mosLoadModules 'user2', -); ?>
  </div> </div>   </td>
  <?php
   }
?>

</tr>
<tr>
<td colspan="<?php echo $colspan?>">   </td>
</tr>
<?php
}
?>

  </table> <div id="content_foot"></div> </td>
<?php
if ( $right ) {
   ?>

  <td><div id="right_outer">
<div id="left_header"></div>
  <div id="right_inner">
  <?php mosLoadModules 'right', -); ?>
  </div><div id="left_footer"></div>
    </div> </td>
  <?php
   }
   ?>

</tr>
  </table> </td>
    </tr>
    <tr><?php
if ( $banner ) {
   ?>

  <td id="user"><div id="banner"><div id="banner_inner"><?php mosLoadModules"banner", -); ?></div></div></td>
  <?php
   }
   ?>

  </tr>
<tr>
     <td id="footer"><?php include_once('includes/footer.php'); ?></td>
   </tr>
</table>
<?php mosLoadModules'debug', -);?>
</body>
</html>

Nel neretto vedi dove avrei settato la icona menu, che però non viene affatto visualizzata, mentre il menu attivo è settato nel css, come ti ho riportato sopra.

ho fatto prove varie, ma l'unica cosa che ho ottenuto è che questa icona menu(la stella) diventasse una evidenziazione delle voci del menu(come quando uno vuole evidenziare un testo), ma non una immagine a lato, come è ora la freccetta (che non riesco a togliere).

Ti ringrazio tanto per l'aiuto  :)
« Ultima modifica: 04 Feb 2009, 13:40:14 da Martina82 »

Offline TheShark

  • Team Joomla.it
  • Abituale
  • *******
  • Post: 920
  • Sesso: Maschio
    • Mostra profilo
Re: Template aggiornato a 1.5 e problemino visualizzazione
« Risposta #18 il: 04 Feb 2009, 13:36:21 »
Martina per favore modifica il messaggio e metti il codice dentro i tags corretti usando il tastino #,almeno lo li puo' visualizzare in modo chiaro il codice.

Offline Martina82

  • Esploratore
  • **
  • Post: 61
    • Mostra profilo
Re: Template aggiornato a 1.5 e problemino visualizzazione
« Risposta #19 il: 04 Feb 2009, 13:40:43 »
fatto  :) Non sapevo come si faceva, adesso lo so  ;)

Offline TheShark

  • Team Joomla.it
  • Abituale
  • *******
  • Post: 920
  • Sesso: Maschio
    • Mostra profilo
Re: Template aggiornato a 1.5 e problemino visualizzazione
« Risposta #20 il: 04 Feb 2009, 13:43:02 »
Brava ^_^

 



Web Design Bolzano Kreatif