• Résolu Changer de fond de titre selon les rubriques/articles


    Mardi 28 Juin 2016 à 11:04
    Prunette.

    Bonjour,

    J'aimerais savoir si c'était possible de changer le fond de titre selon la rubrique ou l'article et, si oui, comment faire ?

    Merci d'avance !

    Mardi 28 Juin 2016 à 19:32
    stormalo

    Bonjour,

    possible en ajoutant un code de style CSS (par article)

    Principe du code:

    #module_article000000000 .module_titre {
    background-image: url("adresse image de fond");
    }

    remplacer 000000000 par le numéro identifiant l'article (ce n° figure dans la barre adresse du navigateur)

    remplacer adresse image de fond par l'adresse exacte de l'image (en  http//: )

    Il sera possible de simplifier si plusieurs articles utilisent la même image de fond pour leur titre.

    Mardi 28 Juin 2016 à 22:16
    Prunette.

    Tout d'abord, merci de votre réponse. Mais, le problème c'est que je ne me suis jamais servi du CSS, je sais juste où il se trouve (l'endroit où on peut le modifier). Le #module_article est-il déja présent à la base ? Car moi je ne le trouve pas... Je sais je suis assez chiante x) Merci d'avance !

    Mercredi 29 Juin 2016 à 11:45
    stormalo

    Bonjour,

    Un petit exemple avec l'article "Prologue", pour illustrer

    ➙ L'url (l'adresse) de l'article est :
    http://uneideesoudaine.revolublog.com/prologue-a126270858
    Le n° d'identification de cet article est donc 126270858

    ➙ pour le titre, l'image de fond actuelle est celle ci:
    http://ekladata.com/xjt2ZIW25Ta0yFpfxQB2dt6cquw.jpg

    et on souhaite la remplacer par celle-là: 
    http://ekladata.com/7ZtRmP3tTbcsjH_6EbamXk8UMAA.jpg


    ➙ Pour cela,
    dans Modifier le thème, Ajouter ce code css  :

    /* image titre prologue */
    #module_article126270858 .module_titre {
    background-image: url("http://ekladata.com/7ZtRmP3tTbcsjH_6EbamXk8UMAA.jpg");
    }

    Ce qui est entre /* et */ est un message pour info. Cette ligne est facultative.

     

    Les codes css ajoutés dans le thème sont lus en dernier dans la feuille de style, ils modifient donc ce qui est demandé en amont

    Dans le code source de "Une idée soudaine" figure l'url css du thème
    http://uneideesoudaine.revolublog.com/theme-769676-260.css

     

    Bon bricolage de bonnes découvertes

    Mercredi 29 Juin 2016 à 16:16
    Prunette.

    J'ai compris coolMerci beaucoup !

    Samedi 8 Juin à 11:29
    Killpower

    Bonjour, 

    Et si je veux avoir plusieurs titres avec un fond particulier et d'autres titres avec un autre fond comment je peux faire  au niveau du code CSS

    Et comment faire pour un fond d'une couleur uniforme (au lieu d'un lien vers une image?) Du bleu ou du rose par exemple ? 

    Merci de votre réponse. 

    Vendredi 14 Juin à 21:47
    stormalo

    Bonsoir Killpower,

    ✔  La même image de fond pour plusieurs titres d'articles:

    Reprise de l'exemple déjà cité, en imaginant 4 articles (donc 4 sélecteurs):

    On sépare les sélecteurs - ce qui est avant les { } - par une virgule

    #module_article000000000 .module_titre,
    #module_article1111111111 .module_titre,
    #module_article222222222 .module_titre,
    #module_article333333333 .module_titre {
    background-image: url("adresse image de fond");
    }

     

    ✔  Mettre une couleur de fond unie sans utiliser d'image : 

    remplacer : background-image: url("adresse image de fond")

    par : background-color: Indiquer le code la Couleur ;     

    Exemples de code couleur pour du Bleu:
    #0000FF ou  blue  ou RGB(0,0,255)    

    + une page web au hasard du moteur de recherche Qwant:
    http://www.letoileauxsecrets.fr/couleurs/couleurs-web.html

    < Bon coloriage >

    Vendredi 14 Juin à 22:42
    Killpower

    Super. merci beaucoup. Tout est dedans. 




    Vous devez être membre pour poster un message.