Bienvenue sur le forum d'entraide d'OverBlog.
Nous vous conseillons de chercher une réponse sur notre base de connaissances avant de poster une demande sur le forum.
[RÉSOLU] Insérer une image de fond dans mes articles.
  • Bonjour ,
    je souahiterai insérer dans mes articles une image de fond ( quasi transparente que je travaillerai avec photofiltre par exemple ) . 
    premiere question : Dois je choisir ue image de taille bien spécifique ? 

    seconde question : étant néophite , je pense que ca doit etre par la / 
     .ob-text li:last-child {margin-bottom: 15px;}
                .ob-text h3,
                .ob-text h4,
                .ob-text h5,
                .ob-section-html h1,
                .ob-section-html h2,
                .ob-section-html h3,
                .ob-section-html h4,
                .ob-section-html h5 {margin: 15px 0 5px;}
                .ob-text h3 {font-size: 18px; line-height: 18px;}
                .ob-text h4 {font-size: 16px; line-height: 16px;}
                .ob-text h5 {font-size: 14px; font-weight: bold; line-height: 14px;}
                .ob-section ol {margin-left: 30px;}
                .ob-section ul {margin-left: 20px;}
                .ob-section li p {margin: 0;}
                .ob-text pre {
                    background: #EEE;
                    border: 1px solid #DDD;
                    margin-bottom: 20px;
                    overflow: auto;
                    padding: 10px;
                    white-space: -webkit-pre-wrap;
                       white-space: -moz-pre-wrap;
                        white-space: -ms-pre-wrap;
                         white-space: -o-pre-wrap;
    Et je remplace BACKGROUND EEE par  background-image:url(URL IMAGE); 
    Je suppose :)    Merci de m'aider :) 

  • Bonjour,

    il y a 2 chose distincte

    soit mettre une image de fond sur les articles, soit faire un fond transparent

    pour le fond transparent il y a un post 


    pour modifier la couleur de fond des articles



    sinon, ponctuellement, tu peux directement insérer une ligne de code dans le html de ton article comme je l'ai fait pour mon sommaire qui a une image de fond


    les lignes a ajouter sur le html de ton article au début ( on ne passe donc pas par "editer")

    <div style="BACKGROUND-image:url(url de ton image de fond.jpg) ;border-radius:10px;">

    j'ai ajouté un bord arrondi (border-radius:10px;), tu peux ne pas le mettre ou  faire varier l'arrondi en jouant sur le "10 px)





  • Bonsoir Medhi , 
    Merci j'ai compris le système . Non pour la transparence, il suffit de rendre l'image ( un petit peu transparente via photofiltre ) . Puis via ton code , je bascule direct l'image comme ca . 
    merci bien .