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

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 €

Business & Marketing

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

Game Design

19,90 € 59,90 €

Game Design

Pro course

Jan Storgårds

19,90 € 59,90 €

In this module we are going to look at design, specifically concept design. It’s a very different module from some of the other ones you are going to complete on this course. If you are interested in designing, creating, making your own video games, this module is for you. Concept Design is one of the central areas of game development.

View Details

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

0,00 €

Health, Wellness & Fitness

Micro course

No Instructor

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

View Details

Chinese Business Culture – level 1

19,90 €

Business & Marketing

Pro course

Ramona Gao

China is a very important trading partner for companies and organizations. However, working and negotiating with Chinese partners is significantly different from working with, for example, companies and people in your own country. Language, business culture, behavior, and ways of reacting to things are very different in China. In the Chinese Business Culture – level 1 course, you will learn the most important things about Chinese Business Culture. The course has been implemented in collaboration with Chinese experts.

View Details

Save the World: The Sharing Economy in Practice

12,99 €

Business & Marketing

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

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

Games Theory and Business

4,99 € 19,90 €

Game Design

Pro course

Jan Storgårds

4,99 € 19,90 €

In this part of IVGIDD, you will be introduced to some of the fundamentals of games theory, industry, and business.

View Details

The concept, purpose and mission of the Finnish early childhood education system (ECEC)

31,00 €

Education

Pro course

Elena Chukhlantseva

The course introduces the basics of the Finnish early childhood education and care (ECEC) system. It presents the Finnish Educare model and National Core Curriculum guiding early childhood education in Finland. The course also unveils the mission and core tasks of Finnish ECEC: promoting children’s well-being, happiness, and health. The course is for ECEC teachers, principals, and education experts.

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.