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
  • Bon dimanche à toi aussi !

    J'ai mis le cadre ça fait le rendu que je souhaitais, mais ça me le met aussi sur l'article en lui même (pas seulement sur le résumé) et sur l'article ça rend moyen. Une idée peut être?

    Pour le logo c'est bien partit, parfait.

    Et du coup ça rejoint une autre demande Comment je peux faire pour réduire la colonne de droite au profit du reste? 

    Merci d'être toujours la et d'être aussi patient. 
  • pour la largeur des blocs.....si tu augmente la sidebar, il faudra diminuer d'autant le corps de l'article et réajuster aussi le diaporama

    .sidebar {
        float: right;
        width: 300px;
    }


    pour les articles c'est ici

    .articles {
        font-size: 14px;
        line-height: 20px;
        width: 622px;
    }


  • pour l'encadrement en bleu de tes résumé d'article, test en pointillé en remplacant "solid" par "dotted"

    (tu verra c'est pas mal aussi)

    .excerpt .bloc-text {
        border: 2px dotted #1e90ff;
        min-height: 220px;
    }

    __________

    liste des bordure possible


    none, aucune bordure,
    - dotted, bordure en pointillé (sauf internet explorer),
    - dashed, bordure en tirets (sauf internet explorer),
    - solid, bordure continue,
    - double, bordure en double trait,
    - groove, bordure en creux,
    - ridge, bordure en saillie,
    - inset, bordure en 3d lumière basse,
    - outset, bordure en 3d lumière haute,
    - inherit, hérite de son parent (css 2).


  • Justement l'intérêt actuel pour moi est de réduire les blocs de droites au profit du corp de l'article. Je vais tenter la chose :)

    Effectivement les pointillés rendent TOP !
  • J'ai agrandit la largeur de 20 px. Si je fais plus ça déborde sur la démarcation entre l'article et la colonne de droite.

    Mes articles sont encadrés comme les résumés, or le but du jeu est que ce soit seulement les résumés qui soit encadrés. Aurais-tu une solution? :)
  • au lieu de modifier

    .excerpt .bloc-text {
        border: 2px solid #1e90ff;
        min-height: 220px;
    }


    ajoute avant la balise style

    .excerpt  {
        border: 2px solid #1e90ff;
        min-height: 220px;
    }


    car sinon on dit au bloc text d'etre encadré aussi

    après ajout avant la balise style pense a enlever le 2px solid de

    .excerpt .bloc-text {
        border: 2px solid #1e90ff;
        min-height: 220px;
    }

  • je vient d'ajouter un background a tes résumés

    .excerpt  {
        background-color: #c2cacf;
        border: 2px solid #1e90ff;
        min-height: 220px;

    ajoute cette ligne avant style sinon si on met un background ici

    .excerpt .bloc-text {
        background-color: #c2cacf;
        border: 2px solid #1e90ff;
        min-height: 220px;


    cela va modifier le bloc text aussi ;)

    rendu en accueil


    http://img.over-blog-kiwi.com/1/18/77/42/20150215/ob_eadac4_image-4.png

  • Merci ça rend pas mal du tout, j'ai mis une couleur #FFF5EE en attendant de voir si ça fait l'unanimité du côté de mon équipe.

  • Du coup avant la balise style ça donne ça : .excerpt  {background-color: #FFF5EE; border: 2px solid #1e90ff; min-height: 220px;

    Et l'autre donne ça:  .excerpt .bloc-text {border: 0px solid; min-height: 220px;
            }

    mais j'ai toujours le cadre sur l'article en lui meme quand on clique dessus, de ce que je viens de voir

    Je suis actuellement sur la FAQ et j'suis tombé sur ce blog:


    Du coup c'est le même thème que moi et il y a bien "article récent" entre le diapo et les articles, c'est pour ça que j'comprend pas ou le miens est passé

    ------------

    Concernant l'ordre des modules, le topic que tu m'as filé n'a que des liens morts
  • Je recherche aussi pour la barre recherche mais je vois pas du tout comment faire.
    Et j'ai une autre question se rajoutant à cela, la couleur du menu on peut le changer?

    sorry pour le triple post
  • bonjour

    heu, il faut être ingé en informatique ou quoi? Je suis désolé mais je recherche à modifier mes largeurs de colonnes afin tout simplement que mes albums photos qui sont maintenant des pages puissent s'afficher environ en 800 x 600 (plus grand me semble impossible). Migré à l'insu de mon plein gré, j'essaie tant bien que mal à remettre un peu d'ordre dans mon blog qui ne ressemble plus à rien, je ne parle même pas de la bannière qui a disparu etc etc.
    Help please
    www.ec1000.net
  • Bonsoir

    je trouve ton blog plutôt bien et design....

    qu'entend tu par "ne ressemble plus a rien"?

    a tu un exemple qui pose souci?

  • J'ai eu peur je retrouvais plus le topic ^^

    Du coup finalement tu sais si il y a un truc que j'ai mal fait pour le cadre? Parce que les articles sont encore encadrés du coup
  • si on met

    .excerpt .bloc-text {
        border: 2px solid #1e90ff;
        min-height: 220px;
    }


    on dit, en fait d'encadrer le résumé plus le texte (bloc-text)


    on va donc passer par l'ajout d'une ligen de code ne concernat que "excerpt (le résumé

    .excerpt  {
        border: 2px solid #1e90ff;
        min-height: 220px;
    }



    comme tu a deja modifié la ligne contenat excertp et bloc -text..il faut suppimer le 2 px solid de ces lignes


    au final tu aura donc

    .excerpt .bloc-text {

        min-height: 220px;
    }

     plus avant la balise style


    .excerpt {
        border: 2px solid#1e90ff;
        min-height: 220px;
    }

  • pendant qu'on y ait on va ajouter des bords arrondi a ton encadrement (border-radius)

    .excerpt {
        background-color: #fff5ee;
        border: 2px solid #a9a9a9;
        border-radius: 10px;
        min-height: 220px;
    }


    rendu

    http://img.over-blog-kiwi.com/1/18/77/42/20150215/ob_d6c32e_image-5.png