Joomla.it Forum

Joomla! 3 => Joomla! 3 => : smanimania 18 Apr 2015, 17:12:35

: Giornale online con bande laterali
: smanimania 18 Apr 2015, 17:12:35
Salve,
Sto creando un piccolo giornale online con joomla 3.3.
Per gli articoli in home page  ho utilizzato k2 per creare la formattazione delle anteprime degli articoli tipica dei giornali online.
Il problema è il seguente:
Voglio aggiungere due immagini lunghe e strette laterali,una sul margine destro è una sul margine sinistro e gli articoli devono restare centrali.
Ho pensato di inserire le immagini utilizzando moduli html personalizzati ma il problema è la posizione dei moduli che devono restare fissi sui lati;
Come posso risolvere?
Grazie per l'attenzione,
Smanimania
: Re:Giornale online con bande laterali
: giusebos 18 Apr 2015, 17:35:59
sul mmargine destro e sinistro dentro il content o fuori....per queste cose ci vuole un link al sito comunque altrimenti è come andare dal dottore senza paziente.
: Re:Giornale online con bande laterali
: smanimania 18 Apr 2015, 18:05:05
Fuori il content,il sito è ancora in locale;
Potete aiutarmi comunque?
Grazie
: Re:Giornale online con bande laterali
: giusebos 18 Apr 2015, 18:15:24
se non tocco con mano non saprei come fare, mi dispiace.
: Re:Giornale online con bande laterali
: smanimania 18 Apr 2015, 18:25:27
************link non disponibile
: Re:Giornale online con bande laterali
: giusebos 18 Apr 2015, 18:35:34
ma tu esattamente cosa vuoi mettere fuori dal content? Hai considerato che queste modifiche devono poi convivere con il fatto che il template è responsive e che quindi potrebberò influire sullla visualizzazione del sito in schermi di tablet e smartphone.

In oltre che tipo di aiuto ti serve, sai mettere mano al codice, riesci ad andare avanti con semplici indicazioni, oppure ti serve una guida passo passo? Ti dico subito per essere chiari che per la seconda oggi non ho voglia.....
: Re:Giornale online con bande laterali
: smanimania 18 Apr 2015, 18:54:13
vogliamo mettere due immagini strette Max 100px di larghezza e come altezza 800px.
Abbiamo impostato uno schema fisso per il template e non fluido;
la spalletta destra che si vede ora verrà sostituita con l'immagine.
Invece inserendo le immagini all'interno del content è più semplice?
Conosco un po' il codice ma a livello medio-basso;
Grazie
: Re:Giornale online con bande laterali
: giusebos 18 Apr 2015, 18:57:38
forse quello che vuoi ottenere è quello che si vede in questa pagina a dx, c'è un banner affiancato al content.

la prima cosa che devi fare è aggiungere due nuovi div fuori dal content, questi poi a livello grafico e di posizione saranno regolati da istruzioni al css che integrerai
: Re:Giornale online con bande laterali
: smanimania 18 Apr 2015, 18:59:35
Ok ti ringrazio,proviamo e poi aggiorniamo il post  ;)
: Re:Giornale online con bande laterali
: smanimania 22 Apr 2015, 08:46:44

Eccoci tornati  ;)
Il problema sembra essere risolto..


passo passo quello che ho fatto: Ho aggiunto una nuova posizione aggiungendo al file TemplateDetails.xml questo codice:



[/code]<position>boxsx</position>
<position>boxdx</position>
:
[/font]




Ho aggiunto all'interno del file index.php queste righe di codice per le due nuove posizioni:


<div class="rt-container">
      <?php if ((bool)$this->countModules('boxsx')) : ?>
   <div id="boxsx">
     <jdoc:include type="modules" name="boxsx" style="xhtml" />    <>
          <>
 <?php endif; ?>
         
         
          <div class="rt-container">
      <?php if ((bool)$this->countModules('boxdx')) : ?>
   <div id="boxdx">
     <jdoc:include type="modules" name="boxdx" style="xhtml" />    <>
          <>
 <?php endif; ?>
:





nel file css ho aggiunto questi codici:



[size=10px]

#boxsx
{
    background: none;
    position: absolute;
    height: 2000px;
    width: 130px;
    top: 650px;
    left: 2px
     
}
 
@media only screen and (min-width: 600px)
{
    #boxsx
    {
        background: url(images/box-ok.png);
    }
}


#boxdx
{
   background: none;
    position: absolute;
    height: 2000px;
    width: 130px;
    top: 650px;
    right: 2px
}
 
@media only screen and (min-width: 600px)
{
    #boxdx
    {
        background: url(images/box-ok.png);
    }
}


[/code]

quando cancello la cache le modifiche vengono perse...come posso risolvere?
Grazie