Conseils de style pour le logo du wiki

De Gamepedia Help Wiki
Aller à : navigation, rechercher

Le placement par défaut du logo du wiki se trouve au-dessus des menus de navigation de gauche dans le coin supérieur gauche de l'écran. La zone attribuée au logo est 160x160px.

Correction du logo CSS par défaut[modifier | modifier le wikicode]

@import url('http://hydra-media.cursecdn.com/hydra/default.css'); #p-logo a { background:none !important; } #p-logo img { display:inline; }

Ombre portée[modifier | modifier le wikicode]

Parfois, le logo d'un wiki peut être difficile à voir sur un arrière-plan donné. Une façon de le faire ressortir est d'ajouter une ombre portée :

#p-logo img,
#p-logo a img {
    background: rgba(0,0,0,0);
    -webkit-filter: drop-shadow(0px 0px 10px #999999);
    filter: drop-shadow(0px 0px 3.5px #999999) drop-shadow(1px 1px 1px #999999);
}

L'ombre est un gris moyen-foncé dans cet exemple, mais n'importe quelle couleur pourrait être utilisée.

Centrage[modifier | modifier le wikicode]

Parfois, le logo se prête mieux à être placé au-dessus de la zone de contenu principal, de manière centrée.

#p-logo,
#p-logo a {
   height: <hauteur de l'image du logo>;
   width: <largeur de l'image du logo>;
}

#p-logo {
   left: 50vw;
   margin-left: -<la moitié de la largeur de l'image du logo>;
}

Cela nécessite généralement que la zone de contenu div#content soit déplacée pour accueillir le logo.