11 sept. 2011

Sommaire - (OverBlog) Modifications de design

Les articles suivants expliquent comment modifier le design dans chaque partie du blog. Si vous désirez vraiment personnaliser votre blog, choisissez un design basique au départ : Easyblog ou Minimaliste
  1. (OverBlog) Découvrir le CSS
  2. (OverBlog) Choisir entre mode classique et mode avancé
  3. (OverBlog) Choisir entre personnaliser mon thème et mode CSS
  4. (OverBlog) Modifier un CSS non modifiable
  5. Découvrir les background
  6. Découvrir les encadrements
  7. Découvrir les codes couleur
Enlever les background d'origine :
  1. (OverBlog) Modifier le design American Beauty
  2. (OverBlog) Modifier le design Asterisk
  3. (OverBlog) Modifier le design Avantage
  4. (OverBlog) Modifier le design Bedazzled
  5. (OverBlog) Modifier le design Blogging
  6. (OverBlog) Modifier le design Characterized - New !!
  7. (OverBlog) Modifier le design Club Card - New !!
  8. (OverBlog) Modifier le design Commission - New !!
  9. (OverBlog) Modifier le design Compressed
  10. (OverBlog) Modifier le design Conjuction
  11. (OverBlog) Modifier le design Customary
  12. (OverBlog) Modifier le design Dark City
  13. (OverBlog) Modifier le design Deviation - New !!
  14. (OverBlog) Modifier le design Easy Blog - New !!
  15. (OverBlog) Modifier le design Element
  16. (OverBlog) Modifier le design Emblazoned
  17. (OverBlog) Modifier le design Ethnic
  18. (OverBlog) Modifier le design Exploitable
  19. (OverBlog) Modifier le design Featuring
  20. (OverBlog) Modifier le design Floppy
  21. (OverBlog) Modifier le design Flowerily
  22. (OverBlog) Modifier le design Fly
  23. (OverBlog) Modifier le design Garden
  24. (OverBlog) Modifier le design Gestured - New !!
  25. (OverBlog) Modifier le design Hibiscus
  26. (OverBlog) Modifier le design Ice Cream
  27. (OverBlog) Modifier le design Iconic
  28. (OverBlog) Modifier le design Ignition
  29. (OverBlog) Modifier le design Incorporated - New !!
  30. (OverBlog) Modifier le design Indication - New !!
  31. (OverBlog) Modifier le design Interlude
  32. (OverBlog) Modifier le design Logistix
  33. (OverBlog) Modifier le design Loseout
  34. (OverBlog) Modifier le design Marinelife
  35. (OverBlog) Modifier le design Minimaliste - New !!
  36. (OverBlog) Modifier le design Modern Times
  37. (OverBlog) Modifier le design Nacre
  38. (OverBlog) Modifier le design Nimbuslike
  39. (OverBlog) Modifier le design Opposed
  40. (OverBlog) Modifier le design Parure
  41. (OverBlog) Modifier le design Pinklily
  42. (OverBlog) Modifier le design Pluralism
  43. (OverBlog) Modifier le design Ray
  44. (OverBlog) Modifier le design Reference
  45. (OverBlog) Modifier le design Season
  46. (OverBlog) Modifier le design Shades of grey
  47. (OverBlog) Modifier le design Sky
  48. (OverBlog) Modifier le design Snowglass
  49. (OverBlog) Modifier le design Swanky
  50. (OverBlog) Modifier le design Unembellished
  51. (OverBlog) Modifier le design Wellness
Ajouter des background dans les zones principales du blog :
  1. (OverBlog) Installer une bannière
  2. (OverBlog) Mettre un fond dans tout l'écran
  3. (OverBlog) Mettre un fond dans le corps du blog
  4. (OverBlog) Mettre un fond dans l'entête
  5. (OverBlog) Mettre un fond dans l'ensemble des colonnes
  6. (OverBlog) Mettre un fond dans les colonnes de modules
  7. (OverBlog) Mettre un fond dans la colonne des articles
  8. (OverBlog) Mettre un fond dans le pied de page
Les Albums Photos ne sont pas modifiables.
    Modfier les polices, liens, puces, background et encadrements :
    1. (OverBlog) Modifier les puces
    2. (OverBlog) Modifier les liens
    3. (OverBlog) Modifier les photos
    4. (OverBlog) Modifier le curseur
    5. (OverBlog) Modifier les tableaux
    6. (OverBlog) Modifier le séparateur 
    7. (OverBlog) Modifier les lignes
    1. (OverBlog) Modifier la barre OB
      1. (OverBlog) Modifier l'entête
        1. (OverBlog) Modifier le menu OB
        1. (OverBlog) Modifier les articles
        2. (OverBlog) Modifier la partie avant l'article
        3. (OverBlog) Modifier le titre de l'article
        4. (OverBlog) Modifier le contenu de l'article
        5. (OverBlog) Modifier les commentaires
        6. (OverBlog) Modifier la partie après l'article
        7. (OverBlog) Modifier la pagination
        8. (OverBlog) Modifier la zone de navigation
        1. (OverBlog) Modifier les citations
        2. (OverBlog) Modifier les encarts
        3. (OverBlog) Modifier les hitimportant
        4. (OverBlog) Modifier les hitperso
          1. (OverBlog) Modifier les pages
          1. (OverBlog) Modifier les modules
          2. (OverBlog) Modifier le module Accueil
          3. (OverBlog) Modifier le module Album Photos
          4. (OverBlog) Modifier le module Archives
          5. (OverBlog) Modifier le module Articles Récents
          6. (OverBlog) Modifier le module Calendrier
          7. (OverBlog) Modifier le module Catégories
          8. (OverBlog) Modifier le module Commentaires Récents
          9. (OverBlog) Modifier le module Communautés
          10. (OverBlog) Modifier le module Images Aléatoires
          11. (OverBlog) Modifier le module Liens
          12. (OverBlog) Modifier le module Newsletter
          13. (OverBlog) Modifier le module Pages
          14. (OverBlog) Modifier le module Profil
          15. (OverBlog) Modifier le module Présentation
          16. (OverBlog) Modifier le module Rechercher
          17. (OverBlog) Modifier le module Syndication
          18. (OverBlog) Modifier les modules Texte Libre
          1. (OverBlog) Modifier la page des résumés d'Articles
          2. (OverBlog) Modifier la page C.G.U.
          3. (OverBlog) Modifier la page Communautés
          4. (OverBlog) Modifier la page de résultats des recherche
          5. (OverBlog) Modifier la page des articles les plus commentés
          6. (OverBlog) Modifier la page récapitulative des Articles
          1. (OverBlog) Modifier la fenêtre Commentaire
          2. (OverBlog) Modifier la fenêtre Recommander
          3. (OverBlog) Modifier la fenêtre du Clic Droit
          4. (OverBlog) Modifier la fenêtre de partage

          35 commentaires:

          1. Bonjour Annak,
            Me revoilou pour un conseil :
            J'ai l'impression que mes modules sont séparés d'un peu trop, dans le sens de la hauteur, non?
            Peux-tu me dire, où je dois me rendre pour corriger ce point.
            Merci et à bientôt!

            RépondreSupprimer
          2. Bonjour Daninoune :)
            Pour diminuer les marges entre tes modules, je pense qu'il faut supprimer les pieds de module. Ils sont invisibles mais prennent de la place.
            Dans le CSS, tu rajoutes
            .box-footer {display:none;}
            C'est bon ? suffisant ?

            RépondreSupprimer
          3. Salut! Je ne trouve plus ton article pour remplacer le texte inscription à la newsletter.
            Merci.

            RépondreSupprimer
          4. Bonjour CDM, tu rajoutes tout en bas du CSS :
            .newsletter .box-content {color:white;background:url(adresse);background-position:top center;background-repeat:no-repeat;}
            J'ai mis le texte actuel en blanc (blanc sur blanc, ne se voit pas).
            Tu crées une image avec ce qui remplacera ce texte. Cette image est ensuite mise en background à la place de ce texte. Pense à faire une image de dimensions convenables, même s'il est ensuite possible d'agrandir en hauteur la zone sous le titre du module.

            RépondreSupprimer
          5. En fait l'image se met en fond, donc le texte est visible. Donc il faut remplacer
            {color:white;
            par
            {color:transparent;
            En tout cas Merci!

            RépondreSupprimer
          6. DSL mais j'y pense...
            On peut supprimer la case Notifications d'articles??

            RépondreSupprimer
          7. Essaye, en rajoutant
            .newsletter ul li {visibility:hidden}
            .newsletter ul li+li {color:black;visibility:visible}
            J'ai rendu invisibles les 2 lignes, puis fait réapparaître la seconde. Ca fonctionne sur FF, mais je ne sais plus si c'est le cas sur IE8.
            De toutes façons, pour mettre en noir ces 2 lignes :
            .newsletter ul li {color:black}

            RépondreSupprimer
          8. bonjour,

            j'ai un vieux thème over-blog et je suis embêté avec l'affichage des infos en bas d'article "ecrire un commentaire", etc... je voudrais retrouver l'alignement d'origine, plus serré, plutôt que celui qui s'affiche sur mon blog actuellement avec un tiret qui sépare les lignes alors que dans le module de configuration, en admin, j'ai bien mis les deux blocs côte à côte.

            merci de ton aide.

            RépondreSupprimer
          9. Bonjour Benoît :) tu veux que "Voir les commentaires", "ajouter un commentaire" et "partager" soit sur la même ligne ?
            Essaye en rajoutant tout en bas du CSS :
            .linkAddComment {margin-right:230px;}
            .spanRecommend {position:relative;top:-20px;}

            RépondreSupprimer
          10. Bonjour sur mon blog OB, j'ai été aidé au début , avec le chat OB, puis par MSN en direct,
            j'ai un souci pour les couleurs de police, surtout dans les com, la couleur apparait trop identique au fond du texte,
            Chtinoeil m'a aidé pour une grande partie
            http://nature-et-sports-randos-puys-et-grands-monts-limousin.over-blog.com/
            Merci AnnaK, OB en mode gratuit est trop limité en photos quand on n'a pas de logiciel pour les réduire

            RépondreSupprimer
          11. Bonsoir ou… Bonjour,
            Venant d’arriver, je crois que je vais apprendre beaucoup.
            mais pas à c’t’heure ci, car plein de papillons dans les yeux.
            Je crois bien que je vais aller au dodo, donc à très bientôt...
            Jeany.

            RépondreSupprimer
          12. Bonsoir AnnaK,
            J'ai pas mal parcouru votre blog mais je reste sur ma faim, car je ne trouve pas ce que je cherche. J'essaye de vous expliquez mes attentes.
            Voilà, je voudrais réduire les marges de droite et de gauche sur mon blog et les "colorer" de turquoise pâle afin de rendre mon blog moins "austère", qu'en pensez vous ? est ce que cela est possible ??

            Aussi je voudrais mettre un menu personnalisé avec POEMES - PHOTOS - LECTURE - ACCUEIL - CONTACT. Seulement, mes essais non pas fonctionnés car je me suis retrouvée coincer avec mes catégories. En résumé, à cause du lien je suppose, j'ai eu en menu POEME AMOUR/EROTIQUE - POEME AUTRE - POEME LOUFOQUE - PHOTOS - LECTURE. Comment est ce que je peux regrouper en une seule catégorie mes différents style de poème afin de n'avoir qu'un menu qui les regroupent ?? A ce moment là à l'intérieur de celui-ci je dissocierai les différents styles, enfin avec le mode opératoire...

            J'espère avoir été clair et je vous remercie pour l'aide que vous pourrez m'apporter.
            Au plaisir...

            RépondreSupprimer
          13. blog(fermaton.over-blog.com),No-25. - THÉORÈME YENAN. - LE MONDE DOIT CHANGER ? C'EST MATHS.

            RépondreSupprimer
          14. re coucou
            je suis un peu comme Véronique, je n'arrive pas à trouver ce que je veux sur ton blog. Depuis qu'il n'y a plus le chat OB ni le vrai forum c'est la cata. J'ai essayé sur d'autres plateformes, mais en mode gratuit et sans pub on n'est pas vraiment aidé quand on est nul en informatique. La vie bouge et internet est tellement vaste que l'on n'a pas le temps de chercher tout.
            ton lien contact messagerie ne marche pas.

            Chtinoeil et d'autres sont très prises par leurs activités et je les remercie pour l'aide qu'elles m'ont donné.

            RépondreSupprimer
          15. je suis très heureuse car avec toutes vos explications, j'ai changé ma bannière et je pense que c'est qu'un début !!! Pourtant je suis pas très douée avec tout ça !!! Un grand MERCI!!!!

            RépondreSupprimer
          16. Bonjour AnnaK,
            Tout d'abord, merci pour votre blog, c'est une mine d'or quand on cherche des infos pour le design d'un blog. Ensuite, j'ai un souci de design justement. Je souhaite embellir mon blog et mettre un petit décor sur le côté gauche ( donc niveau module) mais je n'y arrive pas. L'image reste centrée et c'est comme s'il y avait des " barres" de chaque côté de la page ... J'ai un design Reference. Voici mon blog: http://deschosesetautres.over-blog.com/
            D'avance, merci pour votre aide.

            RépondreSupprimer
          17. Ne sachant pas dans quelle rubrique mettre mon commentaire je pose ici la question, mais si vous le désirez je suis partante pour la mettre là où vous le désirerez sur votre blog.
            J'ai mis un menu personnalisé avec 3 fenêtres : Présentation, Dossiers et Contact dans les pages accueil et article de notre blog dont le lien est ci-dessous.
            Alors que j'ai réussi à jongler et trouver une quasi même esthétique sur les différents navigateurs, il reste un soucis dont je n'arrive pas à me débarrasser : sous Mozilla les fenêtres de ce menu ne se voient pas, seul les titres se voient à peine. J'ai vu quelque part que c'était normal sous Mozilla, mais puis-je au moins changer la couleur et l'épaisseur de la police des titres afin qu'ils passent en blanc et être enfin visibles, impossible de trouver l'emplacement valable et la formule CSS

            Merci par avance, à savoir que je me suis lancé dans l'apprentissage de ces codes et la conception de notre blog grâce essentiellement à vos conseils, et je vous en remercie aussi chaleureusement.

            RépondreSupprimer
          18. Bonjour, je galère un peu...beaucoup pour modifier et surtout embellir mon blog baking by aude... pourriez vous revenir vers moi pour en parler ? bakingbyaude@yahoo.fr merci beaucoup :)

            RépondreSupprimer
          19. Bonjour,

            J'ai une question. Pourquoi avez-vous déménagé sur blogpost?

            Maryse

            RépondreSupprimer
          20. un grand tutoral explication même beaucoup de choses intéressent merci

            RépondreSupprimer
          21. Bonjour,

            Impossible de mettre un nouveau template à mon blog overblog.... maintenant tout est perdu et j'ai du mettre un design tout pourri :(

            HELP ME please :)

            RépondreSupprimer
          22. Magnifique blog, j'adore vraiment beaucoup!
            Continue comme ça :p

            RépondreSupprimer
          23. Dommage que ce blog ne soit plus actualisé, j'aimais bien m'y rendre il y a quelques années pour en apprendre plus sur les modifications de design...

            RépondreSupprimer
          24. Thank you very much for this site and all the information it contains. I find it very interesting and I recommend it to everyone!
            All the best. Kindly

            voyance gratuite par mail

            RépondreSupprimer

          1/ Choisissez Nom/URL comme profil pour poster, si vous hésitez
          2/ Si vous désirez une aide personnalisée, pensez à laisser l'adresse de votre blog, ce qui me permettra de tester.
          3/ Vous pouvez vous abonner par email pour suivre les réponses de cet article (lien sous la zone de rédaction du commentaire)