PapyClic - Design

Bonsoir

Je voudrais mettre dans un seul cadre tous mes articles avec la colombe en-dessus de ARTICLES...

Comment dois-je procéder ?

Je ferais de même pour toutes les autres catégories...

J'ai rajouté le bloc NEWLETTERS - Est-il vraiment utile ?

:b2: infiniment ...j'avance doucement mais c'est pas facile...

blog-test-vonny.blog4ever.com - version PLUS -

:b1: Cyrène,

Si tu veux rajouter une image "Colombe" entre chaque bloc du menu, tu rajoutes à chaque fois comme la colombe du haut.

Si tu veux mettre l'image dans chaque bloc du menu, ça sera une image de fond du titre H2 de chaque bloc.
Voir mon article >>> [lien]
et en particulier :


Voilà ce que tu peux faire mais j'ai peut-être mal compris.

:bye:

Bonjour

Je voudrais mettre une image différente dans chaque bloc, mais je n'ai pas compris la fonction ci-dessous :

Déjà il faut remplacer .menu_bloc, CLASS qui gère tous les blocs et le remplacer par
#menu_forum, ID qui gère uniquement le bloc "Forum".

Après plusieurs tentatives, je n'ai pas réussi...peux-tu me guider ?

:b2: beaucoup :bye:

http://blog-test-vonny.blog4ever.com/

:b1: Cyrène,

Pour mettre des images différentes à chaque bloc du menu latéral, comme tu as fait pour mettre la même image dans tous les blocs. Mais il faut faire une règle pour chaque bloc avec son identifiant.

Bloc "Articles" >>> id="menu_articles"
Bloc "Photos" >>> id="menu_photos"
Bloc "Forum" >>> id="menu_forum"
bloc "Statistiques" >>> id="menu_stats"


#menu_articles h2 {
background-image: url('adressedelimage ');
background-repeat: no-repeat;
background-position: center top;
padding-top: 150px; /* à modifier selon la hauteur de l'image */
text-align: center;
}

Pareil pour chaque bloc :

#menu_photos h2 {
****
}
#menu_forum h2 {
****
}
#menu_stats h2 {
****
}

#menu_blogmember_box h2 {
***
}

Pour le bloc Newsletters c'est pareil mais il faut avoir fait un bloc HTML voir la deuxième partie du tuto >>> [lien]


Petit à petit du devrais y arriver, essaie de trouver des images de mêmes dimensions, ça sera plus simple.


:bye:

RE :ccc:

J'ai fait un essai sur 2 blocs et ça ne fonctionne pas...où est mon erreur ?

}
menu_articles h2 {
background-image: url('https://static.blog4ever.com/2013/12/758819/gif-bloc.png ');
background-repeat: no-repeat;
background-position: center top;
padding-top: 150px; /* à modifier selon la hauteur de l'image */
text-align: center;
}
menu_blogmember_box h2 {
background-image: url('https://static.blog4ever.com/2013/12/758819/gif-bloc.png ');
background-repeat: no-repeat;
background-position: center top;
padding-top: 150px;
text-align: center;
}

http://blog-test-vonny.blog4ever.com/

MERCIIIIIIIIIIIIII :bye:

...
Tu as oubliée le "#" devant les sélecteurs :

#menu_articles h2

#menu_blogmember_box h2

Voilà l'erreur !!!

:bye:

Je suis vraiment "quiche"...j'avais volontairement supprimé" le "#" devant le sélecteur...
Je croyais que c'était réservé au DP1...pourtant tes explications sont claires...

Un grand :b2: ...ça mérite un

Je continue...c'est super...

Bonne nuit :bye:

...


Merci et bonne nuit à toi aussi