Ciao a tutti!
Il tema garland si sa, con le 2 barre laterali attive, il body è "elastico" - per fare un esempio basti pensare che se è attiva la barra della cronologia a sinistra che il Body si restringe, i Primary e Secondary links si spostano a sinistra andando (se sono molti...) a "toccare" il logo...
Il mio obiettivo, è quello di personalizzare tale tema in ogni suo aspetto e, la cosa più importante è che deve stare sempre al centro indipendentemente dal fatto che sia o meno attivata la barra sinistra della cronologia... un pò come il sito di > http://www.apple.com/it/ che, anche trascinando a destra e a sinistra la barra della cronologia, il Layout rimane sempre al centro e, soprattutto, fisso in ogni suo aspetto (larghezza del body, barre laterali etc...)
Ho fatto alcune prove su "style.css" del tema e ho ottenuto dei buoni risultati che si avvicinano molto a quello che vorrei ottenere e, in particolare ho agito su questi 2 Parametri/ID:
- originale riga 15 -
body {
margin: 0;
padding: 0;
background: #edf5fa;
font: 12px/170% Verdana, sans-serif;
color: #494949;
}
- modificato riga 15 -
body {
margin: 0;
padding: 0;
background: #fff000;
font: 12px/170% Verdana, sans-serif;
color: #494949;
width:90em;
margin-left:100px;
}
- originale riga 306 -
#header-region {
min-height: 1em;
background: #d2e6f3 url(images/bg-navigation.png) repeat-x 50% 100%;
}
- modificato riga 306 -
#header-region {
min-height: 1em;
background: #d2e6f3 url(images/bg-navigation.png) repeat-x 50% 100%;
margin-top:30px;
}Come si può notare dalle schermate qua sotto, sono riuscito a distanziare il "margin-left:100px;" e il "margin-top:30px;" e a fissare il Layout orizzontalmente, ma mi manca l'ultimo tassello: come impostarlo in modo che stia sempre al centro indipendentemente da quanto ho già detto sopra???
Seguono le schermate di riferimento con le varie modifiche su misure diverse:
Grazie
Ciao
Kipper
Risolto!
margin-left:auto;margin-right:auto;
Codice completo al body:
body {margin: 0;
padding: 0;
background: #fff000;
font: 12px/170% Verdana, sans-serif;
color: #494949;
width:70em; /*Blocco l'elasticità del body e dò le dimensioni della larghezza...*/
margin-left:auto;
margin-right:auto;
}
Avrei un piccolo dubbio su
width:70em;- sarà appropriato questo parametro? ...in ogni caso che conta è il risultato...I due parametri saranno compatibili con i vari Browser?
Se qualcuno ha ulteriori ottimizzazioni sono ben accette...
Ciao
Kipper
puoi ottimizzare le due righe di sopra così:
margin: 0 auto;Si come anche l'ottimizzazione che ti ho postato.
Grazie sylpheed
Ciao
kipper
Sto cercando di inserire un "border:1px black" attorno a tutto il perimetro del template e non riesco a capire dove inserirlo... suggerimenti? qualche idea?
Grazie
Ciao
kipper
[Risolto]
Riga 313 > aggiungere:#header-region {
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
margin-top:30px; /*faccio scendere il template dal TOP di 30px*/
}
Riga 365 > aggiungere:
#wrapper #container {
border-bottom: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
}
Ciao
Kipper
che esigenze "precise", sta Apple di Milano §:D)
Grande Lorenzo! magari fosse per Apple... ma non nascondo che un'occhiata ce l'ho data per spunti e misure... ma chi sei? ...il Mago Silvan? ;-)
no mi chiamavano Mandrake, a calcio balilla.
Il magician qui sei tu, altro che storie: e prima Civicrm, e poi il Drush, e dopo 200 mt. di Lan in tutto il paese, e poi il new tema Gardaland, e poi il modulo Contatti ad hoc... tra un pò ti vedrò progettare moduli per Drupal 8, prendere l'aereo per gli Usa a fare stages e corsi (beh non sarebbe neppure male)