Back to top

Autore Topic: [RISOLTO] Dividere frontend...come posso fare?  (Letto 1776 volte)

Offline Toni

  • Appassionato
  • ***
  • Post: 208
    • Mostra profilo
[RISOLTO] Dividere frontend...come posso fare?
« il: 28 Mag 2010, 15:07:07 »
Salve ragazzi.
Ho bisogno di un aiutino sul mio template. Il sito è questo www.ps3zone.net
Come vedete la struttura del sito è fatta così:


Io vorrei far divetare la struttura in questo modo:


Vorrei quindi dividere la parte A in A e B avendo quindi la possibilità di inserire due moduli uno accanto all'altro. Come posso fare?
Grazie
« Ultima modifica: 01 Giu 2010, 17:54:47 da Toni »

Offline floyd1616

  • Appassionato
  • ***
  • Post: 497
  • Sesso: Maschio
    • Mostra profilo
Re:Dividere frontend...come posso fare?
« Risposta #1 il: 28 Mag 2010, 16:07:15 »
ciao,
dovresti scrivere qualche rigo di codice nel file index.php, compresa una condizione (if) che controlla la presenza o meno dei moduli, altrimenti te li troverai in tutte le pagg.
Poniamo il caso che tu abbia una cosa del genere:

Codice: [Seleziona]
<div id="content">
    <jdoc:include type="component" />
</div>

dove

Codice: [Seleziona]
<jdoc:include type="component" />

ti farà vedere i tuoi contenuti.

Presumo che a te i 2 moduli interessino solo in home, o in una pag. interna, potresti fare in questo modo:

Codice: [Seleziona]
<div id="content">
    <jdoc:include type="component" />


<?php  if($this->countModules('modulo-sx')) : ?>
<div class="left">
       <jdoc:include type="modules" name="modulo-sx" style="xhtml" />
</div>
<?php endif; ?>         

<?php  if($this->countModules('modulo-dx')) : ?>
<div class="right">
       <jdoc:include type="modules" name="modulo-dx" style="xhtml" />
</div>
<?php endif; ?>     
</div>


Nel file css ti scrivi le tue dichiarazioni di codice.

I 2 moduli, ovviamente, li assocerai alla sola voce di menu home oppure a qualsiasi altra, e non  a tutte le pagg.

Floyd

Offline Toni

  • Appassionato
  • ***
  • Post: 208
    • Mostra profilo
Re:Dividere frontend...come posso fare?
« Risposta #2 il: 28 Mag 2010, 17:16:01 »
Premetto che non sono un espertone di codice ma faccio una prova :D
Unica cosa tempo fa mi venne detto una cosa da aggiungere alla fine del link del sito per vedere le posizioni sul sito...era tipo un /%t qualcosa del genere non mi ricordo eheh.
Qualcuno me lo potrebbe ridire?
Grazie!

adottauncane

  • Visitatore
Re:Dividere frontend...come posso fare?
« Risposta #3 il: 28 Mag 2010, 18:00:47 »
Ciao Toni,
/?tp=1 dopo l'indirizzo del tuo sito, oppure clicchi sul nome del tuo template e clicchi Anteprima in alto a destra. Mi sembra che tu abbia già aggiunto un modulo "center". Se non l'hai inserito tu ed è di default nel tamplate cercalo sul file index.php nella cartella del tuo template. Ricopialo uguale sotto e poi dagli in nome centerb (ad esempio), associandolo allo stesso div di center che è:
template.css (riga 24)
#nuovo_div  {
float:left;
width:100%;
}
Cambia width:100%; con width:50%;
e dovrebbero affiancarsi.
poi puoi aggiungere altri codici, padding ecc.
Quando associ il modulo che vuoi inserire alla posizione center o centerb, basta che le scrivi center o centerb nella tendina delle posizioni.

Offline Toni

  • Appassionato
  • ***
  • Post: 208
    • Mostra profilo
Re:Dividere frontend...come posso fare?
« Risposta #4 il: 28 Mag 2010, 18:59:33 »
Si il center l'ho creato io :)
Ho seguito un topic che trovai qui tempo fa :P
« Ultima modifica: 28 Mag 2010, 19:09:43 da Toni »

Offline Toni

  • Appassionato
  • ***
  • Post: 208
    • Mostra profilo
Re:Dividere frontend...come posso fare?
« Risposta #5 il: 28 Mag 2010, 19:10:40 »
Comunque no non va bene fatto così :(
Se faccio così mi fa 50% il center e 50% la nuova posizione.
A me il center deve rimanere così grande e sotto altre 2 posizioni con il 50% di larghezza.

adottauncane

  • Visitatore
Re:Dividere frontend...come posso fare?
« Risposta #6 il: 28 Mag 2010, 22:29:44 »
Creane un'altra ancora, sempre sotto, e alla seconda e la terza dai un div nuovo es:
Codice: [Seleziona]
#nuovo_div1  {
float:left;
width:50%;
}
mentre a nuovo_div rimetti width:100%;
nelle posizione centerb e certerc scrivi nuovo_div1 dove adesso c'e nuovo_div.
Così avrai 1 posizione (center) al 100% e due sotto che dovrebbero affiancarsi.
« Ultima modifica: 28 Mag 2010, 22:39:29 da adottauncane »

Offline Toni

  • Appassionato
  • ***
  • Post: 208
    • Mostra profilo
Re:Dividere frontend...come posso fare?
« Risposta #7 il: 01 Giu 2010, 15:40:25 »
Sto provando ora a farlo, vediamo che esce fuori.
Grazie dell'aiuto comunque ;)

Offline Toni

  • Appassionato
  • ***
  • Post: 208
    • Mostra profilo
Re:[RISOLTO] Dividere frontend...come posso fare?
« Risposta #8 il: 01 Giu 2010, 17:55:03 »
Ok ci sono riuscito! Grazie! :D

 



Web Design Bolzano Kreatif