Her er en måte å sentrere sideinnholdet, når du bruker JA-purity templaten:
Sentrer innholdet ved å endre avsnittet i linje 807 og følgende, i ‘template.css’ -fila:
#ja-wrapper {
width: 980px;
margin: auto;
background: #1374a5;
}
Opprett en gradient-bakgrunn i venstre og høyre side av det sentrerte innholdet (linje 16 i ‘template.css’ -fila):
body#bd {
color: #333333;
background-image: url(../images/stripe.jpg);
background-repeat: repeat-x ;
}
Bildet (stripe.jpg) ble plassert i «templates/ja_purity/images» -folderen (størrelse: 1 x 2000 px).
Bildet er en lang gradient som består av en blå start-farge (#1374A5) og en grå slutt-farge (#333333).
Jeg oppdaget at dersom siden ble fyllt med så mye innhold at den ble svært lang (ved scrolling), slik at bakgrunnsbildet (2000 piksler langt) ble for kort, så kom bakgrunnsfargen (bg-color) til syne nederst. Derfor måtte slutt-fargen i gradienten ha samme farge som bakgrunnsfargen (bg-color) til siden (#333333).
Deretter laget jeg en pen kantlinje på høyre og venstre side av det sentrerte sideinnholdet, ved å endre i linje 172 i ‘style.css’ -fila (den som ligger i «templates\ja_purity\styles\background\lighter» -folderen).
#ja-wrapper {
background: #1374A5;
padding-right: 1px;
padding-left: 1px;
}
Størrelsen på paddingen bestemmer hvor tykk kantlinjene skal bli.
Artifactory 