« MediaWiki:Common.css » : différence entre les versions
De Les Archives Infinies
Page créée avec « →Bandeau en haut de page : #site-header { background-color: #005288; →couleur de fond : color: white; →couleur du texte : padding: 15px; font-size: 22px; text-align: center; font-weight: bold; position: fixed; top: 0; width: 100%; z-index: 9999; box-shadow: 0 2px 6px rgba(0,0,0,0.2); } →Décale le contenu vers le bas pour ne pas être caché par le bandeau : body { padding-top: 60px; } » |
Aucun résumé des modifications Balise : Révoqué |
||
| Ligne 1 : | Ligne 1 : | ||
/* Bandeau en haut de page */ | /* Bandeau en haut de page */ | ||
@import url('https://fonts.googleapis.com/css2?family=MedievalSharp&display=swap'); | |||
#site-header { | #site-header { | ||
background- | background-image: url("/images/c/c3/Archives_infinies_medieval.png"); | ||
color: | background-size: cover; | ||
background-position: center; | |||
font-size: | height: 200px; | ||
color: #f0e6d6; | |||
font-family: 'MedievalSharp', cursive; | |||
font-size: 36px; | |||
text-align: center; | text-align: center; | ||
padding-top: 70px; | |||
text-shadow: 2px 2px 4px #000; | |||
position: fixed; | position: fixed; | ||
top: 0; | top: 0; | ||
width: 100%; | width: 100%; | ||
z-index: 9999; | z-index: 9999; | ||
box-shadow: 0 | box-shadow: 0 4px 6px rgba(0,0,0,0.5); | ||
} | } | ||
body { | body { | ||
padding-top: | padding-top: 220px; /* Pour que le contenu ne passe pas sous le bandeau */ | ||
} | } | ||
Version du 29 mars 2025 à 01:31
/* Bandeau en haut de page */
@import url('https://fonts.googleapis.com/css2?family=MedievalSharp&display=swap');
#site-header {
background-image: url("/images/c/c3/Archives_infinies_medieval.png");
background-size: cover;
background-position: center;
height: 200px;
color: #f0e6d6;
font-family: 'MedievalSharp', cursive;
font-size: 36px;
text-align: center;
padding-top: 70px;
text-shadow: 2px 2px 4px #000;
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
box-shadow: 0 4px 6px rgba(0,0,0,0.5);
}
body {
padding-top: 220px; /* Pour que le contenu ne passe pas sous le bandeau */
}
