Painikkeiden tyylin päivittäminen

Tekniset tiedotKoodausohjeet › Painikkeiden tyylin päivittäminen

Taustaa

Ohjelmisto luo verkkokaupan sivujen HTML-koodin. HTML-koodi koostuu HTML-elementeistä. HTML-elementtien ulkoasua voidaan muokata CSS-tyylimäärittelyillä. Kerromme tässä ohjeessa, miten verkkokaupan sivuilla näkyvien painikkeiden tyylit voidaan päivittää.

Tarvittavat ohjelmistot

Tässä työssä tarvitaan

  • selain (esim. Firefox)

Toteutusohjeet

  • Kirjaudu verkkokaupan hallintaliittymään (demo).
  • Klikkaa ylhäältä asetukset / koodit ja ulkoasu.
  • Klikkaa "Ulkoasupohja: Yleiset" -linkkiä.
  • Etsi alla oleva tyylimäärittely.
    input[type="submit"], input[type="button"] {  
      background-color: rgb(0,97,193);
      border-radius: 3px;
      border-width: 0px;
      color: rgb(255,255,255);
      cursor: pointer;
      display: inline-block;
      font: 14px/1.5 Open Sans, Verdana, sans-serif;
      padding: 4px 10px 4px 10px;
      text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
      text-transform: uppercase;
    }
    
  • Päivitä värikoodi.
      background-color: rgb(0,97,193);
    
  • Klikkaa Päivitä-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