Joomla.it Forum

Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : LadyK 23 Jan 2011, 23:31:56

: leftcolumn
: LadyK 23 Jan 2011, 23:31:56

ciao a tutti sto utilizzando il template rhuk_milkway. ho costruito un top menu e un sottomenu che mi compare sulla sinistra con SW MENU FREE.


vorrei che a sinistra come sfondo del mio sottomenu ci fosse una colonna di colore grigio  che si allunga o accorcia a seconda della dimensione della pagina centrale. qs è il codice che ho scritto

#leftcolumn {
   width: 20%;
   float:left;
   background:#eeeeee  repeat-y 100% 0;
   
}

solo che il repeat-y dipende dalla lunghezza del mio sottomenu e non dalla pagina centrale.

come posso fare ?

[allegato eliminato da un amministratore]

: Re:leftcolumn
: adottauncane 24 Jan 2011, 00:38:01

Ciao LadyK,
un link al sito?

: Re:leftcolumn
: LadyK 24 Jan 2011, 12:41:48

ci sto lavorando in locale. ti invio però uno screenshot di un'ipotetica pagina interna.

come puoi notare la colonna a sinistra grigia ,che fa da sfondo al sottomenu, appare più corta rispetto la pagina centrale. vorrei avere la colonna che si estende per tutta la lunghezza della pagina.

ora essendo le pagine interne di dimensione variabile, non posso a priori conoscere la dimensione. qs è il codice

#leftcolumn {
   width: 20%;
   float:left;
   background:#eeeeee  repeat-y 100% 0;
   
}




[allegato eliminato da un amministratore]

: Re:leftcolumn
: adottauncane 24 Jan 2011, 22:36:53

Mmmm mi sa che l'unica soluzione è inserire un'immagine larga quando il content che abbia quella parte grigia. Basta che sia alta un paio di pixel e poi la ripeti. Una striscia grigia larga quanto la colonna e poi bianca da mettere qui:

:

#whitebox {
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-image: url("../images/sfondo.jpg"); <----
    background-position: 0 0;
    background-repeat: repeat-y;
    margin-bottom: 0;
    margin-left: 21px;
    margin-right: 21px;
    margin-top: 0;
    width: auto;
}template.css (riga 176)

: Re:leftcolumn
: LadyK 25 Jan 2011, 10:22:23

se non ho capito male intendi associare la colonna grigia al content "whitebox" al posto di leftcolumn???

ci provo e ti faccio sapere


grazie 1000

: Re:leftcolumn
: LadyK 25 Jan 2011, 11:51:09

ciao adottauncane,

ho provato la tua soluzione e devo dire che funziona (ottima intuizione)

l'unico mio problema è che non riesco a spostare la mia immagine di sfondo verticalmente; orizzontalmente funziona.

ti copio il codice

#whitebox1 {
-moz-background-clip: border;   
-moz-background-origin: padding;   
-moz-background-size: auto auto;   
background-attachment: scroll;   
background-image: url("../images/leftcolumn.jpg"); 
background-position: 10px 100px;
background-repeat: repeat-y;   
margin-bottom: 0;   
margin-left: 0px;   
margin-right: 21px;   
margin-top: -10px;   
width: auto;
}


PS: ti allego lo screenshot del sito...come puoi notare rimane quel grigio oltre il menu principale


cosa sbaglio?

[allegato eliminato da un amministratore]

: Re:leftcolumn
: adottauncane 25 Jan 2011, 12:59:20

Senza link non riesco a dirtelo...  :(