Vous avez le choix entre :
- disc (rond plein)
- circle (cercle)
- square (carré)
Leur format est de 8*8 px en moyenne.
Dans cet article, il s'agit de modifier toutes les puces du blog. Dans d'autres articles, vous verrez qu'il est possible, ensuite de modifier dans les articles, les pages, les modules ...
Vous devez vous rendre dans votre (ou vos) CSS : Design > Mode CSS
Lorsque la ligne n'existe pas, vous la créez ; lorsqu'elle existe, vous la complétez.
Pour enlever les puces
li {list-style:none; }Pour mettre une puce classique
li {list-style:disc; }Pour mettre une puce image
ou
li {list-style:square; }
ou
li {list-style:circle; }
li {list-style-image:url(adresse de la puce); }QUELQUES ASTUCES
Pour changer la couleur de la puce au survol de la souris
ul li:hover {color:red; }Pour changer la forme de la puce au survol de la souris
ul li:hover {list-style:disc; }Si vous préférez une liste décimale au lieu d'une puce
ou
ul li:hover {list-style:square; }
ou
ul li:hover {list-style:circle; }
ou
ul li:hover {list-style-image:url(adresse de la puce); }
li {list-style-type:decimal;}
Comment changer la couleur de la puce quand on survole le lien qui est sur sa droite ?
RépondreSupprimervoir ce site http://www.vtt26.com/
Accueil, les photos....
Faisable ou pas ?
Bravo et merci pour tes conseilles
Bonjour Iloria, je vois que tu y es arrivée, elle passe de rouge à noir.
RépondreSupprimerComment changer la couleur de la puce quand on survole le lien qui est sur sa droite ?
RépondreSupprimervoir ce site http://www.vtt26.com/
Je me suis mal exprimé, comment reproduire le même effet sur mon blog ?
Faisable ou pas ?
Merci
Ok :)
RépondreSupprimerPour changer la couleur de la puce (en rouge) de tous les liens de tes modules, tu rajoutes tout en bas de ton CSS :
.box-content li:hover {color:red;}
Comment rajouter une puce dans le module "Partager ce blog"?
RépondreSupprimerje ne trouve pas l'article sur ton site.
Merci
Bonjour Iloria :)
RépondreSupprimerCe n'est pas une liste, donc il n'est pas possible de rajouter une puce.
Par contre, on peut tricher en rajouter un background.
Dans les faits, rajoute tout à la fin de ton CSS :
.box5 a {background-image:url(http://4.bp.blogspot.com/_RpcwHx8W2XM/TUkxsCGhkGI/AAAAAAAABoQ/_F9osypPBjc/s1600/puce.png);background-repeat:no-repeat;background-position:left;padding-left:10px;margin-left:5px}
Bonjour je voulais savoir ou trouver des puces et si pour le module page sur overblog sa pouvez marcher.
RépondreSupprimerEn tous cas bravo pour tous ce que tu fais
bonjour IIoria,
RépondreSupprimerje voulais savoir comment modifier l'espace entre deux gadgets ?
Merci beaucoup pour tes conseils.