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
  • Salut tout le monde!

    Je viens tout juste d'arriver de la v2 d'overblog sur laquelle j'avais pris mes petites habitudes, et surtout sur laquelle j'avais bien galéré pour mettre en place le design. Et alors que mes 1092 articles sont en migrations, il fallait bien que je m'active en attendant

    Arrivant sur la nouvelle plateforme je me disais autant mettre le design au goût du jour justement ... mais hélas j'ai beaucoup de mal à prendre des repères.
    Et comme je l'avais fais au tout début du site, je viens ici chercher de l'aide. Un génie ou une personne prête à aider au final.

    Grosso modo, j'ai actuellement le theme classical, car je trouve qu'il se rapproche le plus du thème que j'utilisais sur la v2.
    Cependant je souhaiterais que le design de cette version se rapproche un maximum de mon design v2, avec les améliorations d'overblog wiki.


    Le site ressemblait à ça:

    image

    J'aimerais modifier tout un tas de truc du coup sur cette version classical ... la bannière dans un premier temps, pour pouvoir y placer la mienne (je sais pas si c'est faisable avec le theme classical justement)

    Le fond également ... puis tout un tas d'autres choses.
    Mais ce sont les deux choses prioritaires.

    Je veux redonner au site le code couleur qui était le notre auparavant en fait. Après je pense que pour le reste je devrais pouvoir me débrouiller. En péchant dans mes souvenirs.

    Je sais que ça peut demander du boulot. Si une personne veut m'aider directement en ayant accès au blog, cette nouvelle version nous le permet donc pas de problème.

    En attente de votre aide. J'ai vraiment besoin de vous, et je pense que les lecteurs en auront besoin aussi parce qu'il faut qu'on évite quand même de leur piquer les yeux :D

    Un grand merci d'avance

    Clyde
  • bonsoir

    va sur "gérer"...thème....configuration.....

    tu trouvera deja ou mettre ta bannière

    tu peux aussi allez voir la faq du forum qui reponds aux questions les plus fréquentes

    IMPORTANT - FAQ - Réponses aux Questions souvent posées - FAQ ♦
  • je viens d'aller voir ton blog, il y a en effet un souci

    le blog a l'air déstructuré (tu aurais pas deja touché au code par hasard? ;)
  • Bonsoir,

    Ayant déjà jeté un coup d'oeil c'est bien entendu la première chose que j'ai faite mais le theme classical ne le permet pas, à priori. Du coup j'pense qu'il faut le faire manuellement puisque je suis tombé sur quelques blogs avec le thème avec leur bannière justement 

    Merci pour le retour
  • Merci pour les retours!

    J'ai remis le CSS par défaut, la joie de faire des sauvegardes :)

    Bon du coup j'ai potassé.
    Pour la bannière j'ai donc compris comment la mettre, pas comment la centrer par rapport au menu.

    D'ailleurs j'ai cru comprendre que css menumaker était pas mal du tout donc je vais m'en servir en lieu et place du menu actuel. Il faut juste que je sache ou coller le css j'vais bien voir.

    Bref ce qui me bloque tout de suite c'est le centrage de la bannière.

    J'ai fais un essai avec celle ci: http://img4.hostingpics.net/pics/693479983669102028230803563744687374703050331509n.jpg (le menu accueil présent dessus sera supprimé à l'avenir)

    Mais elle est décalé un peu sur la gauche, j'ai pourtant essayé de toucher un peu à la largeur directement dans le css mais ça bouge finalement pas du tout. Ce qui fait qu'il y a un sacré décalage sur la droite
  • bonjour

    j'ai testé ta bannière et j'ai ajouté un "margin-left" de15 px

    .head {
        background: url("http://img4.hostingpics.net/pics/693479983669102028230803563744687374703050331509n.jpg")
    repeat-y scroll 0 0 rgba(0, 0, 0, 0)
    ;
        margin-left: 15px;
        padding-top: 40px;
        width: 986px;
    }

    par contre il faudra virer le petit logo a droite et changer la couleur de description

    _______

    j"ai modifié aussi les marge du menu qui tirait trop à droite

    .navigation {
        background: url("http://assets.over-blog.com/t/classical/images/nav.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        float: left;
        height: 61px;
        margin: 20px -15px 36px;
        overflow: hidden;
        padding: 0 30px;
        width: 926px;

  • Bonjour Mehdi,
    j'ai déposé une discussion avec le titre "thème photography" Pourriez-vous m'aider pour le placement de ma bannière, s'il vous plait?
    mon adresse : www.legrenierdelydia.com (overblog premium)
    Merci beaucoup!
    Lydia
  • bonjour

    j'ai vu

    je ne t'ai pas encore repondu car je ne trouve pas comment faire avec ce thème. (pour le moment ;))
  • Ok je vais test ça. Concernant le logo en haut à gauche et l'écriture il y a pas moyens de les virer? (et la barre recherche la mettre autre part par exemple, dans les colonnes de droites? 

    Merci en tout cas
  • J'ai trouvé pour retirer tout le blabla du haut. Seulement ça me la description de l'onglet, j'ai plus qu'un "-". Et que je suppose que c'est la même chose avec l'image. 

    J'ai retiré la barre de recherche aussi, j'voudrais juste savoir comment tu as fais sur ton blog pour remettre la barre dans la colonne de droite :)

    J'ai mis une autre bannière http://img11.hostingpics.net/pics/182002geek.png , j'ai réussi à la caler par rapport au menu mais le menu étant décalé du reste, le corp du site est en décalé également

    En sachant que l'accueil va changer. Je vais garder les mêmes tags au final mais avec un menu css menumaker, celui ci si possible http://cssmenumaker.com/menu/flat-jquery-responsive-menu

  • 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