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] Aide DESIGN CSS OVERBLOG

  • sur mon theme, elle est a droite d'office


    il y a possibilité de déplacer les modules (voir faq) mais il faut maitriser un peu le html/css


  • tu peux deplacer tout le header de quelques pixel pour le centrer par rapport au corps du blog en ajoutant une marge gauche (j'ai mis 7 pixels...a affiner)

    .head {
        background: url("http://img11.hostingpics.net/pics/182002geek.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        margin-left: 7px;
        padding-top: 25px;
        width: 986px;
    }

  • Je regarde tout ça merci.
    J'ai modifié le header c'est bien centré à priori :D

    Pour combler le vide entre le menu et le corp du blog, à quoi dois-je toucher?
    D'ailleurs, toute cette partie noir comment puis je la changer, possibilité de mettre un fond à la place ?

    Pour l'arrière plan j'ai changer le fond. Possibilité d'étirer l'image ou faut-il que je le fasse manuellement via mon logiciel de montage?

    Beaucoup de question désolé, mais j'suis un max perdu malheureusement 

    Pour la barre de recherche je vais mener mon investigation du coup 
  • la partie noir en haut est une image qui se répète

    .header {
        background: url("http://assets.over-blog.com/t/classical/images/bg-header.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    }

  • pour coller le menu au debut de l'article..j'ai ajouté une marge basse une marge négative au header

    .head {
        background: url("http://img11.hostingpics.net/pics/182002geek.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        margin-bottom: -18px;
        margin-left: 7px;
        padding-top: 35px;
        width: 986px;
    }


    __________

    pour ton fond il faut lui dire d’être "fixe

    je te met le code du mien..tu adaprte au tien

    body {
        background-attachment: fixed;
        background-color: #ec9455;
        background-image: url("adresse de ton image de fond');
        background-position: center top;
        background-repeat: repeat-x;
        color: #e3b49c;



    background-color: #ec9455;    ça, c'est la couleur visible  si ton visiteur a un écran dont la resolution depasse l taille de l'image

    background-position: center top;   l'image est positionné au centre et en haut

  • Un grand merci j'ai pu me débarrasser du fond noir et maintenant le fond est bien fixe! 

    Du coup ça commence à me plaire. J'ai juste encore besoin d'aides sur certaines choses.

    Le logo présent sur la bannière, un moyen pour le retirer?

    J'ai réussi à me débarasser de tout le blabla qui y figurais, mais du coup je n'ai plus aucun description sur l'onglet quand on arrive sur le site.


    Ils expliquent comment enlever l'avatar et le titre mais je n'arrive pas à l'appliquer

    Le reste je devrais pouvoir m'en occuper (mise à part la barre de rechercher
    Donc je devrais encore t'embêter un peu.

    Un grand merci en tout cas 
  • bonsoir

    tu dois chercher la dernière balise  </style>. de ton code qui marque la fin de ton css

    pour repérer cette balise tu verra légèrement en dessous "head"...et plus loin "body"

    tu colle ensuite

     
    .avatar {display:none }

     JUSTE AVANT
      </style>.


    tu va ,en fait, tout centraliser avant cette balise </style>.  qui marque la fin de ton css. cela te  permettra plus tard de retrouver facilement les ajouts et/ou modifications de code


  • Merci, j'ai trouvé ça a fonctionné ... avec une contrepartie. J'ai enregistré donc tu peux allez voir, la bannière est mangé.

    Concernant le titre je l'ai placé au même endroit mais ça ne fonctionne pas, donc je sais pas si c'est bien ça

    image

    Du coup j'ai une autre petite question. J'aimerais réduire un peu la colonne de droite pour laisser plus de place au corp du site. Je savais le faire sur l'ancienne version mais la plus du tout. Une idée?

    Un grand merci pour toute cette aide apportée! 
  • il me semble que c'est point blog header (pas diese)
  • sinon, repere bien cet endroit...c'est le bon ;)

    on ajoutera donc tout ici l'un sur l'autre