PapyClic - Design

PapyClic - Design

Menu lateral

1 appréciations
Hors-ligne
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 -

67 appréciations
Hors-ligne
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.


1 appréciations
Hors-ligne
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 "For
um".

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

:b2: beaucoup

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

67 appréciations
Hors-ligne
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.





1 appréciations
Hors-ligne
RE

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

67 appréciations
Hors-ligne
...
Tu as oubliée le "#" devant les sélecteurs :

#menu_articles h2

#menu_blogmember_box h2

Voilà l'erreur !!!



1 appréciations
Hors-ligne
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

67 appréciations
Hors-ligne
...


Merci et bonne nuit à toi aussi
Ce sujet est fermé, vous ne pouvez pas y répondre

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 159 autres membres