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] personnalisation thème
  • bonsoir,
    je suis entrain de personnaliser le thème de mon blog "nullified" . j'ai mis les mains dans les codes html et je n'arrive plus à m'arrêter lol :) mais je trouve pas pour modifier la couleur du titre des articles (actuellement en blanc) et aussi la couleur des liens, sur le coté, est-ce que c'est possible de changer la couleur? ça se situe où dans l'html?
    merci pour votre aide
  • Bonjour

    avant style (tu connais maintenant  ;)   tu colle :

    soit:

    h1, h2, h3, h4, h5, .blog-title, .widget-title {
        color: #fff;
       }

    et tu change le blanc  #fff; a ce moment les titre h1, h2 etc...change de couleur tous ensemble
    _____________

    ou tu ajoute seulement pour le titre de l'article

    h2, .post-title {  color: #fff;  }

    tu change   #fff
    __________________________

    concernant les titre rouge en colonne, tu ajoute avant style:

    #sidebar .widget-title {  color: #8a0808;  }

    tu change la couleur n#8a0808
    ____________

    petite explication du principe

    je te fais tout mettre avant style qui marque la fin du css de ton code car ultérieurement tu pourra supprimer ou modifier les lignes de codes ajoutés plus facilement et revenir ainsi au code initial

    en effet ton navigateur lis le code nullified et il prends en compte les dernières lignes de code ajoutés en fin de css en priorité

    ce qui veut dire que si tu demande du blanc pour tes titres et qu'en fin de css tu les demande rouge, le navigateur voir l'ordre de les mettre en blanc......puis le contre ordre de les mettre en rouge

    comme le rouge demandé est en bas de css, il est prioritaire sur toutes les autres instructions.

    par exemple: le jour ou tu supprime la ligne de code demandant un titre en rouge, l'ordre de l'afficher en blanc est toujours présent car natif au code nullified et donc le navigateur le prendra en compte.
  • c'est plus pratique de procéder par ajout de ligne de code modificative que modifier directement le code existant.

    tu les retrouve nettement plus facilement si besoin ulterieur de modifications car toute avant "style"

  • Au passage, a droite de ce forum ,tu peux voir une catégorie "nullified" qui recense 41 post de modifications possible sur ce theme


  • Merci Mehdi pour toutes tes précisions. je vais essayer ça même si je suis plus trop sure de changer la couleur du titre des articles.
    Pour les liens sur le coté je voulais surtout parler des liens cliquables (en blanc actuellement) et non des titres des liens (catégorie, pages, abonner...) que je laisse en rouge (couleur que j'ai modifié)
  • oui j'ai été jeter un oeil sur la catégorie "nullified" qui m'a bien aidée pour retirer le bandeau rose en en-tête
  • Bonjour,
    je souhaiterais modifier le thème nullified et je lis partout que l'on peut changer le code html...mais cela se fait depuis où ? Je n'ai qu'une colonne de travail à gauche de la page web une fois cliqué "Personnaliser" le thème.
    Je souhaiterais notamment
    1) changer le fond (image grise et sombre) qui est localisé à
    http://assets.over-blog.com/t/nullified/images/bg.jpg

    2) Changer la belle couleur mauve du bandeau de tête.

    Merci pour vos réponses
    Matthieu

  • Bonjour,

    Merci de compléter l'adresse de ton blog sur le profil forum
      
    En étant connecté, clique directement sur ce lien
    et compléte l'adresse de ton blog dans le rectangle blanc, voir capture ci-dessous :

    imageActuellement, on ne voit pas ton blog 


  • Tu peux regarder a droite de ce forum, tu verra une catégorie "nullified" avec plusieurs modifications de theme possible et comment faire.


  • ok. Merci Mehdi.
    Je voudrais aussi changer l'image du fond.
    J'ai enlevé bg.jpg et aimerais mettre à la place une image localisée sur une adresse www. Comment faire ?

    background: #151515 url(//www.lptmc.jussieu.fr/user/mmi/orch_ecole/tuba_good.jpg) bottom center no-repeat;

    mais cela ne semble pas marcher.
    Amitiés
  • Bonjour,

    (//www.lptmc.jussieu.fr/user/mmi/orch_ecole/tuba_good.jpg) 

    il te manque http://


  • sur "l'entete" voici le code actuel

     background:url("//assets.over-blog.com/t/nullified/images/bg2.jpg") center bottom no-repeat #854646;
      color:#FFFFFF;
      height:auto;
      padding:35px;
      position:relative;
      width:910px;
    }


    ________________

    tu dois remplacer: "//assets.over-blog.com/t/nullified/images/bg2.jpg"

    par l'adresse url de ton image

    tu dois donc déjà l’héberger pour en recuperer son adresse url

    Ton adresse url de tuba est apparement:  https://www.lptmc.jussieu.fr/user/mmi/orch_ecole/tuba_good.jpg


    Celle de l'image d'overblog actuellement est:  http://assets.over-blog.com/t/nullified/images/bg2.jpg


  • Bonjour Mehdi,
    effectivement, cela a fonctionné. Deux autres questions supplémentaires après avoir pas mal joué avec l'interface avancée pour changer le html.
    1) J'ai changé la couleur du titre de mauve en bleu mais il en reste un morceau. Je suppose qu'il est codé dans le css et que je dois mettre une commande juste avant la fin du "style". Mais quelle est cette commande ?

    2) Je voudrais réduire la taille du texte de présentation "A propos".

    Merci une nouvelle fois pour les réponses de l'expert !
    Matthieu