11 sept. 2011

13 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

          13 commentaires:

          viens cz daninoune a dit…

          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!

          Annak a dit…

          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 ?

          CDM - Croisières du Monde a dit…

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

          Annak a dit…

          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.

          CDM - Croisières du Monde a dit…

          Merci à toi!

          CDM - Croisières du Monde a dit…

          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!

          CDM - Croisières du Monde a dit…

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

          Annak a dit…

          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}

          Benoit a dit…

          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.

          Annak a dit…

          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;}

          KIKI-129 a dit…

          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

          Jeany a dit…

          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.

          Véronique a dit…

          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...

          Enregistrer un commentaire

          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)