Back to top

Autore Topic: Posizione moduli  (Letto 1924 volte)

Offline gabrib

  • Esploratore
  • **
  • Post: 173
    • Mostra profilo
Posizione moduli
« il: 31 Mag 2010, 16:43:45 »
Ciao a tutti. Ho inserito in home due moduli per le quotazioni di borsa; ho creato le due nuove posizioni nel file templatedetails.xml, le ho ripetute nel menu a discesa del  posizionamento dei moduli, e assegnandole ai moduli. All'interno dell'articolo ho scritto uno di fianco all'altro le posizioni:
{loadposition worldmarkets} {loadposition downjones}  in questo modo.

Il problema è che il primo modulo (worldmarkets) si posiziona in maniera corretta, mentre il secondo (downjones) si posiziona sotto il primo e non a fianco come vorrei. Come posso fare per risolvere? Grazie.

http://www.glfinvestments.com/
« Ultima modifica: 31 Mag 2010, 16:45:29 da gabrib »

Offline 56francesco

  • Fuori controllo
  • *
  • Post: 29585
  • Sesso: Maschio
    • Mostra profilo
Re:Posizione moduli
« Risposta #1 il: 31 Mag 2010, 16:54:52 »
se hai usato loaddposition non serviva aprire nuove posizioni modulo..
(uso XP perchè win98 non si installa) 
PS: non sono un dipendente dello sbonzor quindi è necessario un "per favore" alla richiesta e un "grazie" alla risposta, sempre! PPS: non scrivo mai per primo in MP, in caso contrario chiedimi una conferma, Grazie.

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re:Posizione moduli
« Risposta #2 il: 31 Mag 2010, 17:16:54 »
I due moduli hanno ciascuno una loro classe che puoi formattare con una regola nei css  ;D
Ma senza farla tanto lunga inseriscili dentro una tabella a due colonne...   ;)
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline gabrib

  • Esploratore
  • **
  • Post: 173
    • Mostra profilo
Re:Posizione moduli
« Risposta #3 il: 31 Mag 2010, 21:37:32 »
I due moduli hanno ciascuno una loro classe che puoi formattare con una regola nei css  ;D
Ma senza farla tanto lunga inseriscili dentro una tabella a due colonne...   ;)
Mi hai consigliato le tabelle,   ma se volessi intervenire direttamente sul css come dovrei fare?? Grazie.

Offline bigham

  • Global Moderator
  • Instancabile
  • ********
  • Post: 3662
  • Sesso: Maschio
  • Contagiato dalla Joomlaite :)
    • Mostra profilo
Re:Posizione moduli
« Risposta #4 il: 01 Giu 2010, 00:08:06 »
Ciao.
Soluzioni possibili ce ne sono diverse.
Anzitutto stai lavorando all'interno di un articolo, e un articolo altri non è che codice html.
Se analizziamo il codice del tuo sito notiamo alcune cose (vedi immagine):
1) i moduli possiedono una classe googlefinance_menu che può regolarne l'aspetto. Ovviamente tale classe non è definita nel foglio di stile ma è la stessa per tutti e due i moduli. Quindi, se definita nel foglio di stile, la formattazione verrebbe applicata ad ambedue i moduli. Qui entrano in gioco i suffissi per le classi del foglio di stile che possono essere dichiarati all'interno di ognuno dei due moduli nelle proprietà del singolo modulo.

La seconda possibilità è quella di scrivere direttamente il codice html nell'articolo, disattivando l'editor WYSIWYG di joomla.
In questo caso bisogna inserire i due codici {loadposition worldmarkets} {loadposition downjones} all'interno di due container div, al primo dei quali vengono applicate alcune proprietà di stile, in particolare la proprietà float: left che modifica l'ordine con cui i container div compaiono:
Un esempio:
Codice: [Seleziona]
<div style="float:left; padding-right: 5px; margin-top: 15px;">
{loadposition worldmarkets}
</div>
<div>
{loadposition downjones}
</div>

Nell'immagine vedrai che ho modificato direttamente il codice html della pagina (usando l'addon Firebug di Forefox). Ovviamente tale modifica serve solo a capire come agire sul codice e non modifica realmente la pagina ma serve per capire quali modifiche apportare.


[allegato vecchio più di un anno eliminato automaticamente]
« Ultima modifica: 01 Giu 2010, 00:11:36 da bigham »
Ci sono più cose in cielo e in terra, Orazio, di quante ne sogni la tua filosofia.

Offline gabrib

  • Esploratore
  • **
  • Post: 173
    • Mostra profilo
Re:Posizione moduli
« Risposta #5 il: 01 Giu 2010, 10:53:49 »
Grazie bigham, ho seguito il tuo consiglio, ho  aggiunto le righe di codice qui sotto  in modo che il modulo  di destra si posizioni dal bordo in modo simmetrico rispetto al modulo di sinistra,  facendoli poi  avvicinare entrambi verso il centro, in modo simmetrico, è corretta la parte di codice aggiunta?
Vorrei chiederti un'altra cosa se posso: se passi il mouse sulle caselle all'interno delle quali non viene apparentemente  visualizzato nulla, appare il nome dei vari indici di borsa. Come sarebbe possibile visualizzarli in maniera permanente?? Grazie ancora?

<div style="float: left;  margin-top: 15px; margin-left: 25px;">
{loadposition worldmarkets}
</div>
<div>
<div style="float: right; margin-top: 15px; margin-right: 25px;">
{loadposition downjones}
</div>
« Ultima modifica: 01 Giu 2010, 14:10:34 da gabrib »

Offline bigham

  • Global Moderator
  • Instancabile
  • ********
  • Post: 3662
  • Sesso: Maschio
  • Contagiato dalla Joomlaite :)
    • Mostra profilo
Re:Posizione moduli
« Risposta #6 il: 01 Giu 2010, 19:18:30 »
Prego! ;D
Vedo che ci sei riuscito, quindi inutile dire che il codice html è corretto ;D
Questa potrebbe essere un'alternativa:

Codice: [Seleziona]
<div style="float: left; margin-top: 5px; margin-left: 25px; margin-right: 20px;">
{loadposition worldmarkets}
</div>

<div style="margin-top: 18px; margin-right: 25px;">
{loadposition downjones}
</div>

Ma alla fine anche quella scritta da te va bene.

Per il secondo problema analizzando le caselle del modulo apparentemente vuoto vedrai che in realtà è presente un link:
Esempio:
Codice: [Seleziona]
<a target="_blank" href="http://www.google.com/finance?q=INDEXFTSE:.FTSE">FTSE 100</a>
Il fatto che non si veda è dovuto alla classe del foglio di stile che formatta i link delle pagine. La trovi alla riga 989 del file template.css
Codice: [Seleziona]
a:link {
   color:#FFFFFF;
   font-family:Arial,Helvetica,Sans-Serif;
   text-decoration:underline;
}
Il colore #FFFFFF è il bianco, ecco perchè non si vedono i link.
Occhio che cambiando il colore del link cambierà ovunque sul sito.

Installati firebug perchè credo che tu abbia le conoscenze minime per poterlo usare
W Firebug!! ;D

Ciao
Ci sono più cose in cielo e in terra, Orazio, di quante ne sogni la tua filosofia.

Offline gabrib

  • Esploratore
  • **
  • Post: 173
    • Mostra profilo
Re:Posizione moduli
« Risposta #7 il: 01 Giu 2010, 23:10:44 »
Grazie bigham!!!!
Vorrei chiederti ancora una cosa: se clikki su DOW o NASDAQ vieni reinderizzato ad una pagina differente rispetto agli altri link e vorrei modificare questa cosa.  Pur avendo installato Firebug,  non riesco a capire dove andare a modificare quel link, come posso fare? Grazie ancora.
« Ultima modifica: 01 Giu 2010, 23:54:52 da gabrib »

Offline bigham

  • Global Moderator
  • Instancabile
  • ********
  • Post: 3662
  • Sesso: Maschio
  • Contagiato dalla Joomlaite :)
    • Mostra profilo
Re:Posizione moduli
« Risposta #8 il: 03 Giu 2010, 23:58:13 »
Beh! Su questo non credo che potrai farci molto. E' il modulo a costruire quei link e anche sul sito news4trade i moduli funzionano allo stesso modo, alcuni vanno su google, altri su news4trade.

Per modificare i link bisogna sicuramente modificare il codice del modulo. Ne vale la pena? ;)
Ci sono più cose in cielo e in terra, Orazio, di quante ne sogni la tua filosofia.

 



Web Design Bolzano Kreatif