Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => I Template di Joomla 1.6/1.7/2.5 => : emacito 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.
-
ehm, mi scuso per il riferimento, non ci ho pensato ...
però avrei veramente bisogno di qualche indicazione!
qualcuno può aiutarmi?
-
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..
-
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..
-
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é .. :-)