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

cpuleur en-tête et pied de page

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

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

@ -9,7 +9,7 @@ footer: Pied de page
} }
</style> </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 : On utilise une propriété CSS :
`<style>` `<style>`
`header, footer {` `header, footer {`
@ -28,7 +28,7 @@ On utilise une propriété CSS :
} }
</style> </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 : On utilise une propriété CSS :
`<style scoped>` `<style scoped>`
`header, footer {` `header, footer {`
@ -36,7 +36,3 @@ On utilise une propriété CSS :
`}` `}`
`</style>` `</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>`