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 => : idroweb 12 Sep 2013, 11:01:10

: [Risolto]Adattare la sidebar alla larghezza del template Beez_20
: idroweb 12 Sep 2013, 11:01:10

Ciao, dopo varie prove nei file css vi chiedo gentilmente come posso  adattare la sidebar alla larghezza del template Beez_20 invece che estesa per tutto lo schermo,

il codice di posizionamento inserito nel modulo in position-13 o 14 attuale é:

:

<div>
<div style="z-index: 999999999; left: 0px; bottom: 0px; width: 100%; position: fixed; background-color: #2a448d; background-image: -moz-linear-gradient(center bottom , #2a448d 18%, #006ECF 70%);">
<div style="margin-left: auto; margin-right: auto; width: 100%; text-align: center; color: #fff;">
</div>
</div>
</div>
[code]

Grazie



: Re:Adattare la sidebar alla larghezza del template Beez_20
: adottauncane 12 Sep 2013, 13:14:11

Ciao idroweb,
un link al sito?

: Re:Adattare la sidebar alla larghezza del template Beez_20
: idroweb 12 Sep 2013, 13:16:48

certo, qui (http://www.gagliardiantonio.it/)

: Re:Adattare la sidebar alla larghezza del template Beez_20
: adottauncane 12 Sep 2013, 13:43:59

Prova così:

:

    bottom: 0;    left: 0;    position: fixed;    width: 100%;    z-index: 999999999;
la prima parte

:

    background: -moz-linear-gradient(center bottom , #2A448D 18%, #006ECF 70%) repeat scroll 0 0 transparent;    color: #FFFFFF;    margin-left: auto;    margin-right: auto;    text-align: center;    width: 1050px;la seconda.

Cioè dovrebbe venire così:

:

<div>
<div style="bottom: 0;    left: 0;    position: fixed;    width: 100%;    z-index: 999999999;">
<div style="background: -moz-linear-gradient(center bottom , #2A448D 18%, #006ECF 70%) repeat scroll 0 0 transparent;    color: #FFFFFF;    margin-left: auto;    margin-right: auto;    text-align: center;    width: 1050px;">
</div>
</div>
</div>
Prima di provare fatti una copia...

: Re:Adattare la sidebar alla larghezza del template Beez_20
: idroweb 12 Sep 2013, 13:56:54

Fantastico! se posso chiedo ancora una cosa, come distanziare la sidebar dal footer grigio su cui al momento si posizione parzialmente sopra.

Grazie mille

: Re:Adattare la sidebar alla larghezza del template Beez_20
: adottauncane 12 Sep 2013, 16:02:32

Dando un margin-bottom al footer:

:

#footer {    background: url("../images/personal/tabs_back.png") repeat-x scroll 0 0 #333333;    border-top: 0 solid #CCCCCC;    color: #FFFFFF;    margin-bottom: 30px;}personal.css riga 1316

: Re:Adattare la sidebar alla larghezza del template Beez_20
: idroweb 12 Sep 2013, 16:13:00

Perfetto, ancora ti ringrazio

: Re: [Risolto]Adattare la sidebar alla larghezza del template Beez_20
: idroweb 12 Sep 2013, 21:59:22

ops, c'è ancora un particolare che ignoro totalmente, la sidebar si vede trasparente su chrome e safari mentre su firefox va benissimo, in origine avevo anche notato che la gradazione dei colori non erano presi in considerazione solo su chrome

: Re: [Risolto]Adattare la sidebar alla larghezza del template Beez_20
: adottauncane 12 Sep 2013, 22:09:26

Probabilmente quella sfumaura non la legge. Invece di trasparent metti un colore esadecimale e vedi se basta. Il secondo style.

: Re: [Risolto]Adattare la sidebar alla larghezza del template Beez_20
: idroweb 12 Sep 2013, 22:29:46

Non cambia la visualizzazione, se ho capito bene

prima

:

repeat scroll 0 0 transparent;
adesso

:

repeat scroll 0 0 #2A448D;

: Re: [Risolto]Adattare la sidebar alla larghezza del template Beez_20
: adottauncane 12 Sep 2013, 22:40:41

Allora prova a togliere il gradient e a mettere un background normale. Cioè solo esadecimale.

: Re: [Risolto]Adattare la sidebar alla larghezza del template Beez_20
: idroweb 12 Sep 2013, 22:59:07

Si così va bene

:

<div style="bottom: 0; left: 0; position: fixed; width: 100%; z-index: 999999999;">
<div style="background: #006ECF; color: #ffffff; margin-left: auto; margin-right: auto; text-align: center; width: 1050px;">
ho eliminato anche

:

repeat scroll 0 0 transparent;mi sembra ininfluente

: Re: [Risolto]Adattare la sidebar alla larghezza del template Beez_20
: adottauncane 12 Sep 2013, 23:15:04

Lo è con un background normale... :)

: Re: [Risolto]Adattare la sidebar alla larghezza del template Beez_20
: idroweb 12 Sep 2013, 23:16:23

Dunque grazie ad oltranza!  :D