toggle mobile menu

Kirjaudu

Rekisteröidy ilmaiseksi!

KAIKKI OHJEET
PERUSTEET
LiquidBlox perusteet
Editori
Valmispohjien käyttäminen
Layout rakenteiden luominen
Tyylit
Yläpalkki ja alapalkki
Blokin asetukset
Leikepöydän käyttäminen
Sisältötyypit
Sivujen hallinta
Julkaiseminen
Tagien käyttäminen
Linkkien tekeminen
Nappien tekeminen
Liquidblox ja Shopify
SSL sertifikaatin lisääminen ja sivuston avaaminen
VERKKOKURSSIT
Kotisivujen tekeminen
Web design -kurssi
Ideasta verkkosivuiksi
SEO perusteet
Google Analytics perusteet
in English

Nappien tekeminen verkkosivuille


Verkkosivujen linkit voivat näyttää visuaalisesti tavallisilta linkeiltä tai napeilta. Tallennetut nappityylit ovat käytössä läpi sivuston kaikilla sen sivuilla. Nappi-editoriin pääsee teksti-editorin linkki-työkalun, navigaatio-elementin ja lomake-elementin hallinnan kautta.

LiquidBlox editor - button as a link type

Valitse Button-vaihtoehto linkki-editorissa päästäksesi nappi-editoriin. 

LiquidBlox editor - button styling options

Klikkaa Styling Options -nappia navigaatiosisältöä muokattaessa päästäksesi nappi-editoriin. 

LiquidBlox editor - editing button styles

Klikkaa Edit button styles -nappia lomake-editorissa päästäksesi nappi-editoriin. 

Nappi-editori - näin luot napin sivustolle

LiquidBlox editor - website button styles
  1. Tavallisen linkin asetukset
  2. Napin tyylit (9 tyyliä per sivusto)
  3. Liukukytkin napin ulkoasun muokkaamiseen
  4. Napin ulkosun tallentaminen nappityyliksi myöhempää käyttöä varten
LiquidBlox editor - selecting the button

Vaihe 1


Valitse yksi yhdeksästä nappityylistä muokattavaksi.

LiquidBlox editor - advanced button styling

Vaihe 2


Avaa Advanced button styling -näkymä ja tee ulkoasuun haluamasi muutokset.


Huom!

Preview eli esikatselu näyttää miltä nappi näyttää, kun hiiren kursori viedään sen päälle.

LiquidBlox editor - saving the button style

Vaihe 3


  1. Klikkaa Save tallentaaksesi nappityylin myöhempää käyttöä varten. Voit nimetä nappityylin ja valita sille sijainnin nappityyli-valikossa.
  2. Klikkaa Apply hyväksyäksesi tekemäsi muutokset.
KAIKKI OHJEET
PERUSTEET
LiquidBlox perusteet
Editori
Valmispohjien käyttäminen
Layout rakenteiden luominen
Tyylit
Yläpalkki ja alapalkki
Blokin asetukset
Leikepöydän käyttäminen
Sisältötyypit
Sivujen hallinta
Julkaiseminen
Tagien käyttäminen
Linkkien tekeminen
Nappien tekeminen
Liquidblox ja Shopify
SSL sertifikaatin lisääminen ja sivuston avaaminen
VERKKOKURSSIT
Kotisivujen tekeminen
Web design -kurssi
Ideasta verkkosivuiksi
SEO perusteet
Google Analytics perusteet
in English

Kirjaudu

Rekisteröidy ilmaiseksi!

Nappien tekeminen verkkosivuille


Verkkosivujen linkit voivat näyttää visuaalisesti tavallisilta linkeiltä tai napeilta. Tallennetut nappityylit ovat käytössä läpi sivuston kaikilla sen sivuilla. Nappi-editoriin pääsee teksti-editorin linkki-työkalun, navigaatio-elementin ja lomake-elementin hallinnan kautta.

LiquidBlox editor - button as a link type

Valitse Button-vaihtoehto linkki-editorissa päästäksesi nappi-editoriin. 

LiquidBlox editor - button styling options

Klikkaa Styling Options -nappia navigaatiosisältöä muokattaessa päästäksesi nappi-editoriin. 

LiquidBlox editor - editing button styles

Klikkaa Edit button styles -nappia lomake-editorissa päästäksesi nappi-editoriin. 

Nappi-editori - näin luot napin sivustolle

LiquidBlox editor - website button styles
  1. Tavallisen linkin asetukset
  2. Napin tyylit (9 tyyliä per sivusto)
  3. Liukukytkin napin ulkoasun muokkaamiseen
  4. Napin ulkosun tallentaminen nappityyliksi myöhempää käyttöä varten
LiquidBlox editor - selecting the button

Vaihe 1


Valitse yksi yhdeksästä nappityylistä muokattavaksi.

LiquidBlox editor - advanced button styling

Vaihe 2


Avaa Advanced button styling -näkymä ja tee ulkoasuun haluamasi muutokset.


Huom!

Preview eli esikatselu näyttää miltä nappi näyttää, kun hiiren kursori viedään sen päälle.

LiquidBlox editor - saving the button style

Vaihe 3


  1. Klikkaa Save tallentaaksesi nappityylin myöhempää käyttöä varten. Voit nimetä nappityylin ja valita sille sijainnin nappityyli-valikossa.
  2. Klikkaa Apply hyväksyäksesi tekemäsi muutokset.

TEE KOTISIVUJA JA VERKKOKAUPPOJA VISUAALISESTI

Sinä suunnittelet. LiquidBlox hoitaa muun.


LUE LISÄÄ

toggle mobile menu

Kirjaudu

Rekisteröidy ilmaiseksi!

KAIKKI OHJEET
PERUSTEET
LiquidBlox perusteet
Editori
Valmispohjien käyttäminen
Layout rakenteiden luominen
Tyylit
Yläpalkki ja alapalkki
Blokin asetukset
Leikepöydän käyttäminen
Sisältötyypit
Sivujen hallinta
Julkaiseminen
Tagien käyttäminen
Linkkien tekeminen
Nappien tekeminen
Liquidblox ja Shopify
SSL sertifikaatin lisääminen ja sivuston avaaminen
VERKKOKURSSIT
Kotisivujen tekeminen
Web design -kurssi
Ideasta verkkosivuiksi
SEO perusteet
Google Analytics perusteet
in English

Nappien tekeminen verkkosivuille


Verkkosivujen linkit voivat näyttää visuaalisesti tavallisilta linkeiltä tai napeilta. Tallennetut nappityylit ovat käytössä läpi sivuston kaikilla sen sivuilla. Nappi-editoriin pääsee teksti-editorin linkki-työkalun, navigaatio-elementin ja lomake-elementin hallinnan kautta.

LiquidBlox editor - button as a link type

Valitse Button-vaihtoehto linkki-editorissa päästäksesi nappi-editoriin. 

LiquidBlox editor - button styling options

Klikkaa Styling Options -nappia navigaatiosisältöä muokattaessa päästäksesi nappi-editoriin. 

LiquidBlox editor - editing button styles

Klikkaa Edit button styles -nappia lomake-editorissa päästäksesi nappi-editoriin. 

Nappi-editori - näin luot napin sivustolle

LiquidBlox editor - website button styles
  1. Tavallisen linkin asetukset
  2. Napin tyylit (9 tyyliä per sivusto)
  3. Liukukytkin napin ulkoasun muokkaamiseen
  4. Napin ulkosun tallentaminen nappityyliksi myöhempää käyttöä varten
LiquidBlox editor - selecting the button

Vaihe 1


Valitse yksi yhdeksästä nappityylistä muokattavaksi.

LiquidBlox editor - advanced button styling

Vaihe 2


Avaa Advanced button styling -näkymä ja tee ulkoasuun haluamasi muutokset.


Huom!

Preview eli esikatselu näyttää miltä nappi näyttää, kun hiiren kursori viedään sen päälle.

LiquidBlox editor - saving the button style

Vaihe 3


  1. Klikkaa Save tallentaaksesi nappityylin myöhempää käyttöä varten. Voit nimetä nappityylin ja valita sille sijainnin nappityyli-valikossa.
  2. Klikkaa Apply hyväksyäksesi tekemäsi muutokset.

TEE KOTISIVUJA JA VERKKOKAUPPOJA VISUAALISESTI

Sinä suunnittelet. LiquidBlox hoitaa muun.


LUE LISÄÄ