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] reduire la largeur du blog
  • bonsoir
    j'ai bidouillé et j'ai pas note la ligne...
    est-ce que quelqu'un peut me dire ou cela se trouve afin de revoir mon fond bleu azur
    je voudrai aussi inserer une photo dans presentaion...comment procede -ton
    Merci de votre aide
    Ange qui se remet dans son blog avec le nouvel interface  et qui galere
  • Bonjour,

    la couleur bleu de ton fond est ici


    body {
        background-attachment: scroll;
        background-clip: border-box;
        background-color: #9afeff;
        background-image: none;
        background-origin: padding-box;
        background-position: 0 0;
        background-repeat: repeat;
        background-size: auto auto;
        color: #373737;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 14px;
        line-height: 1.625em;
    }

    _________

    #9afeff étant la couleur bleu ciel

    _________________________

    Pour la photo tu y ai arrivé il me semble (paramètre du compte)

    ____________________

    Pour la largeur de ton blog, il est a 1300 px en ce moment et c'est en effet un peu large, réduit a 1100 px pour test.

    #global {
        background-color: #fff;
        box-shadow: 0 0 5px 1px rgba(68, 68, 68, 0.5);
        margin-bottom: 50px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;
        width: 1100px;
    }
  • tu peux soit modifier directement les lignes dans ton code mais le mieux est de les ajouter avant la dernière balise </style> de ton css twenty eleven.....celle avant </HEAD> <BODY>

    copie d’écran ci dessous pour que tu visualise cette balise style (les ligne s'ajoute AVANT)

    vers la ligne 1005

    image


    donc avant style tu ajoute:

    body {
        background-attachment: scroll;
        background-clip: border-box;
        background-color: #9afeff;
        background-image: none;
        background-origin: padding-box;
        background-position: 0 0;
        background-repeat: repeat;
        background-size: auto auto;
        color: #373737;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 14px;
        line-height: 1.625em;
    }


    #global {
        background-color: #fff;
        box-shadow: 0 0 5px 1px rgba(68, 68, 68, 0.5);
        margin-bottom: 50px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;
        width: 1100px;
    }


    _________________
    bien sur tu a modifié la couleur du fond de ton blog (#9afeff)
  • Super Merci, je vais regarder cela
    ma banniere est un peu etirée pour le coup?
    et je voudrai mettre la meme police d 'ecriture sur tout le blog ....a savoir courier new est-ce possible ?
  • Pour la police tu modifie cette ligne:

       font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;


    Pour la banniere:

    actuellement ta banniere fait 1000x 210 px de haut......alors que dans le code la hauteur est fixé a 228 px ( d'ou "l’étirement " )...on va donc rectifier cette hauteur

    donc, toujours avant style tu ajoute:


    #blog-cover {
        height: 210px;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        width: 100%;
    }

    __________________

    j'ai réglé la hauteur a 210 px

    si tu change de bannière un jour et que tu en modifie la hauteur,il suffira juste de modifier cette ligne (le "height")
  • tu centralise ainsi toute tes modifications avant  </style>, ce qui permet d'intervenir facilement ulterieurement
  • tu peux meme ajouter avant ton premier ajout de ligne de code

     <!-- personnalisation -->

    tu retrouvera ainsi rapidement ou tu a commencer à ajouter des lignes de code modificatrice
  • chez moi cela donne (copie d’écran du debut de la personnalisation de mon blog)

    image
  • wahou , c'est parfait !!!!!!!!!!!!!!!!!!!!!!!!
    tu me redonnes envie de bidouiller dans mon blog et dans le css...
    Merci de ton aide précieuse
    Pour la banniere, je l'ai hébergé , et là elle est bien ...mais je garde bonne note de tout tes conseils
    je fais le point de ce que je veux rajouter et te demanderai si besoin
    Merci beaucoup
    oups si j'ai une autre question....
    les photos prennent beaucoup de place dans l'article ....est-il possible de les redimensionner?
     avant on pouvait  les mettre dans tableaux afin de faire des mises en pages sympas
    La ca me parait compliquer avec le nouvel interface ???
  • Tu peux faire des tableaux, cette fonction existe toujours dans une section texte +

    si tu veux redimensionner des images plus facilement, utilise une section texte + pour les insérer

    dans cette section, il faudra au préalable les héberger car la section texte + demande leur adresse url

    pour ce faire, tu crée un article ou une page en mode "brouillon"......."aperçu"........tu va sur l'image...clique droit de la souris......"copier l'adresse de l'image"




  • Merci Mehdi, je vais cogiter
    Merci pour ces precisions
    bonne soirée
    Ange