Back to top

Autore Topic: [Risolto] Distanza tra i moduli in un template personalizzato  (Letto 1242 volte)

Offline nannyranz

  • Nuovo arrivato
  • *
  • Post: 15
    • Mostra profilo
Salve a tutti,sono nuovo di questo forum ed i Joomla.
Solo da un paio di giorni sto testando questo cms e mi sono buttato nell'impresa di realizzare un mio template.
Navigando su internet sto trovando tutti gli aiuti possibili,ma ora mi sono un pò impantanato.
Il mio problema è questo: nella colonna di sinistra e di destra non riesco a distanziare i vari moduli e il risultato dal punto di vista grafico è orribile,in quanto i moduli sono uno sopra l'altro senza spazio.
Il sito è questo:http://www.grantrionfo.eu/joomla, ovvviamente è ancora incompleto, devo ancora creare le immagini per altre pagine che devo collegare e via dicendo,ma prima di andare avanti vorrei risolvere il problema.
Nel file css il codice con cui provo a gestire la colonna di sinistra è questo:
Codice: [Seleziona]
#sidebar_left {
      text-align: left;
       background-color:#FFFFFF;
      width: 150px; 
      border-bottom: 1px solid #e2e2e2;
      padding: 5px;
     
    }
.float {
      float: left;
    }
 
mentre nel template
Codice: [Seleziona]
<div id="sidebar_left" class="float">

        <jdoc:include type="modules" name="left"/>
          </div>
.

Dov'è che sbaglio?
Grazie dell'aiuto che mi darete
« Ultima modifica: 04 Giu 2011, 12:36:24 da nannyranz »

Offline govny

  • Appassionato
  • ***
  • Post: 260
    • Mostra profilo
Re:Distanza tra i moduli in un template personalizzato
« Risposta #1 il: 02 Giu 2011, 13:53:44 »
quello che hai scritto serve per formattare l'intera barra di sinistra. se vuoi distanziare i moduli contenuti al suo interno, devi assegnare una regola ai singoli moduli, per esempio assegnando a ciascuno un margin-bottom: 10px;

la classe interna a joomla 1.5 che formatta i moduli dovrebbe essere .module, quindi potresti fare una regola del genere:

div.module {
   margin-bottom: 10px;
}

poi se vuoi formattare in modo differente i singoli moduli metti un suffisso (per come si usano i suffissi prova a cercare in rete)

Offline nannyranz

  • Nuovo arrivato
  • *
  • Post: 15
    • Mostra profilo
Re:Distanza tra i moduli in un template personalizzato
« Risposta #2 il: 02 Giu 2011, 18:56:26 »
Ho provato a inserire nel file css questa regola,ma non è cambiato nulla. Per caso devo modificare qualcosa anche nel file index?

Offline govny

  • Appassionato
  • ***
  • Post: 260
    • Mostra profilo
Re:Distanza tra i moduli in un template personalizzato
« Risposta #3 il: 02 Giu 2011, 20:26:01 »
prova ad aggiungere nell'index.php:

style="rounded"

così:

<jdoc:include type="modules" name="left" style="rounded" />

ovviamente stai usando joomla 1.5. perchè con la 1.6 le classi sono diverse.

 



Web Design Bolzano Kreatif