problema nel visualizzare un componente

[peppe990]

Buona sera amici del forum, ho scaricato questo bellissimo template, a me piace molto e poi ha una licenza gnu/gpl quindi si può rendere ancora più bello, solo che ho un problema.
Nella Home si vede al centro una immagine, molto grande, che poi personalizzerò, questa cosa mi piace molto di avere l'immagine grande centrale anche perchè è solo nella home. Andando in guestbook o altri parti del sito non c'e. Vi state domandando: embé è che vuoi?!? Ecco il problema sta quando vado nel forum, tra l'indice e il forum vero è proprio c'e tantissimo spazio, proprio come se ci fosse l'immagine. Dato che non so essere chiaro metto il link del template:
http://www.joomla.it/template/elenco-template/4393-wm08j15.html
ed il link al sito:
http://www.pepix.it/
il problema sta quando visualizzate il forum.

Grazie mille

[adottauncane]

Ciao peppe990,
non è l'immagine a causare il problema ma il modulo sulla destra (se vedi l'altezza coincide con lo spazio bianco).
Prova ad aggiungere questa riga qui:

Codice: [Seleziona]

#content {
.
    float: left; <------- questa
.
}template.css (riga 29)

e controlla che non dia fastidio alle altre pagine. Avvicinerà un po' il footer ma puoi distanziarlo con un margin.

[peppe990]

ciao adottauncane, come al solito riesci a risolvere tutto. Però come prevedevi ora c'è il problema del footer come posso fare per risolvere?

Grazie mille di tutto

[adottauncane]

Sempre nel css del content aggiungi:

Codice: [Seleziona]

#content {
.
    margin-bottom: 20px !important; <------- questa
.
}

[peppe990]

wow incredibile, ma sei bravissimaaaaaa.
Ti posso chiedere un ultima cosa? Allora con firebug volevo provare a fare qualche modifica. Per prima cosa volevo ingrandire un po la parte centrale del template (per capirci quella dove si leggono gli articoli) allora con firebug ho trovato questi valori

Codice: [Seleziona]

#content {
    background-color: #FFFFFF;
    border: 1px solid #BBBBBB;
    float: left;
    margin-bottom: 20px !important;
    padding: 15px;
    width: 650px;Se aumento il valore width riesco ad ottere cio che voglio, ma il modulo di destra poi da problemi. In pratica si sovrappone, hai qualche idea per risolvere pure questo problema?

P.S. ma il modulo di destra crea solo casini......

[adottauncane]

Se aumenti a 750px il content (ad esempio, ma non farei di più però...) poi aumenta il wrapper degli stessi px

Codice: [Seleziona]

#wrapper {
    font-family: Tahoma,Arial,sans-serif,Verdana;
    font-size: 12px;
    line-height: 1.5em;
    margin-left: auto;
    margin-right: auto;
    width: 1050px; <------ così
}
template.css (riga 14)

[peppe990]

Grazie.... bè dai dato che ci siamo ti faccio altri due quesiti.
Questo template è un pò "strano" per due motivi;
1) anche se ho, va bé hai, ingrandito il template gli aritcoli si vedono male, guarda questo il video sta proprio vicinissimo alla scritta:
http://www.pepix.it/index.php/musica/7-jennifer-lopez/9-jennifer-lopez-im-into-you
2) nel file templatedetails.xml il template ha tantissime posizioni ma alla fine se ne possono usare solo 3, e le altre?!?

[adottauncane]

Allora aggiungi questo al fondo del file template.css

Codice: [Seleziona]

.contentpaneopen {
    width: 100%;
}
Bo... io ne vedo poche... le classiche. Dal backend hai qualche possibilità di gestione? Magari spostare left a sinistra (adesso è a destra)? E che posizioni hai nel file che non ci sono in effetti?

Adesso però scendo il cane... 'Notte.

[peppe990]

Buongiorno, grazie mille ora pure gli articoli sono apposto. Ma questo codice a che serve:

Codice: [Seleziona]

.contentpaneopen {
    width: 100%;
}
Comunque nel file templatedetails ci sono le seguenti posizioni:

Codice: [Seleziona]

<positions>
    <position>left</position>
    <position>right</position>
    <position>top</position>
    <position>bottom</position>
    <position>inset</position>
    <position>banner</position>
    <position>header</position>
    <position>footer</position>
    <position>newsflash</position>
    <position>legals</position>
    <position>pathway</position>
    <position>breadcrumb</position>
    <position>user1</position>
    <position>user2</position>
    <position>user3</position>
    <position>user4</position>
    <position>user5</position>
    <position>user6</position>
    <position>user7</position>
    <position>user8</position>
    <position>user9</position>
    <position>advert1</position>
    <position>advert2</position>
    <position>advert3</position>
    <position>debug</position>
    <position>syndicate</position>
  </positions>ma se vado nel back end, gestione template, seleziono questo template (wm_08_j15), modifica, anteprima le uniche posizioni che visualizza sono:
user 3 - left - right - footer.

I misteri dell'informatica....

[adottauncane]

Come a che serve?  A mettere a posto gli articoli...
Altrimenti se hai, come in questo caso, un articolo con delle righe corte, non si allarga a tutto il content...

magari hanno preso un file di un altro template per non stare a riscriverlo. Però se aggiungi delle posizioni, sono già scritte lì...

[peppe990]

Allora che nel templatedeatils la voce right esiste ho provato a creala in modo da farla vedere nel sito. Il template mette la voce left e right entrambe a destra.
Allora del template css ho creato una nuova voce, cosi:

Codice: [Seleziona]

#left{
float:right;
width:218px;
background-color:#ffffff;
padding: 15px;
border: 1px solid #bbbbbb
margin-bottom:20px;prima esisteva solo right.

Ora dovrei aggiungere la posizione nel file index.php e qui nascono i problemi. Dove devo inserire la posizione? cioè in poche parole come faccio a dire al file index questa posizione io la voglio qui.

Grazie mille

[adottauncane]

Ma, tipo così:

Codice: [Seleziona]

    <div id="mainsite">

        <div id="left">
        <jdoc:include type="modules" name="left" style="xhtml" />

        </div>
   
        <div id="right">
        <jdoc:include type="modules" name="right" style="xhtml" />
        </div>
   
    <div id="content">
ma il css deve essere così:

Codice: [Seleziona]

#right {
float:right;
width:180px;
background-color:#ffffff;
padding: 15px;
border: 1px solid #bbbbbb;
margin-bottom:20px;
}

#left {
float:left;
width:180px;
background-color:#ffffff;
padding: 15px;
border: 1px solid #bbbbbb;
margin-bottom:20px;
margin-right:20px;
}

#content {
float:left;
width:460px;
background-color:#ffffff;
padding: 15px;
border: 1px solid #bbbbbb;
margin-bottom:20px;
}
Adesso io ho messo 180px e non 218px ma tu puoi fare i calcoli delle misure che vuoi.
Naturalmente la foto va ridimensionata...
Però perché fare un template così, come tutti gli altri e pure senza colonne collassabili? Ci sono template così già pronti con le colonne collassabili e tutto il resto...

[peppe990]

ciao ed ancora grazie per il tuo aiuto. A dire il vero a me non interessa molto la colonna di sinistra. Questo template mi piace molto, grazie al tuo aiuto è davvero perfetto, solo che ha solo 4 posizioni. Volevo capire come si edita il file index.php per aggiungere nuove posizioni. Ma mi sa che è un pò dura per le mie pochissime nozioni di linguaggi web

[maicolstaip]

Ciao peppe,
http://wiki.joomla.it/index.php?title=Come_aggiungo_nuove_posizioni_modulo%3F

[peppe990]

a grazie, inizierò a leggere da li e magari vediamo se nel web c'è una guida più dettagliata per principianti.

Grazie mille a tutti per l'aiuto