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] Comment accéder et modifier son css après migration ?
  • Bonjour,
    Dans l'ancienne version, j'avais pas mal modifié le style en CSS. Après migration, c'est toujours ce style qui est utilisé mais je ne comprends pas où il est appelé : quand je vais dans Configuration/HTML, aucune ligne ne renvoie à l'adresse de ce fichier, alors qu'il est bien appelé par la page elle-même (en affichant le code source de la page HTML).
    Ce fichier est-il accessible ? Si oui, comment ?
    Si non, à quel endroit de Configuration/HTML faut-il mettre les lignes de CSS pour que ça marche ?

    J'ai regardé la page "themes customisation" sur laquelle renvoie l'aide mais je n'ai pas retrouvé les paramètres qu'elle décrit sous configuration/HTML... j'ai l'impression qu'il s'agit de paramètres qui seraient utilisés par des développeurs pour créer de nouveaux thèmes, avec une application dont j'ignore tout...

    Si vous pouvez m'aiguiller pour que j'apprenne à me débrouiller avec tout ça, ce serait vraiment gentil !
  • Bonjour,
    pour modifier le html/css, le chemin est Thème/configurer/html.
    Ensuite,les lignes à trouver, c'est selon ce que tu as à changer. 
  • Là, je veux changer l'image de fond. Elle est définie par ma fameuse feuille de style CSS introuvable...
  • J'ai donné le chemin à suivre dans mon message juste au-dessus du tien.
  • En fait, ce que je cherche, c'est la feuille de style que j'avais créée avant migration, qui est appelée sous une adresse qui finit en "article.css" quand je regarde le code source d'une page de mon blog, juste après la ligne qui appelle "common-kiwi.css".
    Je suis déjà allée dans Thème/configurer/html et je n'ai pas trouvé de référence à cette adresse article.css. Et si je saisis l'adresse article.css dans mon navigateur internet, j'ai bien l'ancienne feuille css qui s'affiche... mais je ne peux pas l'éditer.
    Mon image de fond est appelée par la feuille de style article.css.
    J'ai du mal à m'expliquer, désolée...
  • Pareil qu'anne(tte)... pas moyen de modifier l'ancien css, ce qui fait qu'il est impossible de changer une image de fond par exemple...
  • Bonjour, 
    J'aimerais bien l'adresse du blog d'anne(tte) pour vérifier mais je dirais que tout est dans le html et donc la ligne du fond aussi. . 
  • Merci pour cette réponse, Brigades. Ton site a l'air d'être une mine d'info, je vais me plonger dedans. ;)

    Voici l'adresse de mon blog : http://blogahistoires.over-blog.com/

    A force de creuser, je crois que je commence à comprendre comment ça marche...
    Si j'affiche la source de la page (CTRL+U avec Firefox), je trouve l'adresse de mon ancienne feuille de style ici, entre l'appel à "common-kiwi.css" et celui à "ob-print.css" :

    <link type="text/css" href="http://fdata.over-blog.net/99/00/00/01/csscombos/common-kiwi.css?kiwi" rel="stylesheet" />

    <link type="text/css" href="http://fdata.over-blog.com/2/84/24/96/css/article.css?kiwi" rel="stylesheet" />

    <link rel="stylesheet" href="http://fdata.over-blog.net/99/00/00/01/csscombos/ob-print.css" type="text/css" media="print" />

    Quand je vais dans l'administration du blog, sous Configurer/HTML, il y a un code entre ces deux lignes libellé "{# Custom css #}" qui appelle une variable "ob_style_custom_global". Je pense que c'est elle qui renvoie l'adresse de ma page article.css (la page css du blog avant migration).
    L'onglet Configurer ne propose pas de modifier cette adresse. Je pense que la page article.css n'est plus ni accessible ni modifiable.

    Par contre, un peu plus loin dans Configurer/HTML, on trouve :

    <meta name="image:ob_body_bg_picture:label.BodyBackgroundPicture" group="group.CustomizeMyDesign" />

    J'imagine que cette ligne permet d'utiliser l'image de fond définie dans la partie "Personnaliser mon thème" de "Configurer". Comme elle se trouve après l'appel à l'ancienne feuille de style, c'est elle qui doit s'appliquer.

    En conclusion, en sélectionnant une image dans l'onglet Configurer, elle doit se mettre comme image de fond du blog, tout simplement ! Je n'ai pas encore testé (je prépare d'abord une image de fond qui me convient et je teste).

    J'espère que j'ai tout compris... et je vais continuer à lire l'article sur le fonctionnement du langage Twig ici : http://iv-oam.overblog.com/nouvel-over-blog-html-inventaire et le lien que tu viens de donner, Brigades, pour creuser tout ça !

    ... après des débuts (très) difficiles, je vais finir par aimer la version après migration, finalement !
  • Merci pour le lien.
    Effectivement, tu ne peux pas intervenir sur ton ancien css, car l'adresse http://fdata.over-blog.com/2/84/24/96/css/article.css?kiwi n'est pas "modifiable", et il faut absolument passer par l'Administration actuelle.

    Tu as pu voir que cette Administration permet de changer beaucoup de choses sans toucher au css importé.

    Si tu décides de prendre un nouveau thème, tu perds définitivement ton css actuel pour trouver un html 100% kiwi dans lequel tout le css est modifiable.
  • Bonjour, 

    J'ai aussi changé mon background après la mise à jour :
    J'ai essayé par le "Configuré" mais le résultat n'a pas été terrible (image resizé, bande blanche, ...)
    Bref je suis passé par le CSS

    De mon côté c'est vers les lignes 281

    J'ai carrément fait "à l'ancienne" et donc un peu bousculé ce qu'il y a avait ...

    et voici ce que j'ai (en gras mes changements)

     <style type="text/css">
            {% if Custom('ob_body_bg_color') or Custom('ob_body_bg_picture') %}body {
                {% if Custom('ob_body_bg_color') %}background-color: {{ Custom('ob_body_bg_color') }} ! important;{% endif %}
                {% if Custom('ob_body_bg_picture') %}background-image: url(http://ddata.over-blog.com/0/05/92/49/Mep/Summer-01.jpg) ! important; 
    background-repeat: no-repeat;
        background-attachment: fixed;
    background-position: top center;{% endif %}
            }{% endif %}


  • Tu peux faire beaucoup plus simple : retirer toutes les conditions puisque tu n'en veux pas.
  • J'ai fait à l’arrache et à la va-vite :), et comme je me méfie de mon html ... :S
    Et suis plus [+] occupé à préparer ma mise à jour d'autres blogs ;) 
  • Merci beaucoup beaucoup pour ces infos ! Y a plus qu'à. ;)