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