Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added fr-FR/images/headings.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
10 changes: 10 additions & 0 deletions fr-FR/meta.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
title: Ajouter des tuiles de texte de grande taille
hero_image: images/banner.png
description: Ajoute des tuiles de même hauteur et largeur contenant du texte de grande taille.
version: 4
listed: false
copyedit: false
last_tested: "2022-05-19"
steps:
-
title: Ajouter des tuiles de texte de grande taille
35 changes: 35 additions & 0 deletions fr-FR/step_1.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
Tu peux utiliser des balises de titre (`<h1>`, `<h2>` et `<h3>`) pour créer de grands titres de texte dans des tuiles colorées.

![Trois cases de couleur de texte de différentes tailles.](images/headings.png)

## --- code ---

language: html
filename: index.html
line_numbers: false
--------------------------------------------------------

<main class="page">
<section class="wrap">
<div class="primary tile">
<h1>LOREM</h1>
</div>

```
<div class="secondary tile">
<h2>LOREM<br>IPSUM</h2>
</div>

<div class="tertiary tile">
<h3>Lorem<br>ipsum<br>dolor</h3>
</div>
</section>
```

</main>

\--- /code ---

Utilise la classe `tile` pour t'assurer que tes tuiles ont toutes la même hauteur.

**Astuce :** tu peux ajuster la `hauteur` de la classe `tile` dans `style.css`.
Binary file added nl-NL/images/headings.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
10 changes: 10 additions & 0 deletions nl-NL/meta.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
title: Voeg grote teksttegels toe
hero_image: images/banner.png
description: Voeg tegels met dezelfde hoogte en breedte toe die grote tekst bevatten.
version: 4
listed: false
copyedit: false
last_tested: "2022-05-19"
steps:
-
title: Voeg grote teksttegels toe
35 changes: 35 additions & 0 deletions nl-NL/step_1.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
Je kunt 'heading' tags (`<h1>`, `<h2>` en `<h3>`) gebruiken om grote tekstkoppen in gekleurde tegels te maken.

![Drie gekleurde vakken met tekst in verschillende formaten.](images/headings.png)

## --- code ---

language: html
filename: index.html
line_numbers: false
--------------------------------------------------------

<main class="page">
<section class="wrap">
<div class="primary tile">
<h1>LOREM</h1>
</div>

```
<div class="secondary tile">
<h2>LOREM<br>IPSUM</h2>
</div>

<div class="tertiary tile">
<h3>Lorem<br>ipsum<br>dolor</h3>
</div>
</section>
```

</main>

\--- /code ---

Gebruik de class `tile` om ervoor te zorgen dat jouw tegels allemaal dezelfde hoogte hebben.

**Tip:** Je kunt de `height` (hoogte) van de `tile` (tegel) class aanpassen in `style.css`.
Binary file added zh-CN/images/headings.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
10 changes: 10 additions & 0 deletions zh-CN/meta.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
title: 添加大文本块
hero_image: images/banner.png
description: 添加包含大文本的等高等宽的块。
version: 4
listed: false
copyedit: false
last_tested: "2022-05-19"
steps:
-
title: 添加大文本块
35 changes: 35 additions & 0 deletions zh-CN/step_1.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
你可以使用标题标签(`<0>`, `<1>`,,和 `<2>`)在彩色块上创建大文本标题。

![三个不同大小的彩色框文本。](images/headings.png)

## --- code ---

language: html
filename: index.html
line_numbers: false
--------------------------------------------------------

<main class="page">
<section class="wrap">
<div class="primary tile">
<h1>LOREM</h1>
</div>

```
<div class="secondary tile">
<h2>LOREM<br>IPSUM</h2>
</div>

<div class="tertiary tile">
<h3>Lorem<br>ipsum<br>dolor</h3>
</div>
</section>
```

</main>

\--- /code ---

使用 `tile` 类来确保你的块是相同的高度。

\*\*提示:\*\*你可以在 `style.css` 中调整 `tile` 类的 `height` 。