Tällä sivulla esitellään useimmat Symphonyn typografiset ominaisuudet. Tee lukijasi onnellisiksi loistavalla typografialla ja käyttäjäkokemuksella!

Tämä on otsikko 1

Verkkosivustoja ei enää katsella vain pöytäkoneen näytöiltä. Yhä useampia älypuhelimia, tabletteja ja miniläppäreitä tuodaan markkinoille tarjoamaan uusia ja entistä kätevämpiä tapoja käyttää verkkosisältöä kaikkialla. Tässä artikkelissa Symphony Themes esittelee kaksi ILMAISTA Drupal 7 -teemaa, Alphorn ja Conch, jotka tukevat näkymää monenlaisilla laitteilla älypuhelimista ja tableteista kannettaviin ja suuriin näyttöihin.

Tämä on otsikko 2

Verkkosivustoja ei enää katsella vain pöytäkoneen näytöiltä. Yhä useampia älypuhelimia, tabletteja ja miniläppäreitä tuodaan markkinoille tarjoamaan uusia ja entistä kätevämpiä tapoja käyttää verkkosisältöä kaikkialla. Tässä artikkelissa Symphony Themes esittelee kaksi ILMAISTA Drupal 7 -teemaa, Alphorn ja Conch, jotka tukevat näkymää monenlaisilla laitteilla älypuhelimista ja tableteista kannettaviin ja suuriin näyttöihin.

Tämä on otsikko 3

Vestibulum varius ante in nulla commodo eget egestas mauris consectetur. Ut metus nunc, suscipit quis feugiat sed, aliquet sit amet magna. Morbi non nunc dui. Donec non ante nibh, sed blandit leo. Fusce ornare tempus est, in mollis libero lobortis a. Praesent sit amet egestas nisl. Vivamus tristique posuere pellentesque. Vestibulum varius ante in nulla commodo eget egestas mauris consectetur. Ut metus nunc, suscipit quis feugiat sed, aliquet sit amet magna.

Tämä on otsikko 4

Vestibulum varius ante in nulla commodo eget egestas mauris consectetur. Ut metus nunc, suscipit quis feugiat sed, aliquet sit amet magna. Morbi non nunc dui. Donec non ante nibh, sed blandit leo. Fusce ornare tempus est, in mollis libero lobortis a. Praesent sit amet egestas nisl. Vivamus tristique posuere pellentesque. Vestibulum varius ante in nulla commodo eget egestas mauris consectetur. Ut metus nunc, suscipit quis feugiat sed, aliquet sit amet magna.

Tämä on otsikko 5

Vestibulum varius ante in nulla commodo eget egestas mauris consectetur. Ut metus nunc, suscipit quis feugiat sed, aliquet sit amet magna. Morbi non nunc dui. Donec non ante nibh, sed blandit leo. Fusce ornare tempus est, in mollis libero lobortis a. Praesent sit amet egestas nisl.

Tämä on otsikko 6

Vestibulum varius ante in nulla commodo eget egestas mauris consectetur. Ut metus nunc, suscipit quis feugiat sed, aliquet sit amet magna. Morbi non nunc dui. Donec non ante nibh, sed blandit leo. Fusce ornare tempus est, in mollis libero lobortis a. Praesent sit amet egestas nisl.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis lectus metus, at posuere neque.

Alla on esimerkki <pre>- tai <div class="code">-elementistä


.block-poll 
	border: 1px solid #284c4c;
	background:#1b282f;
	float:left;
	width:100%;
	margin-top:7px;

Luettelotyyli

  1. Tämä on esimerkki järjestetystä luettelosta.
  2. Lorem ipsum dolor sit amet consectetuer.
  3. Condimentum quis.
  4. Congue Quisque augue elit dolor nibh.
  • Tämä on esimerkki järjestämättömästä luettelosta.
  • Condimentum quis.
  • Congue Quisque augue elit dolor.
  • Nunc cursus sem et pretium sapien eget.

Lainaus

Alla on esimerkki <blockquote>-elementistä

Tämä on blockquote-tagin esimerkki, joka on luotu lorem ipsum -tekstillä. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Korostus

Tämä on korostettu fraasi. Käytä <span class="highlight">Korostettu fraasisi tulee tähän!</span>./p>

Viestit

Hyvin tehty! Luit onnistuneesti tämän tärkeän ilmoitusviestin.
Huomio! Tämä ilmoitus vaatii huomiotasi, mutta se ei ole erityisen tärkeä.
Varoitus! Kannattaa tarkistaa tilanne — et näytä voivan kovin hyvin.
Oho! Muuta muutamaa asiaa ja yritä lähettää uudelleen.

Taulukko

Tämä on esimerkki <table>-elementistä

Otsikko 1 Otsikko 2 Otsikko 3 Otsikko 4
Tuote 1 Tuote 2 Tuote 3 Tuote 4
Tuote 5 Tuote 6 Tuote 7 Tuote 8
Tuote 9 Tuote 10 Tuote 11 Tuote 12
Tuote 13 Tuote 14 Tuote 15 Tuote 16
Tuote 1 Tuote 2 Tuote 3 Tuote 4

Sarakkeet

Puolikas

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Puolikas

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

 

Kolmannes

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.

Kolmannes

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.

Kolmannes

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.

 

Kolmannes

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.

Kaksi kolmasosaa

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui. Ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliqunon proident, sunt in culpa qui.

 

Neljännes

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud sitsers exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Neljännes

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud sitsers exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Neljännes

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud sitsers exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Neljännes

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud sitsers exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

 

Neljännes

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud sitsers exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Kolme neljäsosaa

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliqu enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip