際際滷

際際滷Share a Scribd company logo
Joomla templaten muokkaus
Tarkistetaan mik辰 sivupohja meill辰 on k辰yt旦ss辰?
Avataan sivu paikallisserverille
 Localhost/joomla25
Esim. muutetaan headeria
 Firefoxin lis辰osa Firebug on hyv辰n辰 apuna
tutkittaessa mit辰 CSS-m辰辰rittely辰 on k辰ytetty
miss辰kin kohdassa.
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.
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
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

More Related Content

Joomla templaten muokkaus

  • 1. Joomla templaten muokkaus Tarkistetaan mik辰 sivupohja meill辰 on k辰yt旦ss辰?
  • 2. Avataan sivu paikallisserverille Localhost/joomla25
  • 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