- Statut : non résolu
- Ce sujet contient 2 réponses, 2 participants et a été mis à jour pour la dernière fois par
, le il y a 11 années et 3 mois.
-
Messages
-
Bonjour,
Ma configuration WP actuelle
– Version de WordPress : 3.8.1
– Version de PHP/MySQL : 5.5.34
– Thème utilisé : Perso
– Nom de l’hebergeur : En localProblème(s) rencontré(s) :
Bonsoir, je reviens vers vous pour m’aider une « bordure ». En effet j’ai une ligne entre chaque articles pour une meilleur lisibilité seulement je ne souhaite pas une simple ligne pleine mais un dégrader.
Voici le code mise en place pour le moment :
.blog { padding-bottom:30px; border-bottom: 3px solid#ddd; margin-bottom:30px; }
.blog:last-child { padding-bottom:0px; border: none; margin-bottom:0px; }Quelle serait le code à utiliser pour un telle effet ?
Bjr,
Tu ne pourra pas faire cela QUE en rajoutant une propriété CSS.
=> Les propriétés CSS pour les dégradés doivent être mises en place pour plusieurs navigateurs (car les propriétés qui fonctionnent pour FF et Chrome ne fonctionnent pas pour IE)
Il faudra donc utiliser le « combo » suivant:background-image:linear-gradient(green, blue); /* Norme W3C */
background-image:-moz-linear-gradient(green, blue); /* Firefox */
background-image:-webkit-gradient(linear, green, blue); /* Chrome, Safari */
background-image:-o-linear-gradient(green, blue); /* Opera */
background-image:-ms-linear-gradient(green, blue); /* IE */=> Il faut remplacer blue et green par tes codes couleur #xxxxxx
Ensuite pour mettre ça sous chaque article, tu vas devoir créer une
dans le fichier qui gère l’affichage de tous tes articles (a priori le category.php de ton thème), et il faudra donc mettre cette div après le code qui appelle les articles.De nouveau dans le CSS, il faudra définir une hauteur à cette div (en px), et lui appliquer toutes les propriétés CSS de dégradé de couleur.
- Vous devez être connecté pour répondre à ce sujet.