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 => : Rik73 23 Nov 2013, 09:57:23
-
Buon giorno a tutti,
Ringrazio anticipatamente chi vorrà rispondere e mi scuso per la banalità del quesito, al quale però non riesco
a trovare risposta, nonostante mi stia cimentando con Joomla da diversi giorni.
In breve, il mio è un problema di metodo. Non sono riuscito a capire qual'è lo strumento,
la procedura adatta, per organizzare più immagini all'interno di una specifica area del template.
Ad esempio per disporre i contenuti come nell'area cerchiata di verde nello screenshot allegato
qual'è la strada giusta? Uso un modulo HTML personalizzato all'interno del quale cerco di impaginare
le "icone"? o sono fuori strada e l'approccio da utilizzare è tutt'altro.
Grazie!
[allegato eliminato automaticamente dopo un anno]
-
Puoi ottenere lo stesso layout in 3 modi :
1- controlli se il template abbia due posizioni (per esempio sidebar-a e sidebar-b) quindi crei 2 moduli custom html che pubblicarai in sidebar-a e sidebar-b , due ciascuno
2- crei un codice htm a mano e lo formatti con il css
3- puoi usare una tabella 2x2 e ci inserisci le immagini già fatte.
-
grazie mille Alessio!
Ma le tabelle inserite in un modulo HTML personalizzato sono "responsive"?
Avevo già provato il terzo modo da te suggerito ma l'impaginazione
mi dava dei problemi, sbaglio qualcosa?
-
eh magari....consegnerei i progetti in 3gg se così fosse.
una via è quella di scrivere il css in modo tale che sia responsive, per esempio quello sotto, è fatto proprio in 2 minuti e testato solo su FF Mac, prendi quindi le dovuto precauzioni.
<style type="text/css">
div#responsive_container {
display: block;
left: auto;
margin: 0 auto;
right: auto;
width: 100%;
}
div.box {
max-width: 100%;
float: left;
margin: 0 auto;
}
div.box img {
float: left;
}
</style>
<body>
<div id="responsive_container">
<div class="box">
<img src="joomla-icon.png" />
</div>
<div class="box">
<img src="joomla-icon.png" />
</div>
<div class="box">
<img src="joomla-icon.png" />
</div>
<div class="box">
<img src="joomla-icon.png" />
</div>
</div>
-
Grazie Alessioa, molto gentile!
Mi sa che inizierò a studiare un po'
di HTML e mi orienterò sulle soluzioni 1 e 2
da te suggerite.
-
Bravo! Good idea :)
Metti [RISOLTO] davanti al titolo del primo post.
grazias.