Article sur bannière et autres..

[Enoirdel]

Bonsoir,

Excusez moi mais je suis nouveau su Blogger et je suis un peu perdu pour 2/3 trucs ^^

Alors mon premier soucis est le fait que mes articles passent dessus ma bannière sur la première page quand l'article est en résumé avant de cliquer sur (texte complet).

Du coup y'a t'il un moyen de descendre les articles en dessous de la bannière grâce au css ou autre ?

Ensuite mon second soucis est que j'aimerais si possible crée des boutons pour mes divers pages plutôt que la liste moche à gauche si possible.

Et enfin (pour le moment) Est il possible de mettre une image à la place des zones colorées qui sont les barres latéral  haute et basse ainsi que le corps de texte ce qui ferait 3 zones / 3 images.

Merci de votre aide :)

[Enoirdel]

Précisions que j'ai oubliées de mettre : 

https://hytale-fr.blogspot.com 

Mon thème : Contempo Dark

[Soraya Lambrechts]

Bonjour, bienvenue sur Blogger et dans le monde de l'UI/UX :)

1. Dans ce modèle, la superposition de l'entête et du contenu par-dessus la bannière est un comportement prévu d'origine. Pour pouvoir donner l'illusion que le contenu est placé sous cette bannière, il faut affecter une hauteur au header :

CSS :

header { height: calc($(body.background.height) - 48px); }

2. Il n'est pas nécessaire de créer de boutons. On peut donner une apparence de bouton à n'importe quel élément d'une page web sans en dénaturer la valeur sémantique.

Exemple CSS, liens des listes de la sidebar :

#sidebar_bottom ul li a {
  display: block;

  margin-block: 6px; 

  padding: 8px 16px;

  background-color: #777;
  color: #fff;
  border-radius: 6px;
}

#sidebar_bottom ul li a:hover {
  background-color: #666;
}

3. Des images peuvent être placées avec le gadget "Image" ou "HTML/JS".

Best :)

[Enoirdel]

Merci SORA je vais aller voir si je réussi à faire ce que vous m'avez expliqué ici ^^