Intégration d’une image en CSS pour un site WordPress (Créer un compte)

  • WordPress :6.1
  • Statut : non résolu
3 sujets de 1 à 3 (sur un total de 3)
  • Auteur
    Messages
  • #2438549
    Gregoryen
    Participant
    Initié WordPress
    45 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Thème utilisé : Divi
    • Nom de l’hébergeur : o2switch
    • Adresse du site : gregoryen.fr

    Problème(s) rencontré(s) :

    Bonjour à tous,

    Je suis en train de créer un site avec le style pixel art et j’utilise WordPress ainsi que le plugin DIVI builder. J’ai réussi à modifier les bordures de mes articles pour qu’elles ressemblent à l’image dessous avec ce code :

    .mon-element  {
    border-image: url('chemin/vers/image.png') 10 repeat ;
    }

    J’ai deux problèmes : le premier est que l’image est un peu floue et je voudrais qu’on puisse bien voir chaque pixel.

    Et le second c’est que j’aimerais utiliser une image différente pour la bordure haute seulement. J’ai essayé d’utiliser ce code CSS :

    .mon-element {
    border-image: url('chemin/vers/image-haut.png') 10 10 url('chemin/vers/image-coté.png') 10 repeat;
    }

    Malheureusement, cela n’a pas fonctionné. J’ai beau chercher, je n’arrive pas à trouver la solution et je me triture littéralement le cerveau ! Si quelqu’un a une idée de ce qui pourrait causer ce problème ou s’il connaît une solution, je serais vraiment reconnaissant de votre aide.

    Voici un exemple de site qui illustre bien ce que j’aimerais obtenir : http://pixelstamps.gas13.ru

    Merci d’avance !

     

    • Ce sujet a été modifié le il y a 2 mois et 4 semaines par Gregoryen.
    • Ce sujet a été modifié le il y a 2 mois et 4 semaines par Gregoryen.
    • Ce sujet a été modifié il y a 2 mois et 4 semaines par Gregoryen. Raison : Correction fautes
    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2438618
    mathieu42
    Participant
    Maître WordPress
    1968 contributions

    d’après la documentation de « border-image », j’ai l’impression qu’on peux seulement indiquer un fichier de bordure par élément :
    https://developer.mozilla.org/fr/docs/Web/CSS/border-image

    testez peut-être l’utilisation de deux éléments superposés avec le 1er qui a une bordure seulement en haut et le 2e avec une bordure aux 3 autres cotés.

     

    #2438729
    Gregoryen
    Participant
    Initié WordPress
    45 contributions

    Très intéressant le lien ! Dès que j’ai un peu de temps je vais essayer et je ferait un retour. Merci 🙂

3 sujets de 1 à 3 (sur un total de 3)
  • Vous devez être connecté pour répondre à ce sujet.