Back to top

Autore Topic: collassamento colonna  (Letto 1822 volte)

Offline emacito

  • Nuovo arrivato
  • *
  • Post: 21
  • Sesso: Femmina
    • Mostra profilo
collassamento colonna
« il: 24 Feb 2012, 18:14:44 »
Salve,
ho creato un template con corpo centrale e una colonna a sinistra e una a destra. Vorrei far collassare la colonna di destra quando ad essa non sono assegnati moduli. In effetti questo succede, ma solo se clicco sui menu (c'è un menu a sinistra e un top menu), se invece richiamo un articolo per esempio dal modulo delle news o anche attivando il pulsante "leggi tutto", i contenuti si dispongono al centro della homepage (la sola pagina a cui sono assegnati moduli nella colonna di destra) e la colonna di destra non collassa. Ho già letto i topics dedicati a questo argomento ma non sono ferrata di php e css, per cui mi servirebbe veramente una risposta paziente e passo passo.
grazie
 
P.S. il template l'ho creato con *****, non riesco a ritrovare o ad adattare sul css le istruzioni per esempio del post di tonicopi.
 
 
Edit: eliminato riferimento commerciale.
« Ultima modifica: 24 Feb 2012, 18:27:39 da adottauncane »

Offline emacito

  • Nuovo arrivato
  • *
  • Post: 21
  • Sesso: Femmina
    • Mostra profilo
Re:collassamento colonna
« Risposta #1 il: 26 Feb 2012, 12:23:23 »
ehm, mi scuso per il riferimento, non ci ho pensato ...
però avrei veramente bisogno di qualche indicazione!
qualcuno può aiutarmi?

Offline mickeymouseone

  • Esploratore
  • **
  • Post: 158
    • Mostra profilo
Re:collassamento colonna
« Risposta #2 il: 26 Feb 2012, 13:54:11 »
Ciao,


per far collassare le colonne quando non vi è pubblicato nessun modulo è necessario che sia previsto dal template, come sicuramente nel tuo caso.


Per aggiungere questa funzione bisogna quindi mettere mano al codice HTML del template ed aggiungere la funzione.


Visto che non sei pratica di codici ti spiego passo passo come fare, cercando di essere il più chiaro possibile:


1- Dalla home page del pannello di controllo del lato amministrativo di Joomla clicchi sulla barra in alto il pulsante "Estensioni" --> "Gestione template"


2- Scegli il template che vuoi modificare, andando a selezionarlo e clicchi su "Modifica" (in alto a destra)


3- Ti si apre la pagina del template con la descrizione, clicchi su "Mod. HTML" (in alto a destra) e ti si apre il codice del tuo template.


4- Cerca la scritta "<head>" e subito dopo copia e incolla il seguente codice:


<?php if($this->countModules('left and right')) : ?>
<style type="text/css">
 #content <!-- mettere l'ID del vostro div da ridimensionare    -->
{
width:590px; <!-- mettere  la vostra misura -->
}
</style>
<?php elseif($this->countModules('left or right')) : ?>
<style type="text/css">
 #content <!-- mettere l'ID del vostro div da ridimensionare  -->
{
width:750px; <!-- mettere  la vostra misura -->
}
</style>
<?php else : ?>
<style type="text/css">
 #content <!-- mettere l'ID del vostro div da ridimensionare    -->
{
width:950px; <!-- mettere  la vostra misura -->
}
</style>
   <?php endif; ?>

ovviamente il tutto prima del comando "</head>" che poi chiude.


5- Clicchi su "Salva" e hai terminato il lavoro.


Non ti resta che provarlo ricaricando il tuo sito. Tieni conto che questo è un codice che ho trovato in un altro post ma che va personalizzato con le misure del tuo template.


Poi al limite fai alcune prove così capisci il funzionamento della funzione..


Offline mickeymouseone

  • Esploratore
  • **
  • Post: 158
    • Mostra profilo
Re:collassamento colonna
« Risposta #3 il: 26 Feb 2012, 13:55:37 »
Ciao,


per far collassare le colonne quando non vi è pubblicato nessun modulo è necessario che sia previsto dal template, come sicuramente nel tuo caso.


Per aggiungere questa funzione bisogna quindi mettere mano al codice HTML del template ed aggiungere la funzione.


Visto che non sei pratica di codici ti spiego passo passo come fare, cercando di essere il più chiaro possibile:


1- Dalla home page del pannello di controllo del lato amministrativo di Joomla clicchi sulla barra in alto il pulsante "Estensioni" --> "Gestione template"


2- Scegli il template che vuoi modificare, andando a selezionarlo e clicchi su "Modifica" (in alto a destra)


3- Ti si apre la pagina del template con la descrizione, clicchi su "Mod. HTML" (in alto a destra) e ti si apre il codice del tuo template.


4- Cerca la scritta "<head>" e subito dopo copia e incolla il seguente codice:


Citazione
<?php if($this->countModules('left and right')) : ?>
<style type="text/css">
 #content <!-- mettere l'ID del vostro div da ridimensionare    -->
{
width:590px; <!-- mettere  la vostra misura -->
}
</style>
<?php elseif($this->countModules('left or right')) : ?>
<style type="text/css">
 #content <!-- mettere l'ID del vostro div da ridimensionare  -->
{
width:750px; <!-- mettere  la vostra misura -->
}
</style>
<?php else : ?>
<style type="text/css">
 #content <!-- mettere l'ID del vostro div da ridimensionare    -->
{
width:950px; <!-- mettere  la vostra misura -->
}
</style>
   <?php endif; ?>

ovviamente il tutto prima del comando "</head>" che poi chiude.


5- Clicchi su "Salva" e hai terminato il lavoro.


Non ti resta che provarlo ricaricando il tuo sito. Tieni conto che questo è un codice che ho trovato in un altro post ma che va personalizzato con le misure del tuo template.


Poi al limite fai alcune prove così capisci il funzionamento della funzione..

Offline emacito

  • Nuovo arrivato
  • *
  • Post: 21
  • Sesso: Femmina
    • Mostra profilo
Re:collassamento colonna
« Risposta #4 il: 26 Feb 2012, 16:23:17 »
Ciao mickeymouseone,
intanto grazie. Ecco ma quello che non riesco a fare è proprio personalizzare i valori, nel senso che nel forum avevo già trovato questo codice ma come faccio ad indentificare il mio ID quando mi chiede per 3 volte
 
#content <!-- mettere l'ID del vostro div da ridimensionare    -->

e le tre misure che devo indicare a cosa corrispondono? il mio template ha una colonna a sinistra di 230 px, un content centrale di 560 px, e una colonna a destra di 230 px (quella che io vorrei far collassare). Quindi mi pare di capire che le misure che io dovrei indicare in sequenza sono 230 , 790 , 1020.
Scusa, ma l'ho detto che non ci capisco granché .. :-)

 



Web Design Bolzano Kreatif