fredtempez
/
Marp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

cpuleur en-tête et pied de page

This commit is contained in:
Fred Tempez 2024-02-20 09:07:53 +01:00
parent b5f6ef5328
commit b775765c8f
3 changed files with 11 additions and 85 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
.obsidian/workspace.json vendored
View File

@ -13,7 +13,7 @@
"state": {
"type": "markdown",
"state": {
"file": "src/Décoration et couleur du texte.md",
"file": "src/Couleurs en-tête et pied de page.md",
"mode": "source",
"source": false
}
@ -22,11 +22,11 @@
]
},
{
"id": "fcab9884081f68bc",
"id": "352202347b856a75",
"type": "tabs",
"children": [
{
"id": "9f2988b54265964a",
"id": "ef195aa4293bcccf",
"type": "leaf",
"state": {
"type": "marp-preview-view",
@ -99,7 +99,7 @@
"state": {
"type": "backlink",
"state": {
"file": "src/Décoration et couleur du texte.md",
"file": "src/Couleurs en-tête et pied de page.md",
"collapseAll": false,
"extraContext": false,
"sortOrder": "alphabetical",
@ -116,7 +116,7 @@
"state": {
"type": "outgoing-link",
"state": {
"file": "src/Décoration et couleur du texte.md",
"file": "src/Couleurs en-tête et pied de page.md",
"linksCollapsed": false,
"unlinkedCollapsed": true
}
@ -139,7 +139,7 @@
"state": {
"type": "outline",
"state": {
"file": "src/Décoration et couleur du texte.md"
"file": "src/Couleurs en-tête et pied de page.md"
}
}
}
@ -161,9 +161,11 @@
"marp-slides:Show Slide Preview": false
}
},
"active": "9f2988b54265964a",
"active": "b618911a6639f75e",
"lastOpenFiles": [
"src/En-tête et pied de page.md",
"src/Couleurs en-tête et pied de page.md",
"src/Décoration et couleur du texte.md",
"src/Les titres couleur et taille.md",
"src/Couleurs des titres.md",
"src/Le texte couleur et taille.md",
@ -172,8 +174,6 @@
"src/Thème White.md",
"src/Thème Uncover.md",
"src/Thème Gaia.md",
"src/Couleurs en-tête et pied de page.md",
"src/Décoration et couleur du texte.md",
"src",
"index.md"
]

8
src/Couleurs en-tête et pied de page.md
View File

@ -9,7 +9,7 @@ footer: Pied de page
}
</style>
# Couleurs des en-têtes et pied de page
# Couleurs de l'en-tête ou du pied de page
On utilise une propriété CSS :
`<style>`
`header, footer {`
@ -28,7 +28,7 @@ On utilise une propriété CSS :
}
</style>
# Troisième diapositive avec des couleurs de l'en-tête et du pied de page personnalisées
# Troisième diapositive avec une couleur appliquée à cette seule diapositive.
On utilise une propriété CSS :
`<style scoped>`
`header, footer {`
@ -36,7 +36,3 @@ On utilise une propriété CSS :
`}`
`</style>`
---
# Quatrième diapositive

70
src/En-tête et pied de page.md
View File

@ -1,70 +0,0 @@
---
header: En-tête
footer: Pied de page
---
<style>
header, footer {
color: red;
}
</style>
# Couleurs des en-têtes et pied de page
On utilise une propriété CSS :
`<style>`
`header, footer {`
`color: red;`
`}`
`</style>`
---
# Seconde diapositive
---
<style scoped>
header, footer {
color: orange;
}
</style>
# Troisième diapositive avec des couleurs de l'en-tête et du pied de page personnalisées
On utilise une propriété CSS :
`<style scoped>`
`header, footer {`
`color: orange;`
`}`
`</style>`
---
# Quatrième diapositive
<style scoped>
header {
right: 30px;
text-align: center;
font-size: 40px;
}
footer {
right: 30px;
text-align: right;
font-size: 40px;
}
</style>
Gérer la hauteur du texte et son alignement :
`<style scoped>`
`header {`
`right: 30px;`
`text-align: center;`
`font-size: 40px;`
`}`
`footer {`
`right: 30px;`
`text-align: right;`
`font-size: 40px;`
`}`
`</style>`