Esimerkkisivu

Keräsin tälle sivulle huomioita tältä erää. Jatketaan keskiviikkoaamuna!

Tehdäänkö Tammi teemassa variablet vai käytetäänkö staattisia määrityksiä?

Esim näin (malli napattu valmisteemasta):

:root {
    --global-palette1: #dfc3b8;
    --global-palette2: #c6c2bb;
    --global-palette3: #032343;
    --global-palette4: #032343;
    --global-palette5: #032343;
    --global-palette6: #f3f2f1;
    --global-palette7: #efe1db;
    --global-palette8: #e2e0dd;
    --global-palette9: #ffffff;
    --global-palette9rgb: 255, 255, 255;
    --global-palette-highlight: var(--global-palette1);
    --global-palette-highlight-alt: var(--global-palette2);
    --global-palette-highlight-alt2: var(--global-palette9);
    --global-palette-btn-bg: var(--global-palette9);
    --global-palette-btn-bg-hover: var(--global-palette1);
    --global-palette-btn: var(--global-palette4);
    --global-palette-btn-hover: var(--global-palette5);
    --global-body-font-family: Muli, var(--global-fallback-font);
    --global-heading-font-family: inherit;
    --global-primary-nav-font-family: inherit;
    --global-fallback-font: sans-serif;
    --global-display-fallback-font: sans-serif;
    --global-content-width: 1200px;
    --global-content-narrow-width: 842px;
    --global-content-edge-padding: 1.5rem;
    --global-calc-content-width: calc(1200px - var(--global-content-edge-padding) - var(--global-content-edge-padding) );

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sagittis felis quis tellus vestibulum, eget vestibulum quam aliquet. Morbi vitae nisi eu tellus tincidunt porttitor. Donec rutrum vitae augue quis ornare.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sagittis felis quis tellus vestibulum, eget vestibulum quam aliquet. Morbi vitae nisi eu tellus tincidunt porttitor. Donec rutrum vitae augue quis ornare.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sagittis felis quis tellus vestibulum, eget vestibulum quam aliquet. Morbi vitae nisi eu tellus tincidunt porttitor. Donec rutrum vitae augue quis ornare.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sagittis felis quis tellus vestibulum, eget vestibulum quam aliquet. Morbi vitae nisi eu tellus tincidunt porttitor. Donec rutrum vitae augue quis ornare.

Laitetaantestiksimyöstableheader
Onkotämänatiivitaulukkoresponsiivinen?
Vaisekoittaakolaytoutinmobiilissaehkä
TämäonmuutenStripestyyli

Voisiko natiivi table napata värit teeman tyyleistä?

LaitetaanTännekinHeaderRow
Nyttuleeväritteemasta!
TämäonDefaulttyyli

Tämä on Tammi Container

Tuleeko containerilla on default top ja bottom padding VAI käytetäänkö välikkeitä (spacer)? Niiden kanssa riski ulkoasun rikkoutumiseen voi kasvaa.

Noissa sinisissä alla ei näy asetetut kuvat :O
Nämä tulisi pysyä rinnakkaisina yhtä korkeina, täydemmän mukaisesti riippumatta tekstin määrästä. Tasaus alas.

Otsikko

Näiden kuvien maksimikorkeus ja -leveys tulee määrittää, jos käyttäjä uppaa isoja kuvia.

Lorem ipsum

Otsikko

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vitae nisi eu tellus tincidunt porttitor. Donec rutrum vitae augue quis ornare.

Lorem ipsum

Otsikko

Tekstin värin muutos? Kuva ei näy atm.

Joku linkki

Courses

Learn Teamwork by Developing Video Games

399 € 599 €

Game Design

Pro course

Multiple Instructors

Acceleration Programme: Innovative jobs and roles require the ability to work in a dynamic team environment. Team skills are essential whether you are studying or working. By challenging yourself and others to contribute to a collaborative project, you will learn communication skills such as active listening and collective knowledge building.

View Details

Energisoidu vuorokausirytmiin perustuvalla työn tuunauksella

0,00 €

Health, Wellness & Fitness

Micro course

Marko Tanskanen

Tämän mikrokurssin avulla saat tietää kronotyyppisi ja opit muokkaamaan työtäsi perustuen omiin energiatasoihisi. Näin edistät omaehtoisesti jaksamistasi, sekä työelämän laatua ja työn tuottavuutta.

View Details

Basics of Virtual Tourism

0,00 €

Business & Marketing

Micro course

Marjut Kasper

This course provides you with basic information on virtual tourism and the opportunities it provides to the industry. You will learn what kinds of solutions have been used in the tourism business in Finland. With the help of our tips, you will be able to utilize these solutions in your own business and create a digital customer journey which helps your business to thrive.

View Details

WoManager – Design Your Career

0,00 €

Personal Development

Micro course

Kaija Villman

It is time to take matters into your own hands! We encourage you to design and create your own career path and find meaning in your working life. With the help of this course, you will learn more about self-development, self-management, lifelong learning and career design. This course is perfect for women, who are interested in self-development and are looking for new views on the topic.

View Details

Become an Eco-warrior

12,99 €

Environment & Sustainability

Micro course

Daria Chekalskaia

This Micro Course helps you to become an eco-warrior by taking you to a journey through the most essential concepts and ideas that relate to the most crucial problems of our time. How do we affect and solve these problems? How can each of us contribute to a better future? The course is an introduction – the beginning – and where and how deep you go depends on you.

View Details

Перша допомога у кризових ситуаціях

0,00 €

Health, Wellness & Fitness

Micro course

No Instructor

У цьому інтенсивному курсі ми розглянемо, які ключові моменти рятівної першої допомоги під час кризових ситуацій і як надати рятівну першу допомогу пораненим. Курс розрахований на мешканців, яким доводиться керуватись у незвичайних кризових ситуаціях, таких як військові конфлікти. Зміст курсу розроблено для того, щоб навчитися надавати першу допомогу, що рятує життя, коли, можливо, не вистачає необхідного або будь-якого доступного обладнання.

View Details

Climate Hero: Reduce Your Carbon Footprint!

12,99 €

Environment & Sustainability

Micro course

Daria Chekalskaia

Climate change is a top discussion topic, but easily influenced by myths and misconceptions. This Micro Course introduces current science to help you understand the basics behind the phenomenon, current trends and actions that we all can take to be climate heroes.

View Details

Save the World: The Sharing Economy in Practice

12,99 €

Environment & Sustainability

Micro course

Slaveya Hämäläinen

The twenty-first century is the time of the sharing economy. It has become a unique way to perceive personal services, transport, accommodation, media and entertainment industries. This course offers an introduction to the sharing economy and explores the benefits it delivers to us in practice.

View Details

The Fundamentals of Strength Training Movements

12,99 €

Health, Wellness & Fitness

Micro course

Jouni Korhonen

Are you interested in strength training, but don’t quite know where to start? Are you on the way to becoming a fitness coach? This course is suitable for everyone who is interested in effective and safe strength training. Finding out how to do each movement correctly can be time-consuming, and you might even end up getting wrong advise. Master of Sport Science, Jouni Korhonen, will teach you the principles of the human movement patterns as well as fundamental movements and applications. After completing the course, you will know the basics of EVERY strength training movement.

View Details

Instant Finnish for Beginners

12,99 €

Communication

Micro course

Miia Karttunen

Finnish is by no means an easy language to learn. However, if you plan to visit or stay longer in Finland, it might make your stay more enjoyable if you studied some Finnish words and phrases beforehand. This Micro Course gives you the essentials of the Finnish language, and helps you to impress any Finn you might encounter!

View Details

How to Communicate with Finns?

12,99 €

Communication

Micro course

Tarmo Ahvenainen

In this course you will learn to communicate better with Finns in English. You will learn to understand the features of Finnish communication style. Moreover, you will learn about the values and norms that lie behind this communication style. On a more concrete level, you will learn how certain pronunciation and lexical features of the Finnish language affect the way some Finns use English.

View Details

Wasted Value of Waste

12,99 €

Environment & Sustainability

Micro course

Liisa Routaharju

Considering we live on a planet of finite resources, we sure do waste a lot of those resources. In addition to being wasteful, waste materials cause a potential hazard to human health and the environment. This Micro Course helps you to understand the basic operations of waste management and why your role in it is so important.

View Details

Tässä on kappale ilman Tammi containeria ja tässä alla tekstiblokkeja + natiivi kuvablokki

Lauran testailut

H2 title tulee pakottaa tyyleissä näkymään CAPSEILLA.

Voisiko sisältösivuilla olla backuppina container suoraan pohjassa, joka sitten ohitetaan tarvittaessa lohkokohtaisesti?

Tuleeko tässä riski, että käyttäjä lisää sisältöä ilman Tammi containeria?

Tämä on Kadence row layout, jossa mahdollista ohittaa default container-leveys blokin asetuksissa ja Structure settareissa määritetään sisällön leveydeksi Content Max Width Inherit from Theme

Voisiko tätä ajatusta viedä myös Tammi teemassa + blokeissa?

quote

Sed finibus sapien sed vestibulum pretium. In hac habitasse platea dictumst. Quisque tincidunt at dui id gravida. Proin convallis mollis arcu non porta. Sed finibus sapien sed vestibulum pretium. In hac habitasse platea dictumst. Quisque tincidunt at dui id gravida. Proin convallis mollis arcu non porta. Saako linkin ikonin piiloon, jos linkkiä ei aseteta?..

Mun nimi
Lorem ipsum
quote

Sed finibus sapien sed vestibulum pretium. In hac habitasse platea dictumst. Quisque tincidunt at dui id gravida. Proin convallis mollis arcu non porta.

En kerro nimeäni
quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean fermentum pellentesque congue. Nulla eu dui a dolor aliquet aliquet. Ut sollicitudin fringilla urna id sagittis. In congue sagittis pellentesque.

Kaveri
Linkki
quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean fermentum pellentesque congue. Nulla eu dui a dolor aliquet aliquet. Ut sollicitudin fringilla urna id sagittis. In congue sagittis pellentesque.

Kallepetteri
quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean fermentum pellentesque congue. Nulla eu dui a dolor aliquet aliquet. Ut sollicitudin fringilla urna id sagittis. In congue sagittis pellentesque.

Matti
quote

Sed finibus sapien sed vestibulum pretium. In hac habitasse platea dictumst. Quisque tincidunt at dui id gravida. Proin convallis mollis arcu non porta. Sed finibus sapien sed vestibulum pretium. In hac habitasse platea dictumst. Quisque tincidunt at dui id gravida. Proin convallis mollis arcu non porta. Saako linkin ikonin piiloon, jos linkkiä ei aseteta?..

Mun nimi
Lorem ipsum
quote

Sed finibus sapien sed vestibulum pretium. In hac habitasse platea dictumst. Quisque tincidunt at dui id gravida. Proin convallis mollis arcu non porta.

En kerro nimeäni
quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean fermentum pellentesque congue. Nulla eu dui a dolor aliquet aliquet. Ut sollicitudin fringilla urna id sagittis. In congue sagittis pellentesque.

Kaveri
Linkki
quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean fermentum pellentesque congue. Nulla eu dui a dolor aliquet aliquet. Ut sollicitudin fringilla urna id sagittis. In congue sagittis pellentesque.

Kallepetteri
quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean fermentum pellentesque congue. Nulla eu dui a dolor aliquet aliquet. Ut sollicitudin fringilla urna id sagittis. In congue sagittis pellentesque.

Matti

Tämä on Tammi sisältö

Tällä voisi olla ylä- ja ala-padding 50px deskarissa (25px mobiili)

Sisältöjen tasaus vertical align center, eli kuvaan nähden keskellä.

Kuvan sijoitus pitää olla mobiilissa niin, että se on aina tekstin alapuolella (jälkeen siis).

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sagittis felis quis tellus vestibulum, eget vestibulum quam aliquet. Morbi vitae nisi eu tellus tincidunt porttitor. Donec rutrum vitae augue quis ornare. Phasellus ac tempus ligula. Nullam id nunc ipsum.

Lorem ipsum

Tämä on contact us

Tämä alue on sellainen, jonka voisi tallentaa reusable blockseihin tai sitten teeman yleisiin lohkoihin (vrt. Kadence teeman Elements).

Sama sisältö toistuu monessa paikassa eikä muutoksia haluta copy-pasteta.

 

Jos taustakuvaa ei laiteta, saako matalammaksi eli vähemmän tyhjää ylös? En tiedä tuleeko tällaista tilannetta, mutta ajatuksen tasolla.

Join our mailing list

* indicates required

Footerilla voisi olla top-margin 50px (mobiilissa 35px), jotta asiat ei mene ihan kiinni siihen.