Már biztosan sok G-Portálos lapon láthattátok, hogy a fejlécnek, a tartalomrésznek, és a láblécnek van képes háttere stb. Ezeknek a tulajdonságait (hátterét, szöveg színét stb.) a css kódban szokták megadni. Ebben a leírásban erről lesz szó.
Van ugye fejlécünk. Hogyha szöveget akarsz rá írni, és nem akarsz a divekkel szenvedni, akkor ezt ezzel a kóddal tudod megoldani (persze, hogy szerkeszteni tudd, szerkeszthetővé kell tenned a fejlécet):
.sitetop {
background: url(ide írd a fejléced url címét);
width: 1000px; /* ide írd a fejléced szélességét */
height: 300px; /* ide írd a fejléced magasságát */
} |
Van ugye tartalom részünk. Annak is egyszerűen lehet hátteret adni, illetve növelni, hogy a tartalom mennyivel legyen beljebb stb..
.site {
background: url(ide jön a háttér url címe);
width: 960px; /* a tartalom rész szélessége */
padding-left: 10px; /* távolság balról */
padding-right: 10px; /* távolság jobbról */
padding-top: 10px; /* távolság fentről */
padding-bottom: 10px; /* távolság lentről */
} |
És akkor jöjjön a láblécünk. Azt is ugyanúgy tudjuk megoldani, mint a fejlécünket, hiszen csak a site utáni részt kell átneveznünk bottom-ra.
.sitebottom {
background: url(ide írd a lábléced url címét);
width: 1000px; /* ide írd a lábléced szélességét */
height: 300px; /* ide írd a lábléced magasságát */
} |
Remélem értelmes volt a leírás, és segítségetekre válik. |