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

    ** Avant toute demande d'aide, merci de compléter l'adresse du blog ** 

    dans le rectangle blanc, après avoir cliqué sur ce lien

    Si vous n'y arrivez pas, voir la marche à suivre sur ce fil

    Actuellement je ne vois pas ton blog


  • Bonjour Medhi
    est ce que vous voyez mon blog maintenant ?
    Merci de votre aide pour remettre mon blog plus joli car là il ressemble a rien
    ange
  • 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

  • tuto ici sur les différentes manieres d’insérer une image sur kiwi



    si tu utilise une section texte +, le principe sera le suivant:

    • tu commence à écrire ton article..
    • tu insère une image grâce a son adresse url
    • tu continue la rédaction de ton article

    si tu utilise une section image pour insérer tes images, le principe sera le suivant:

    • tu commence à écrire ton article..
    • tu insère une ou plusieurs image par la section image
    • tu ouvre une seconde section texte + pour terminer la rédaction de ton article

    _____________

    tu peux donc superposer les sections..texte+, image..texte + de nouveau une section image etc.....

    ou insérer directement une image par la section texte+ avec son url.....cette section permet aussi de faire des tableaux

  • Je tag ce post en résolu vu la question initiale mais on peut continuer d’écrire dessus
  • Dac ! Tip  top
    j'ai bien avance grace à ton aide
    si tu as le tps d 'aller voir ....