3. Esim. muutetaan headeria
• Firefoxin lisäosa Firebug on hyvänä apuna
tutkittaessa mitä CSS-määrittelyä on käytetty
missäkin kohdassa.
4. Avataan php ja CSS-tiedostot editoriin
• Index.php tiedostosta voidaan katsoa, mitä
tyylitiedostoa ky. Pohja käyttää. HUOM!
Tyylitiedostoja voi olla useita!
• Firebug näyttää myös ky. Tiedostot.
Esimerkissä halutaan muuttaa headerin
taustakuvaa ja se sijaitsee Personal.css-
tiedostossa.
5. Muokataan CSS-tiedostoa ja kuvia
• Sivupohjan muokkaaminen on vain CSS-
määritteiden ja sivustossa käytettyjen kuvien
muokkaamista!
• Esimerkissä header kuvan värit muutettu ja
Header kuvan koko muutettu CSS-tiedostossa
(näkyvyys), taustakuva muutettu…
6. Muokataan CSS-tiedostoa ja kuvia
• Sivupohjan muokkaaminen on vain CSS-
määritteiden ja sivustossa käytettyjen kuvien
muokkaamista!
• Esimerkissä header kuvan värit muutettu ja
Header kuvan koko muutettu CSS-tiedostossa
(näkyvyys), taustakuva muutettu…