Hello world! -tekstin lisääminen etusivulle

Tekniset tiedotKoodausohjeet › Hello world! -tekstin lisääminen etusivulle

Tarvittavat ohjelmistot

Tässä työssä tarvitaan

  • selain (esim. Firefox)

Toteutusohjeet

  • Kirjaudu verkkokaupan hallintaliittymään (demo).
  • Klikkaa ylhäältä asetukset / koodit ja ulkoasu.
  • Klikkaa Lisää uusi -painiketta.
  • Valitse tyypiksi "HTML5".
  • Syötä nimeksi mitä tahansa (ei näy verkkokaupassa).
  • Valitse Sivu-kohdasta "Etusivu".
  • Valitse Sijainti-kohdasta "Verkkokaupassa #tc_content_middle jälkeen".
  • Lisää Koodi-kohtaan div-elementti (luokan nimen voit päättää itse):
    <div class="tervetuloa_etusivulla">Hello world!</div>
    
  • Klikkaa Tallenna-painiketta.
  • Klikkaa Lisää uusi -painiketta.
  • Valitse tyypiksi "CSS3".
  • Syötä nimeksi mitä tahansa (ei näy verkkokaupassa).
  • Valitse Sivu-kohdasta "Etusivu" (ei merkitystä).
  • Lisää Koodi-kohtaan div-elementin tyylimääritykset:
    @media (max-width: 1099px) {  
     div.tervetuloa_etusivulla {
      font: 150%/1.4 Arial, Helvetica, sans-serif;
      font-weight: bold;
     }
    }
    @media (min-width: 1100px) {
     div.tervetuloa_etusivulla {
      font: 150%/1.4 Arial, Helvetica, sans-serif;
      font-weight: bold;
     }
    }
    
  • Klikkaa Tallenna-painiketta.

Vastuunrajoitus

Näillä ohjeilla ja koodiesimerkeillä ei ole minkäänlaista toimivuustakuuta. Emme vastaa välittömistä, välillisistä, satunnaisista tai epäsuorista vahingoista, menetyksistä, korvauksista, tai kolmannen osapuolen esittämistä vaatimuksista, jotka johtuvat näiden ohjeiden tai koodiesimerkkien noudattamisesta.

Scroll to Top