Autore Topic: [Risolto]Adattare la sidebar alla larghezza del template Beez_20  (Letto 2545 volte)

Offline idroweb

  • Esploratore
  • **
  • Post: 147
  • Sesso: Maschio
    • Mostra profilo
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 é:

Codice: [Seleziona]
<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

« Ultima modifica: 12 Set 2013, 16:13:42 da idroweb »

Offline adottauncane

  • Team Joomla.it
  • Fuori controllo
  • *******
  • Post: 18158
  • Sesso: Femmina
    • Mostra profilo
Re:Adattare la sidebar alla larghezza del template Beez_20
« Risposta #1 il: 12 Set 2013, 13:14:11 »
Ciao idroweb,
un link al sito?

Offline idroweb

  • Esploratore
  • **
  • Post: 147
  • Sesso: Maschio
    • Mostra profilo
Re:Adattare la sidebar alla larghezza del template Beez_20
« Risposta #2 il: 12 Set 2013, 13:16:48 »
certo, qui

Offline adottauncane

  • Team Joomla.it
  • Fuori controllo
  • *******
  • Post: 18158
  • Sesso: Femmina
    • Mostra profilo
Re:Adattare la sidebar alla larghezza del template Beez_20
« Risposta #3 il: 12 Set 2013, 13:43:59 »
Prova così:

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



Codice: [Seleziona]
    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ì:
Codice: [Seleziona]
<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...

Offline idroweb

  • Esploratore
  • **
  • Post: 147
  • Sesso: Maschio
    • Mostra profilo
Re:Adattare la sidebar alla larghezza del template Beez_20
« Risposta #4 il: 12 Set 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

Offline adottauncane

  • Team Joomla.it
  • Fuori controllo
  • *******
  • Post: 18158
  • Sesso: Femmina
    • Mostra profilo
Re:Adattare la sidebar alla larghezza del template Beez_20
« Risposta #5 il: 12 Set 2013, 16:02:32 »
Dando un margin-bottom al footer:

Codice: [Seleziona]
#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

Offline idroweb

  • Esploratore
  • **
  • Post: 147
  • Sesso: Maschio
    • Mostra profilo
Re:Adattare la sidebar alla larghezza del template Beez_20
« Risposta #6 il: 12 Set 2013, 16:13:00 »
Perfetto, ancora ti ringrazio

Offline idroweb

  • Esploratore
  • **
  • Post: 147
  • Sesso: Maschio
    • Mostra profilo
Re: [Risolto]Adattare la sidebar alla larghezza del template Beez_20
« Risposta #7 il: 12 Set 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

Offline adottauncane

  • Team Joomla.it
  • Fuori controllo
  • *******
  • Post: 18158
  • Sesso: Femmina
    • Mostra profilo
Re: [Risolto]Adattare la sidebar alla larghezza del template Beez_20
« Risposta #8 il: 12 Set 2013, 22:09:26 »
Probabilmente quella sfumaura non la legge. Invece di trasparent metti un colore esadecimale e vedi se basta. Il secondo style.

Offline idroweb

  • Esploratore
  • **
  • Post: 147
  • Sesso: Maschio
    • Mostra profilo
Re: [Risolto]Adattare la sidebar alla larghezza del template Beez_20
« Risposta #9 il: 12 Set 2013, 22:29:46 »
Non cambia la visualizzazione, se ho capito bene

prima
Codice: [Seleziona]
repeat scroll 0 0 transparent;
adesso
Codice: [Seleziona]
repeat scroll 0 0 #2A448D;

Offline adottauncane

  • Team Joomla.it
  • Fuori controllo
  • *******
  • Post: 18158
  • Sesso: Femmina
    • Mostra profilo
Re: [Risolto]Adattare la sidebar alla larghezza del template Beez_20
« Risposta #10 il: 12 Set 2013, 22:40:41 »
Allora prova a togliere il gradient e a mettere un background normale. Cioè solo esadecimale.

Offline idroweb

  • Esploratore
  • **
  • Post: 147
  • Sesso: Maschio
    • Mostra profilo
Re: [Risolto]Adattare la sidebar alla larghezza del template Beez_20
« Risposta #11 il: 12 Set 2013, 22:59:07 »
Si così va bene

Codice: [Seleziona]
<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
Codice: [Seleziona]
repeat scroll 0 0 transparent;mi sembra ininfluente

Offline adottauncane

  • Team Joomla.it
  • Fuori controllo
  • *******
  • Post: 18158
  • Sesso: Femmina
    • Mostra profilo
Re: [Risolto]Adattare la sidebar alla larghezza del template Beez_20
« Risposta #12 il: 12 Set 2013, 23:15:04 »
Lo è con un background normale... :)

Offline idroweb

  • Esploratore
  • **
  • Post: 147
  • Sesso: Maschio
    • Mostra profilo
Re: [Risolto]Adattare la sidebar alla larghezza del template Beez_20
« Risposta #13 il: 12 Set 2013, 23:16:23 »
Dunque grazie ad oltranza!  :D

 

Host

Torna su