Back to top

Autore Topic: [RISOLTO] incolonnamento articoli (non si suddividono in colonne) j1.7  (Letto 2765 volte)

Offline Nescio

  • Esploratore
  • **
  • Post: 67
    • Mostra profilo
Salve a tutti.
Ragazzi.. è da molto che non metto mano a joomla e alla creazione di template. Ero molto pratico con tutte le versioni fino alla 1.5, ma per vari motivi non ho potuto continuare a lavorare con joomla e il webdesign in generale.
Sto usando la versione 1.7, è possibile che mi sia perso qualche opzione.. ma sto impazzendo.
in pratica ho creato un template ex novo (ed è stato un CASINO trovare un css pulito e completo per il core di joomla -almeno spero sia completo..devo verificare), ma non capisco perché gli articoli in evidenza non si incolonnano l'uno accanto all'altro. Ho guardato le impostazioni della voce di menu (tutte messe su Globali), ho settato 1 articolo principale, 6 articoli da visualizzare, 3 colonne. Ho provato sia con allineamento verticale che orizzontale, ma niente: gli articoli si dispongono sempre l'uno sotto l'altro.
Per favore.. sto sbattendo la testa da troppe ore per risolvere tutte le piccole cose che ho dimenticato..
potete aiutarmi con questo problema molto stupido?

grazie in anticipo.
« Ultima modifica: 20 Apr 2012, 11:14:01 da Nescio »

adottauncane

  • Visitatore
Ciao Nescio,
prova ad aggiungere questo css

Codice: [Seleziona]
/*colonne*/

.cols-2 .column-1 {
    float: left;
    width: 48%;
}
.cols-2 .column-2 {
    float: right;
    margin: 0;
    width: 48%;
}
.item {
    display: block;
    padding: 0 5px 10px;
}
.column-1, .column-2, .column-3 {
    padding: 0px;
}
.items-row {
    margin-top: 15px !important;
    overflow: hidden;
}
.cols-1
{
  display: block;
  float: none !important;
}
.cols-3 .column-1
{
  float:left;
  width:29%;
  padding: 0px;
  margin-right:4%;

}
.cols-3 .column-2
{
  float:left;
  width:29%;
  margin-left:0;
  padding: 0px;
}
.cols-3 .column-3
{
  float:right;
  width:29%;
  padding:0px;
}

Offline Nescio

  • Esploratore
  • **
  • Post: 67
    • Mostra profilo
Grazie! A parte che ti faccio i miei complimenti per il bellissimo nickname, credo di aver capito come funziona..
quando setto un numero X di colonne nel pannello di amministrazione (gestione articoli - opzioni - contenuti in evidenza // oppure nella voce di menù) verrà stampata una pagina di questo tipo:

div.blog-featured [contiene TUTTA la pagina degli articoli in prima pagina, paginazione compresa]
-div.items-leading [eventuali articoli in evidenza]
-div.items.row.cols-X.row-0 [è la prima riga di X colonne che contiene quindi X articoli]
--div.item.column-1 [è la prima colonna all'interno della prima riga]
...
--div.item.column-x [è la x colonna all'interno della prima riga]

e così via..
quindi in fase di progettazione del template si deve decidere a priori fino a quante colonne vogliamo permettere di visualizzare.. (il che è un po' stupido, perché allora la pagina della gestione dell'incolonnamento degli articoli dovrebbe essere inserita all'interno della gestione del template in uso)

Per chi come me si è sentito disorientato, aggiungo quanto segue.
Ordinamento multicolonna presente nelle opzioni nel pannello di gestione ha due opzioni: verticale e orizzontale.
Verticale = gli articoli saranno visualizzati l'uno accanto all'altro ma ordinati l'uno sotto l'altro:
1-3-5
2-4-6
Orizzontale = gli articoli saranno visualizzati l'uno accanto all'altro e ordinati l'uno accanto all'altro:
 1-2-3
 4-5-6

Grazie ancora per l'aiuto!

 



Web Design Bolzano Kreatif