Back to top

Autore Topic: Ja Purity gestione spazi  (Letto 1585 volte)

Offline Liviobbi

  • Esploratore
  • **
  • Post: 103
    • Mostra profilo
Ja Purity gestione spazi
« il: 09 Feb 2011, 14:58:09 »
Ciao a tutti,
so che avete parlato in diversi articoli di questo template ma non riesco ugualmente a risolvere due cosette..
Il sito di riferimento è www.driverecorder.it :

1) devo portare la colonna sinistra "a piombo" con il riquadro arancione "Autotrasportatori".
Per farlo ho spulciato nel template i file css e html modificando senza successo queste due sezioni:

Html:

<!-- BEGIN: LEFT COLUMN -->
      <div id="ja-col1">
         <jdoc:include type="modules" name="left" style="xhtml" />
      </div>

      <!-- END: LEFT COLUMN -->
Inserendo

<!-- BEGIN: LEFT COLUMN -->
      <div id="ja-col1">
         <jdoc:include type="modules" name="left" width="350px" style="xhtml" />
      </div>

      <!-- END: LEFT COLUMN -->

CSS:

file template.css

/* LEFT COLUMN + RIGHT COLUMN
--------------------------------------------------------- */
#ja-col1 {
   float: left;
   padding-top: 30px;
        overflow: hidden;
}

ho aggiunto la riga width: 350px;

--------------------------------------

In entrambi i casi non ho avuto alcun cambiamento della colonna sinistra.



2) Seconda questione

Devo rimpicciolire lo spazio bianco fra le categorie (che fra un po' avranno un'immagine ora sono grigie) Driverecorder, defender etc.. e il banner sopra.
La tabella con le tre categorie è stata inserita in un articolo, non è un modulo.

Grazie della lettura

Offline Liviobbi

  • Esploratore
  • **
  • Post: 103
    • Mostra profilo
Re:Ja Purity gestione spazi
« Risposta #1 il: 17 Feb 2011, 12:35:28 »
Con !important funziona, cambia dimensione la colonna sinistra

/* LEFT COLUMN + RIGHT COLUMN
--------------------------------------------------------- */
#ja-col1 {
   float: top left;
   padding-top: 30px;
        overflow: hidden;
        background-color: grey !important;
        width: 200px !important;
       
}

Però 200px è la dimensione massima che posso dare se no il contenuto della colonna sinistra finisce sotto il contenitore centrale.
Su quale parte del template bisogna intervenire per ridimensionare il corpo centrale?

Ora la situazione è questa.
Contenitore totale= 1000px
Colonna sinistra= 200px (20%)


Offline Liviobbi

  • Esploratore
  • **
  • Post: 103
    • Mostra profilo
Re:Ja Purity gestione spazi
« Risposta #2 il: 17 Feb 2011, 17:10:47 »
Continuo nel monologo...risolto quello, ora ce n'è un altro di problemi..
sito www.driverecorder.it :
Devo eliminare lo spazio bianco (non so se padding o margin) che ci sono fra i riquadri grigi (con i titoli Drive recorder, defender, tracksystem) e i margini superiori e sinistro della parte centrale.
In particolare in alto dall'immagine di sfondo c-bg2.gif
 


la soluzione della precedente domanda per chi fosse interessato è qui:
da un vecchio post:
Re: larghezza sfondo colonna sx template ja-purity
« Risposta #7 il: 16 Mar 2009, 22:00:31 »

Modificare il valore della proprietà width dei seguenti identificatori, ricordando che si riferiscono alla larghezza della colonna sx e del corpo centrale e quindi sono complementari:

#ja-mainbody-fr #ja-col1 (line 827)
#ja-mainbody-fr #ja-contentwrap (line 831)
#ja-mainbody-fr #ja-contentwrap (line 855)
#ja-mainbody-fr #ja-col1 (line 860)
#ja-mainbody-fr #ja-contentwrap (line 865)
#ja-col1 (line 1283)

Col tema di fondo lighter la colonna sx ha uno sfondo che è dato dalle due immagini c-bg1.gif e c-bg2.gif che si trovano nella cartella styles/background/lighter/images. Se si varia la larghezza della colonna è opportuno adeguare lo sfondo.

 



Web Design Bolzano Kreatif