ultimare il template

[ira83]

Ciao ragazzi!

Ho realizzato da zero questo template
che sto pian piano terminando... di seguito vi porgo un po di domandine...


per la parte "contenuti" ovvero dove andranno gli articoli, come mi consigliate di realizzarla?
in index.php ho solo le righe:

Codice: [Seleziona]

<div id="content" class="float">
<jdoc:include type="component" />
</div>e in css ho:

Codice: [Seleziona]

#content {
width: 700px;
text-align: left;
background-color: #f4f9fc;
}

Piu che altro la mia domanda è un po su come organizzarlo e come per l'appunto in caso formattare i testi...

ringrazio in anticipo.

ps. colori a parte, che ovviamente cambieranno (questa diciamo che è una demo...) cosa ve ne pare?

[govny]

il codice php lascialo così com'è, la parte che devi modificare è il foglio di stile.
Per formattare il contenuto degli articoli devi formattare tutte le classi interne a joomla che fanno riferimento a le varie parti dell'articolo stesso.
per esempio per formattare il titolo devi creare la classe: .contentheading e inserire le regole che ti servono tipo colore carattere, dimensioni ecc....
Per fare questo devi però conoscere le classi interne a joomla. Qui ne trovi un elenco:

http://wiki.joomla.it/index.php?title=Foglio_di_Stile_base_per_i_template_di_Joomla_1.5

[conti1]

ciao
e con il collassamento delle colonne come sei messo?
io mi preoccuperei prima di quello , della formattazione dei contenuti.
ps: e solo un mio parere  personale ma il footer fatto in quel modo non e che sia gradevole da vedere.

[ira83]

Ciao e grazie mille per le risposte....

per il "collassamento" ho un problemino, nel senso che ho un div che detta l'altezza...

Codice: [Seleziona]

  #center {
      width: 1000px;
     margin: auto;
  height:1000px;
      text-align: left;
    }so che è errato... infatti una delle mie domande è.. come risolvo l'altezza? nel senso che l'altezza varierà al variare della lunghezza dell'articolo....


e un'altra domanda sarebbe: come mai i contenuti non mi permettono di vedereil contorno violetta sulla sinistra? mentre a destra si?
il css è:

Codice: [Seleziona]

    #content {
      width: 680px;
      text-align: left;
  border-left: 10px solid #ffffff;
  border-right: 10px solid #ffffff;
       
      /*background-color: #f4f9fc;*/

    }
link al sito

[conti1]

per il "collassamento" ho un problemino, nel senso che ho un div che detta l'altezza...

che centra questo con  il collassamento?
collassare si intende tra le 2 colonne e il main , in mancanza  di una delle 2 o entrambe le colonne il main deve prendersi lo spazio , e non a nulla a che vedere con la tua risposta. 

[ira83]

ciao

non mi pare di aver problemi in quel senso...

mi è rimasto il problema dell' altezza... come potrei risolvere?

[govny]

può sembrare strano ma è un problema piuttosto serio e non è facilmente risolvibile.

[ira83]

be ma... se sto scrivendo da zero sia abbastanza normale?
non esiste qualche trucchetto sul css?

[govny]

non esiste una regola dei css che consenta di adattare la lunghezza di un div a quella del contenitore, come succede per la larghezza. Un trucco è quello di creare un secondo div all'esterno del contenitore con uno sfondo che copre solo una parte laterale in modo che quando il contenitore si allunga anche lo sfondo fa lo stesso. Però, ripeto bisogna modificare la struttura della pagina, non basta giocare sui css.