Affichage des articles dont le libellé est OverBlog. Afficher tous les articles
Affichage des articles dont le libellé est OverBlog. Afficher tous les articles

11 sept. 2011

(OverBlog) Modifier la fenêtre de partage

Nous allons modifier le design de ce pop up (police, background et encadrements) qui apparaît en bas à droite sur chaque article :


Vous devez vous rendre dans votre (ou vos) CSS : Design > Mode CSS

Lorsque la ligne n'existe pas, vous la créez ; lorsqu'elle existe, vous la complétez.

MODIFICATION DES POLICES

Tout le texte
.socialPopup .text {text-align : center ;  font-weight : bold ; text-decoration : underline ; font-style : italic ; color : red !important;   font-size : 20px !important; font-family : Comic Sans MS !important; }
Seulement le titre
div.socialPopup span.text.title {text-align : center!important ;  font-weight : bold ; text-decoration : underline ; font-style : italic ; color : red !important;   font-size : 10px !important; font-family : Comic Sans MS !important;}
Vous effacez ou modifiez ce dont vous ne voulez pas, sachant que
text-align : center centre le texte
text-align : left positionne le texte à gauche
text-align : right positionne le texte à droite
text-align : justify justifie le texte à droite

color : red modifie la couleur de la police, voir les codes couleurs

font-weight : bold transforme la police en gras
font-weight : normal transforme la police en normal

text-decoration : underline souligne le texte
text-decoration : none enlève le soulignement

font-size : 20px fixe la taille de la police

font-style : italic transforme la police en italique

font-family : Comic Sans MS sélectionne la police

MODIFICATION DU FOND

Un fond dans la totalité du pop up
.socialPopup {background-color:red!important;background-image:url(adresse de la texture)!important;background-image:url(adresse de l'image)!important;background-repeat:no-repeat;background-position:center;}
Un fond seulement dans le titre
div.socialPopup span.text.title {background-color:red!important;background-image:url(adresse de la texture)!important;background-image:url(adresse de l'image)!important;background-repeat:no-repeat;background-position:center;}
Vous effacez ce qui ne vous convient pas, sachant que
background-color : red met une couleur dans le fond, voir les codes couleurs
background-image : url(adresse de la texture) met une texture qui se répète dans le fond
background-image : url(adresse de l'image);background-repeat:no-repeat; background-position:center met une image centrée qui ne se répète pas
Pour en savoir plus sur les background

AJOUT D'ENCADREMENTS

Pour encadrer la totalité
.socialPopup{border:solid 1px #D8D7D7!important}
Pour encadrer le titre
div.socialPopup span.text.title{border:solid 1px #D8D7D7!important}
Pour en savoir plus sur les bordures : créer vos encadrements

POUR LA POSITIONNER A GAUCHE
.socialPopup {position: absolute;left:0px;}

2 oct. 2010

Sommaire général - (OverBlog )

CREATION D'UN BLOG

Les premiers pas sur OverBlog à effectuer de préférence dans l'ordre :

  1. Le petit lexique à l'usage du blogueur débutant
  2. (OverBlog) Découvrir l'administration
  3. (OverBlog) Régler les formalités administratives
  4. (OverBlog) Choisir entre mode classique et mode avancé
  5. (OverBlog) Choisir son design et sa configuration
  6. (OverBlog) Ecrire un article
  7. (OverBlog) Ecrire une page
  8. (OverBlog) Finaliser sa configuration
  9. (OverBlog) Gérer les catégories
  10. (OverBlog) Gérer les commentaires
  11. (OverBlog) Gérer les newsletters
  12. (OverBlog) Gérer les photos
  13. (OverBlog) Gérer la musique
  14. (OverBlog) Gérer les vidéos
  15. (OverBlog) Gérer une communauté
  16. (OverBlog) Installer un compteur de la plateforme
  17. (OverBlog) Les codes interdits en Confiance
  18. (OverBlog) Consulter les statistiques
  19. (OverBlog) Monétiser son blog
MODIFICATIONS DE DESIGN

Toutes les lignes CSS pour personnaliser son blog
  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 et traits 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 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
PROPOSITIONS DE DESIGN

Des idées de configuration et de personnalisation
  1. (OverBlog) Créer une page d'accueil
  2. (OverBlog) Créer un module Texte Libre supplémentaire
  3. (OverBlog) Créer plusieurs modules Texte Libre dans un seul 
  1. (OverBlog) Afficher vos articles sous forme de résumés
  1. (OverBlog) Donner un design particulier à un article
  1. (OverBlog) Différencier les résumés d'articles pairs et impairs
  2. (OverBlog) Différencier les articles pairs et impairs
  3. (OverBlog) Différencier les commentaires/réponses pairs et impairs
  4. (OverBlog) Différencier les modules Texte Libre
  1. (OverBlog) Placer une image devant la date
  2. (OverBlog) Placer une image entre la date et le titre
  3. (OverBlog) Placer une image devant le titre des articles
  4. (OverBlog) Placer une image sous le titre de l'article
  5. (OverBlog) Placer une image devant les liens des articles 
  6. (OverBlog) Placer une image devant les liens de fin d'article 
  7. (OverBlog) Placer une image entre chaque article
  8. (OverBlog) Placer une image à la place du titre du module
  9. (OverBlog) Placer une image devant le titre des modules
  10. (OverBlog) Placer une image sous le titre du module
  11. (OverBlog) Placer un gif News devant le premier article du module Articles Récents
  12. (OverBlog) Placer une image entre chaque module
  13. (OverBlog) Afficher votre avatar dans vos réponses aux commentaires
  1. (OverBlog) Changer de background à la demande
  2. (OverBlog) Mettre un fond différent dans un seul article
  1. Encadrer un article avec des textures
  2. (OverBlog) Encadrer les articles avec des textures
  3. (OverBlog) Encadrer les modules avec des textures
  4. (OverBlog) Encadrer les photos avec des textures 
  1. (OverBlog) Ajouter de l'espace dans le blog 
    1. (OverBlog) Créer un ascenseur dans les colonnes
    2. (OverBlog) Créer un ascenseur dans les modules
    3. (OverBlog) Créer un ascenseur dans un article
    4. (OverBlog) Modifier la couleur des ascenseurs
    SUGGESTIONS DE NAVIGATION ET DE PUBLICATION

    Des astuces pour faciliter naviguer et publier plus facilement

    Publication
    1. (OverBlog) Découvrir l'HTML
    1. (OverBlog) Créer un tableau
    1. (OverBlog) Etre joignable sans donner son adresse mail
    2. (OverBlog) Ajouter un lien newsletter   
    3. (OverBlog) Ajouter un lien partager 
    4. (OverBlog) Ajouter un lien Favori 
    5. (OverBlog) Ajouter une fonction Recherche 
    1. (OverBlog) Masquer certains élèments du blog
    2. (OverBlog) Masquer certains élèments dans un article
    1. (OverBlog) Modifier le curseur au survol d'un mot
    1. (OverBlog) Remédier à l'effet Peek-e-boo
    1. (OverBlog) Afficher votre signature en fin d'article 
    1. (OverBlog) Créer des pages supplémentaires 

    Navigation
    1. (OverBlog) Modifier la barre OverBlog
    2. (OverBlog) Modifier le menu OB
    1. (OverBlog) Créer un lien
    2. Faire un lien sur une adresse mail
    3. Faire un lien sur une photo
    4. Faire un lien vers un endroit précis d'une autre page
    5. Faire un lien vers un endroit précis de la même page
    6. Faire un retour vers l'accueil
    7. Faire un retour vers le haut de page

    (OverBlog) Modifier le design Characterized


    Vous allez dans Design > Thèmes prédéfinis, vous vérifiez que vous avez bien sélectionné un modèle CHARACTERIZED.
    Vous allez ensuite dans Design > Mode CSS, vous vérifiez que la case "Je souhaite modifier et appliquer la feuille de style à mon blog" est bien cochée.

    Si vous êtes en mode normal, vous faîtes ces modifications dans le CSS Mon Style
    Si vous êtes en mode avancé, vous faîtes ces modifications dans tous les CSS Mon Style : Accueil - articles - pages

    ENLEVER LE FOND NOIR DANS LES COLONNES

    Effacez ce qui est en rouge
    #global {width: 950px; margin:auto; background-color: #000; border:0px; margin-top: 0px;}
    ENLEVER LA LIGNE SUR LA BARRE DE NAVIGATION

    Effacez ce qui est en rouge
    .article, .page {margin-top:0px;  padding: 0; margin-bottom: 50px; color:#8A8A8A; text-align: justify; font-size: 12px; border-bottom: 1px dashed #8A8A8A; padding-bottom: 25px;}
    ENLEVER LA LIGNE SOUS LES COORDONNEES DES COMMENTATEURS

    Effacez ce qui est en rouge
    .commentOption {color: #66665E; padding: 2px; margin-bottom: 25px; font-size: 11px; margin-left: 5px; border-bottom: 1px solid #66665E; padding-bottom: 3px;}
    ENLEVER LE FOND DANS LES REPONSES AUX COMMENTAIRES

    Effacez ce qui est en rouge
    .responseMessage {text-align:right; background-color: #CCC; color: #000; padding: 5px 10px 5px 0;}
    ENLEVER LE FOND DANS LES TITRES DES MODULES

    Effacez ce qui est en rouge
    .box h2 {color: #FFFFFF; font-size: 18px; font-weight: normal; text-transform:capitalize; padding: 10px 10px 10px 15px; margin: 0px; height: 30px; background: url(http://fdata.over-blog.net/99/00/00/01/designs/361/default/pics/img04.jpg) no-repeat; }
    ENLEVER LA LIGNE SOUS LES LIENS DES MODULES

    Effacez ce qui est en rouge
    .text li, .lien li,   .articlerecent li, .micropayment li, .micropayment li, .commentrecent li, .categorie li {background: url(http://fdata.over-blog.net/99/00/00/01/designs/361/default/pics/img06.gif) no-repeat left; min-height: 20px; padding: 13px 0 0 20px; line-height: 13px; border-bottom: 1px solid #1d1d1d; padding-bottom: 5px;}

    (OverBlog) Modifier le design Gestured


    Vous allez dans Design > Thèmes prédéfinis, vous vérifiez que vous avez bien sélectionné un modèle GESTURED.
    Vous allez ensuite dans Design > Mode CSS, vous vérifiez que la case "Je souhaite modifier et appliquer la feuille de style à mon blog" est bien cochée.

    Si vous êtes en mode normal, vous faîtes ces modifications dans le CSS Mon Style
    Si vous êtes en mode avancé, vous faîtes ces modifications dans tous les CSS Mon Style : Accueil - articles - pages

    ENLEVER LE FOND NOIR DANS LES COLONNES

    Effacez ce qui est en rouge
    #global {margin:auto; background-color: #000; border:0px; width: 950px; margin-top: 30px;}
    #global {background: url(http://fdata.over-blog.net/99/00/00/01/designs/357/default/pics/global.jpg) no-repeat;}
    ENLEVER LE FOND NOIR DANS L'ENTETE

    Effacez ce qui est en rouge
    #top {width: 905px; margin: auto; padding:0px; color:#FFF; background: url(http://fdata.over-blog.net/99/00/00/01/designs/357/default/pics/top-bkg.png) no-repeat center; background-color:transparent; text-align: left; height: 135px; padding-left: 35px; padding-top: 100px;}
    ENLEVER LA LIGNE SUR LA BARRE DE NAVIGATION

    Effacez ce qui est en rouge
    .article, .page {margin-top:0px;  padding: 0; margin-bottom: 50px; color:#FFFFFF; text-align: justify; font-size: 12px; border-bottom: 1px solid #2C4449;}
    ENLEVER LA LIGNE SOUS LES COORDONNEES DES COMMENTATEURS

    Effacez ce qui est en rouge
    .commentOption {color: #2C4449; padding: 2px; margin-bottom: 25px; font-size: 11px; margin-left: 5px; border-bottom: 1px solid #2C4449; padding-bottom: 3px;}
    ENLEVER LE FOND DANS LES REPONSES AUX COMMENTAIRES

    Effacez ce qui est en rouge
    .responseMessage {text-align:right; background-color: #737373; color: #000; padding: 5px 10px 5px 0;}
    ENLEVER LA LIGNE SOUS LE TITRE DES MODULES

    Effacez ce qui est en rouge
    .box h2 {color: #FFF; font-size: 18px; font-weight: normal; font-family:'Tahoma','Verdana'; text-transform:capitalize; border-bottom: 1px solid #2C4449; padding: 10px; padding-left: 0; margin: 10px;}
    ENLEVER LA LIGNE SOUS LES LIENS DES MODULES

    Effacez ce qui est en rouge
    .text li, .lien li,   .articlerecent li, .micropayment li, .micropayment li, .commentrecent li, .categorie li {min-height: 20px; padding: 5px 0 0 3px; line-height: 13px; border-bottom: 1px dashed #314A4F;}

    (OverBlog) Modifier le design Easy Blog

    Contrairement à ce que son intitulé laisse entendre, ce design n'est pas du tout facile à modifier. Evitez de le choisir.


    Vous allez dans Design > Thèmes prédéfinis, vous vérifiez que vous avez bien sélectionné un modèle EASYBLOG.
    Vous allez ensuite dans Design > Mode CSS, vous vérifiez que la case "Je souhaite modifier et appliquer la feuille de style à mon blog" est bien cochée.

    Si vous êtes en mode normal, vous faîtes ces modifications dans le CSS Mon Style
    Si vous êtes en mode avancé, vous faîtes ces modifications dans tous les CSS Mon Style : Accueil - articles - pages

    ENLEVER LES ENCADREMENTS DE L'ENTETE

    Effacez ce qui est en rouge
    #header {font-size: 1.2em;border: 1px solid #ccc;}
    #top {text-align: center;padding: 20px;border: 1px solid #eee;margin: 5px;}
    ENLEVER LA LIGNE SOUS LA BARRE DE NAVIGATION

    Effacez ce qui est en rouge
    .article {border-bottom: 1px dotted #a7a7a7;}
    ENLEVER LA LIGNE SOUS LES COORDONNEES DES COMMENTAIRES

    Effacez ce qui est en rouge
    .commentContainer {border-bottom: 1px solid;margin-bottom: 10px;}
    ENLEVER LA LIGNE EN PIED DES MODULES

    Effacez ce qui est en rouge
    .box {font-size: 1.1em;line-height: 1.3;/*margin: 0 15px 10px 15px;*/margin: 0 0 15px 0;padding-bottom: 10px;border-bottom: 1px dotted;}

    (OverBlog) Modifier le design Minimaliste


    Vous allez dans Design > Thèmes prédéfinis, vous vérifiez que vous avez bien sélectionné un modèle MINIMALISTE.
    Vous allez ensuite dans Design > Mode CSS, vous vérifiez que la case "Je souhaite modifier et appliquer la feuille de style à mon blog" est bien cochée.

    Si vous êtes en mode normal, vous faîtes ces modifications dans le CSS Mon Style
    Si vous êtes en mode avancé, vous faîtes ces modifications dans tous les CSS Mon Style : Accueil - articles - pages
    ENLEVER LES ENCADREMENTS DE L'ENTETE

    Effacez ce qui est en rouge
    #ln_0 {text-align:center; border:1px solid #666; margin-bottom:5px; padding:2px 4px 2px 2px;}
    #cl_0_0 {border:1px solid #CCC; margin:0px;}
    ENLEVER LA LIGNE EN FIN D'ARTICLE

    Effacez ce qui est en rouge
    .afterArticle {padding:3px 0px; border-top:1px solid #808080; width:100%; text-align:right; font-size:90%; color:#808080;}
    ENLEVER L'ENCADREMENT DES COMMENTAIRES ET DES REPONSES

    Effacez ce qui est en rouge
    .commentMessage {padding:5px; border:1px dotted #000; margin:0px;}
    ENLEVER LE FOND DANS LES REPONSES AUX COMMENTAIRES

    Effacez ce qui est en rouge
    .reponseMessage {background-color:#ECF0F0; text-align:right;}
    ENLEVER LA LIGNE EN PIED DES MODULES

    Effacez ce qui est en rouge
    .box {background-color:transparent; position:relative; margin:0px; padding:0px; margin-bottom:10px; border-bottom:1px dotted #EEE;}
    ENLEVER L'ENCADREMENT DU PIED DE PAGE

    Effacez ce qui est en rouge
    #ln_2{border:1px solid #CCC;margin-top:10px; }

    (OverBlog) Modifier le design Indication


    Vous allez dans Design > Thèmes prédéfinis, vous vérifiez que vous avez bien sélectionné un modèle INDICATION.
    Vous allez ensuite dans Design > Mode CSS, vous vérifiez que la case "Je souhaite modifier et appliquer la feuille de style à mon blog" est bien cochée.

    Si vous êtes en mode normal, vous faîtes ces modifications dans le CSS Mon Style
    Si vous êtes en mode avancé, vous faîtes ces modifications dans tous les CSS Mon Style : Accueil - articles - pages

    ENLEVER LA BANDE BLEUE EN HAUT DU BLOG

    Effacez ce qui est en rouge
    body {margin:0px; padding:0px; background: url(http://fdata.over-blog.net/99/00/00/01/designs/398/default/pics/body.jpg) repeat-x; background-color: #fff; font-family: 'Arial', Verdana, Helvetica; font-size: 12px; color:#787878; line-height: 18px;}
    ENLEVER LE FOND DANS LA DATE

    Effacez ce qui est en rouge
    .beforeArticle, .beforePage {padding: 5px 0px; width:600px; background-color: #D8E7FE; color:#4A81DE; text-align: left; margin: 10px 0 10px 0; display: block; font-size: 13px; font-style: normal; font-weight: bold; line-height: 15px;}
    ENLEVER LA LIGNE SOUS LES COORDONNEES DES COMMENTATEURS

    Effacez ce qui est en rouge
    .commentOption {padding: 2px 2px 3px 5px; margin: 0 0 25px 0; font-size: 11px; color:#787878; border-bottom: 1px solid #787878; font-style: normal; font-weight: bold;}
    ENLEVER LE FOND DANS LES REPONSES AUX COMMENTAIRES

    Effacez ce qui est en rouge
    .responseMessage {text-align:right; background-color: #787878; color: #ffffff; padding: 5px 10px 5px 0;}
    ENLEVER LA LIGNE SOUS LES LIENS DES MODULES

    Effacez ce qui est en rouge
    .text li, .lien li,   .articlerecent li, .micropayment li, .micropayment li, .commentrecent li, .categorie li {min-height: 20px; padding: 5px 0 0 0px; border-bottom: 1px dashed #D1D1D1; line-height: 14px; /line-height: 15px;}

    (OverBlog) Modifier le design Deviation


    Vous allez dans Design > Thèmes prédéfinis, vous vérifiez que vous avez bien sélectionné un modèle DEVIATION.
    Vous allez ensuite dans Design > Mode CSS, vous vérifiez que la case "Je souhaite modifier et appliquer la feuille de style à mon blog" est bien cochée.

    Si vous êtes en mode normal, vous faîtes ces modifications dans le CSS Mon Style
    Si vous êtes en mode avancé, vous faîtes ces modifications dans tous les CSS Mon Style : Accueil - articles - pages

    ENLEVER LE FOND DANS LA DATE

    Effacez ce qui est en rouge
    .beforeArticle, .beforePage {padding: 5px 0px; width:600px; background-color: #E9E3CB; color:#464032; text-align: right; margin: 10px 0 10px 0; display: block; font-size: 13px; font-style: normal; font-weight: bold; line-height: 15px;}
    ENLEVER LA LIGNE SOUS LES COORDONNEES DES COMMENTATEURS

    Effacez ce qui est en rouge
    .commentOption {padding: 2px 2px 3px 5px; margin: 0 0 25px 0; font-size: 11px; color:#464032; border-bottom: 1px solid #464032; font-style: normal; font-weight: bold;}
    ENLEVER LE FOND DANS LES REPONSES AUX COMMENTAIRES

    Effacez ce qui est en rouge
    .responseMessage {text-align:right; background-color: #464032; color: #FFFDEA; padding: 5px 10px 5px 0;}
    ENLEVER LE FOND DANS LE TITRE DES MODULES

    Effacez ce qui est en rouge
    .box h2 {font-size: 18px; margin: 0px; padding: 10px; background-color: #E9E3CB; color:#464032; font-weight: normal; line-height: 20px;}
    ENLEVER LA LIGNE VERTICALE ENTRE LES COLONNES

    Effacez ce qui est en rouge
    #cl_1_1 {float: left; width: 300px; padding: 0px 0 0 0; margin: 0 5px; border-left: 1px solid #e9e3cb;}
    ENLEVER LA LIGNE SOUS LES LIENS DES MODULES

    Effacez ce qui est en rouge
    .text li, .lien li,   .articlerecent li, .micropayment li, .micropayment li, .commentrecent li, .categorie li {min-height: 20px; padding: 5px 0 0 0px; border-bottom: 1px dotted #E5E0C6; line-height: 14px; /line-height: 15px;}

    (OverBlog) Modifier le design Club Card

    Voici un design un peu plus compliqué à modifier :


    Vous allez dans Design > Thèmes prédéfinis, vous vérifiez que vous avez bien sélectionné un modèle CLUB CARD.
    Vous allez ensuite dans Design > Mode CSS, vous vérifiez que la case "Je souhaite modifier et appliquer la feuille de style à mon blog" est bien cochée.

    Si vous êtes en mode normal, vous faîtes ces modifications dans le CSS Mon Style
    Si vous êtes en mode avancé, vous faîtes ces modifications dans tous les CSS Mon Style : Accueil - articles - pages

    ENLEVER LA BANDE NOIRE EN HAUT DU BLOG

    Effacez ce qui est en rouge
    body {margin:0px; padding:0px; background: url(http://fdata.over-blog.net/99/00/00/01/designs/395/default/pics/body.jpg) repeat-x; background-color: #ffffff; font-family: 'Arial', Verdana, Helvetica; font-size: 12px; color:#B0B0B0; line-height: 18px;}
    ENLEVER LE FOND NOIR DANS LES ARTICLES

    Effacez ce qui est en rouge
    .article, .page {margin-top:0px; background-color: #3E3C3D; color:#B0B0B0; text-align: justify; margin-bottom: 25px; padding: 10px;}
    ENLEVER LA LIGNE SOUS LE TITRE DE L'ARTICLE

    Effacez ce qui est en rouge
    .article h2, .divPageTitle h2 {min-height: 20px; margin: 0; margin-top: 5px; line-height: 24px; margin-left: 0px; border-bottom: 3px solid #8E8C8D; padding-bottom: 5px;}
    ENLEVER LE FOND DANS LES REPONSES AUX COMMENTAIRES

    Effacez ce qui est en rouge
    .responseMessage {text-align:right; background-color: #3E3C3D; color: #fff; padding: 5px 10px 5px 0;}
    ENLEVER LA LIGNE EN POINTILLE SOUS LES REFERENCES DES COMMENTATEURS

    Effacez ce qui est en rouge
    .commentOption {padding: 2px 2px 3px 5px; margin: 0 0 25px 0; font-size: 10px; color:#B0B0B0; border-bottom: 1px dashed #B0B0B0; font-style: normal; font-weight: bold;}
    ENLEVER LE FOND DANS LE TITRE DES MODULES

    Effacez ce qui est en rouge
    .box h2 {font-size: 14px; margin: 0px; padding: 10px; background-color: #678B1D; border-bottom: 1px dashed #95C72A; color:#fff; text-transform: uppercase; font-weight: bold; line-height: 20px;}
    ENLEVER LE FOND DANS LE CONTENU DES MODULES

    Effacez ce qui est en rouge
    .box-content {overflow: hidden; padding: 10px 5px; color:#45781d; background-color: #95C72A;}
    ENLEVER LA LIGNE SOUS LE TITRE DES MODULES

    Effacez ce qui est en rouge
    .box h2 {font-size: 14px; margin: 0px; padding: 10px; background-color: #678B1D; border-bottom: 1px dashed #95C72A; color:#fff; text-transform: uppercase; font-weight: bold; line-height: 20px;}

    (OverBlog) Modifier le design Commission


    Vous allez dans Design > Thèmes prédéfinis, vous vérifiez que vous avez bien sélectionné un modèle COMMISSION.
    Vous allez ensuite dans Design > Mode CSS, vous vérifiez que la case "Je souhaite modifier et appliquer la feuille de style à mon blog" est bien cochée.

    Si vous êtes en mode normal, vous faîtes ces modifications dans le CSS Mon Style
    Si vous êtes en mode avancé, vous faîtes ces modifications dans tous les CSS Mon Style : Accueil - articles - pages

    ENLEVER LA BANDE VERTE EN HAUT DU BLOG

    Effacez ce qui est en rouge
    #global {width: 950px; background: url(http://fdata.over-blog.net/99/00/00/01/designs/392/default/pics/body.jpg) repeat-x; background-color: transparent; margin: 0 auto 20px;}
    ENLEVER LA LIGNE EN POINTILLE SOUS LE TITRE DE L'ARTICLE

    Effacez ce qui est en rouge
    .article h2, .divPageTitle h2 {min-height: 20px; margin: 0; margin-top: 5px; line-height: 24px; margin-left: 0px; border-bottom: 1px dashed #B4F59D; padding-bottom: 5px;}
    ENLEVER LA LIGNE EN POINTILLE SOUS LE TITRE COMMENTAIRES

    Effacez ce qui est en rouge
    .h2commentMessage {font-family: 'Georgia'; color: #649632; font-size: 20px; font-weight: normal; text-decoration: none; margin-bottom: 25px;border-bottom: 1px dashed #B4F59D; padding-bottom: 5px;}
    ENLEVER LE FOND DANS LES REPONSES AUX COMMENTAIRES

    Effacez ce qui est en rouge
    .responseMessage {text-align:right; background-color: #837669; color: #fff; padding: 5px 10px 5px 0;}
    ENLEVER LA LIGNE EN POINTILLE SOUS LE TITRE DES MODULES

    Effacez ce qui est en rouge
    .box h2 {font-family: 'Georgia'; font-size: 18px; margin: 0px 5px; padding: 5px 5px 5px 0px; color:#649632; border-bottom: 1px dashed #B4F59D; font-weight: normal; line-height: 20px;}

    (OverBlog) Modifier le design Incorporated

    Il s'agit d'un design assez rapide à épurer


    Vous allez dans Design > Thèmes prédéfinis, vous vérifiez que vous avez bien sélectionné un modèle INCORPORATED.
    Vous allez ensuite dans Design > Mode CSS, vous vérifiez que la case "Je souhaite modifier et appliquer la feuille de style à mon blog" est bien cochée.

    Si vous êtes en mode normal, vous faîtes ces modifications dans le CSS Mon Style
    Si vous êtes en mode avancé, vous faîtes ces modifications dans tous les CSS Mon Style : Accueil - articles - pages


    ENLEVER LA BANDE ROUGE EN HAUT DU BLOG

    Effacez ce qui est en rouge
    body {margin:0px; padding:0px; background: url(http://fdata.over-blog.net/99/00/00/01/designs/391/default/pics/body.jpg) repeat-x; background-color: #fcf5f5; font-family: 'Arial', Verdana, Helvetica; font-size: 13px; color:#660000; line-height: 18px;}
    ENLEVER LA LIGNE SOUS LE TITRE DE L'ARTICLE

    Effacez ce qui est en rouge
    .article h2, .divPageTitle h2 {min-height: 20px; margin: 0; margin-top: 5px; line-height: 24px; margin-left: 0px; border-bottom: 1px solid #C49090; padding-bottom: 5px;}
    ENLEVER LE FOND DANS LES REPONSES AUX COMMENTAIRES

    Effacez ce qui est en rouge
    .responseMessage {text-align:right; background-color: #660000; color: #fff; padding: 5px 10px 5px 0;}
    ENLEVER L'ENCADREMENT DE LA COLONNE DES MODULES

    Effacez ce qui est en rouge
    #cl_1_1 {float: left; width: 320px; padding: 10px 0; margin: 0; border: 2px solid #c23939;}

    29 sept. 2010

    (OverBlog) Modifier le design Reference


    Vous allez dans Design > Thèmes prédéfinis, vous vérifiez que vous avez bien sélectionné un modèle REFERENCE.
    Vous allez ensuite dans Design > Mode CSS, vous vérifiez que la case "Je souhaite modifier et appliquer la feuille de style à mon blog" est bien cochée.

    Si vous êtes en mode normal, vous faîtes ces modifications dans le CSS Mon Style
    Si vous êtes en mode avancé, vous faîtes ces modifications dans tous les CSS Mon Style : Accueil - articles - pages

    ENLEVER LE FOND GRIS DU BLOG

    Effacez ce qui est en rouge
    body {margin:0px; padding:0px; background: url(http://fdata.over-blog.net/99/00/00/01/designs/389/default/pics/body.jpg) repeat-x; background-color: #fff; font-family: 'Arial', Verdana, Helvetica; font-size: 13px; color:#8A8A8A; line-height: 18px;}
    ENLEVER LA LIGNE SOUS LE TITRE DES ARTICLES

    Effacez ce qui est en rouge
    .article h2, .divPageTitle h2 {min-height: 20px; margin: 0; margin-top: 5px; line-height: 24px; margin-left: 0px; border-bottom: 3px solid #999999; padding-bottom: 3px;}
    ENLEVER LE FOND DANS LES REPONSES AUX COMMENTAIRES

    Effacez ce qui est en rouge
    .responseMessage {text-align:right; background-color: #8A8A8A; color: #fff; padding: 5px 10px 5px 0;}
    ENLEVER LA LIGNE EN PIED DE PAGE

    Effacez ce qui est en rouge
    #ln_2 {border-bottom: 3px solid #999;}
    ENLEVER LA LIGNE SOUS LE TITRE DES MODULES

    Effacez ce qui est en rouge
    .box h2 {font-family: 'Georgia'; font-size: 18px; margin: 0px; padding: 5px; color:#8A8A8A; font-weight: normal; line-height: 20px; border-bottom: 3px solid #999999;}

    (OverBlog) Modifier le design Interlude


    Vous allez dans Design > Thèmes prédéfinis, vous vérifiez que vous avez bien sélectionné un modèle INTERLUDE.
    Vous allez ensuite dans Design > Mode CSS, vous vérifiez que la case "Je souhaite modifier et appliquer la feuille de style à mon blog" est bien cochée.

    Si vous êtes en mode normal, vous faîtes ces modifications dans le CSS Mon Style
    Si vous êtes en mode avancé, vous faîtes ces modifications dans tous les CSS Mon Style : Accueil - articles - pages

    ENLEVER LE FOND EN HAUT DU BLOG

    Effacez ce qui est en rouge
    body {margin:0px; padding:0px; background: url(http://fdata.over-blog.net/99/00/00/01/designs/388/default/pics/body.jpg) repeat-x; background-color: #ebead1; font-family: 'Trebuchet MS', 'Arial', Verdana, Helvetica; font-size: 13px; color:#333333; line-height: 18px;}
    ENLEVER LE FOND DANS LA PARTIE SOUS LES ARTICLES

    Effacez ce qui est en rouge
    .afterArticle, .afterPage {font-size: 12px; background-color: #514f42; color:#979680; margin-top: 15px; padding: 5px 3px; font-weight: normal; font-style: normal; line-height: 15px;}
    ENLEVER LE FOND DANS LES COORDONNEES DES COMMENTATEURS

    Effacez ce qui est en rouge
    .commentOption {padding: 2px 2px 3px 5px; margin: 0 0 25px 0; background-color: #514f42; color:#979680; font-size: 12px; font-style: normal; font-weight: normal;}
    ENLEVER LE FOND DANS LA REPONSE AUX COMMENTAIRES

    Effacez ce qui est en rouge
    .responseMessage {text-align:right; background-color: #669900; color: #ebead1; padding: 5px 10px 5px 0;}
    ENLEVER LE FOND DANS VOS COORDONNEES SOUS VOS REPONSES

    Effacez ce qui est en rouge
    .responseOption {text-align: right; background-color: #514f42; color:#979680;}
    ENLEVER LE TRAIT AU-DESSUS DES COMMENTAIRES

    Effacez ce qui est en rouge
    .article, .page {margin-top:0px; color:#333333; text-align: justify; margin-bottom: 15px; padding-top: 10px; border-bottom: 1px dashed #666633; padding-bottom: 15px;}
    ENLEVER LE TRAIT SOUS LE TITRE DES MODULES

    Effacez ce qui est en rouge
    .box h2 {font-family: 'Arial'; font-size: 20px; margin: 0px; padding: 5px; color:#514F42; font-weight: normal; line-height: 20px; border-bottom: 1px dashed #666633;}

    (OverBlog) Modifier le design Compressed


    Vous allez dans Design > Thèmes prédéfinis, vous vérifiez que vous avez bien sélectionné un modèle COMPRESSED.
    Vous allez ensuite dans Design > Mode CSS, vous vérifiez que la case "Je souhaite modifier et appliquer la feuille de style à mon blog" est bien cochée.

    Si vous êtes en mode normal, vous faîtes ces modifications dans le CSS Mon Style
    Si vous êtes en mode avancé, vous faîtes ces modifications dans tous les CSS Mon Style : Accueil - articles - pages

    ENLEVER LE FOND EN HAUT DU BLOG

    Effacez ce qui est en rouge
    body {margin:0px; padding:0px; background: url(http://fdata.over-blog.net/99/00/00/01/designs/387/default/pics/body.jpg) repeat-x; background-color: #fff; font-family: 'Georgia', 'Arial', Verdana, Helvetica; font-size: 13px; color:#8A7F7F; line-height: 18px;}
    ENLEVER LE FOND DANS LA COLONNE DES ARTICLES

    Effacez ce qui est en rouge
    Le haut du fond
    #cl_0_0 {background: url(http://fdata.over-blog.net/99/00/00/01/designs/387/default/pics/cl_1_0.png) no-repeat left bottom;}
    Le corps du fond
    #ln_1 {/height: 1%; background: url(http://fdata.over-blog.net/99/00/00/01/designs/387/default/pics/ln1.png) repeat-y left;}
    Le pied du fond
    #ln_2 {/height: 2%; background: url(http://fdata.over-blog.net/99/00/00/01/designs/387/default/pics/footer.png) no-repeat left bottom;}
    ENLEVER LA LIGNE EN FIN D'ARTICLE

    Effacez ce qui est en rouge
    .afterArticle, .afterPage {border-top: 1px dashed #c9e1fc; color:#8A7F7F; margin-top: 15px; padding: 5px 0; font-weight: normal; font-style: normal; font-size: 11px; line-height: 15px;}
    ENLEVER LA LIGNE SOUS LES COORDONNEES DES COMMENTATEURS

    Effacez ce qui est en rouge
    .commentOption {padding: 2px 2px 3px 5px; margin: 0 0 25px 0; color:#8A7F7F; font-size: 11px; font-style: normal; font-weight: normal; border-bottom: 1px dashed #c9e1fc;}
    ENLEVER LE FOND DANS LA REPONSE AUX COMMENTAIRES

    Effacez ce qui est en rouge
    .responseMessage {text-align:right; background-color: #8A7F7F; color: #fff; padding: 5px 10px 5px 0;}

    (OverBlog) Modifier le design Fly

    Nous allons supprimer les fonds et lignes qui composent ce design :


    Vous allez dans Design > Thèmes prédéfinis, vous vérifiez que vous avez bien sélectionné un modèle FLY.
    Vous allez ensuite dans Design > Mode CSS, vous vérifiez que la case "Je souhaite modifier et appliquer la feuille de style à mon blog" est bien cochée.

    Si vous êtes en mode normal, vous faîtes ces modifications dans le CSS Mon Style
    Si vous êtes en mode avancé, vous faîtes ces modifications dans tous les CSS Mon Style : Accueil - articles - pages


    ENLEVER LE FOND DANS L'ENTETE

    Effacez ce qui est en rouge
    #header {background-color: #a0caff; border-bottom: 5px solid #1a4087;}
    ENLEVER LA LIGNE SOUS L'ENTETE


    Effacez ce qui est en rouge

    #header {background-color: #a0caff; border-bottom: 5px solid #1a4087;}
    ENLEVER LE FOND DANS LA COLONNE DES ARTICLES

    Effacez ce qui est en rouge
    #cl_1_0 {background-color: #3f89e8;}
    ENLEVER LA LIGNE SOUS LE TITRE DE L'ARTICLE

    Effacez ce qui est en rouge
    .article h2, .divPageTitle h2 {min-height: 20px; margin: 0; margin-top: 5px; line-height: 24px; margin-left: 0px; border-bottom: 3px dashed #B5D6FF; padding-bottom: 3px;}
    ENLEVER LE FOND DANS LES REPONSES AUX COMMENTAIRES

    Effacez ce qui est en rouge
    .responseMessage {text-align:right; background-color: #FFFFFF; color: #1a4087; padding: 5px 10px 5px 0;}
    ENLEVER LA LIGNE SOUS LE TITRE DES MODULES

    Effacez ce qui est en rouge
    .box h2 {background: url(http://fdata.over-blog.net/99/00/00/01/designs/386/default/pics/li.jpg) no-repeat left; font-size: 12px; text-transform: uppercase; margin: 0px; padding: 5px 0px 5px 15px; color:#000; font-weight: bold; line-height: 20px; border-bottom: 1px dashed #666666;}
    ENLEVER L'IMAGE A GAUCHE DU TITRE DES MODULES

    Effacez ce qui est en rouge
    .box h2 {background: url(http://fdata.over-blog.net/99/00/00/01/designs/386/default/pics/li.jpg) no-repeat left; font-size: 12px; text-transform: uppercase; margin: 0px; padding: 5px 0px 5px 15px; color:#000; font-weight: bold; line-height: 20px; border-bottom: 1px dashed #666666;}

    (OverBlog) Modifier le design Garden


    Vous allez dans Design > Thèmes prédéfinis, vous vérifiez que vous avez bien sélectionné un modèle GARDEN.
    Vous allez ensuite dans Design > Mode CSS, vous vérifiez que la case "Je souhaite modifier et appliquer la feuille de style à mon blog" est bien cochée.

    Si vous êtes en mode normal, vous faîtes ces modifications dans le CSS Mon Style
    Si vous êtes en mode avancé, vous faîtes ces modifications dans tous les CSS Mon Style : Accueil - articles - pages

    ENLEVER LE HAUT DE LA COLONNE DES ARTICLES

    Effacez ce qui est en rouge
    #ln_1 {background: url(http://fdata.over-blog.net/99/00/00/01/designs/385/default/pics/ln_1.jpg) no-repeat left top;}
    ENLEVER LE FOND DANS LA COLONNE DES ARTICLES

    Effacez ce qui est en rouge
    #cl_1_0 {background: url(http://fdata.over-blog.net/99/00/00/01/designs/385/default/pics/global-bottom.jpg) no-repeat left bottom; background-color: #f0d6e1;}
    ENLEVER LE FOND DANS LES REPONSES AUX COMMENTAIRES

    Effacez ce qui est en rouge
    .responseMessage {text-align:right; background-color: #A7416D; color: #fff; padding: 5px 10px 5px 0;}
    ENLEVER LA LIGNE AU-DESSUS DES COMMENTAIRES

    Effacez ce qui est en rouge
    .article, .page {margin-top:0px; color:#A7416D; text-align: justify; margin-bottom: 15px; padding-top: 10px; border-bottom: 1px dashed #c4678f; padding-bottom: 15px;}
    ENLEVER LA LIGNE VERTICALE ENTRE LES COLONNES

    Effacez ce qui est en rouge
    #cl_1_0 {float: left; width: 577px; border-right: 3px solid #451a2d; margin: 0; margin-right: 20px; padding: 0px 10px 0 10px; margin-top: 30px;}

    (OverBlog) Modifier le design Swanky

    Il s'agit d'un design assez basique


    Vous allez dans Design > Thèmes prédéfinis, vous vérifiez que vous avez bien sélectionné un modèle SWANKY.
    Vous allez ensuite dans Design > Mode CSS, vous vérifiez que la case "Je souhaite modifier et appliquer la feuille de style à mon blog" est bien cochée.

    Si vous êtes en mode normal, vous faîtes ces modifications dans le CSS Mon Style
    Si vous êtes en mode avancé, vous faîtes ces modifications dans tous les CSS Mon Style : Accueil - articles - pages

    ENLEVER LE FOND NOIR ET ROUGE EN HAUT

    Effacez ce qui est en rouge
    body {margin:0px; padding:0px; background: url(http://fdata.over-blog.net/99/00/00/01/designs/384/default/pics/bkg.jpg) repeat-x; background-color: #FFF; font-family: 'Trebuchet MS', 'Arial', Verdana, Helvetica; font-size: 12px; color:#666666; line-height: 18px;}
    ENLEVER LE FOND DANS LA PARTIE APRES L'ARTICLE

    Effacez ce qui est en rouge
    .afterArticle, .afterPage {background-color: #F2F2F2; color:#666; font-family: 'Arial'; text-transform: uppercase; margin-top: 15px; padding: 5px 0; font-weight: normal; font-size: 10px; line-height: 15px;}
    ENLEVER LE FOND DANS LES REPONSES AUX COMMENTAIRES

    Effacez ce qui est en rouge
    .responseMessage {text-align:right; background-color: #75043D; color: #FFF; padding: 5px 10px 5px 0;}
    ENLEVER LE FOND DANS LES COORDONNEES DES COMMENTATEURS

    Effacez ce qui est en rouge
    .commentOption {padding: 2px 2px 3px 5px; margin: 0 0 25px 0; background-color: #F2F2F2; color:#666; font-family: 'Arial'; text-transform: uppercase; font-size: 10px;}

    26 sept. 2010

    (OverBlog) Modifier le design Hibiscus

    Voici comment supprimer les différents fonds, lignes et images de ce design :


    Vous allez dans Design > Thèmes prédéfinis, vous vérifiez que vous avez bien sélectionné un modèle HIBISCUS.
    Vous allez ensuite dans Design > Mode CSS, vous vérifiez que la case "Je souhaite modifier et appliquer la feuille de style à mon blog" est bien cochée.

    Si vous êtes en mode normal, vous faîtes ces modifications dans le CSS Mon Style
    Si vous êtes en mode avancé, vous faîtes ces modifications dans tous les CSS Mon Style : Accueil - articles - pages

    ENLEVER LE FOND DANS L'ENTETE ET DANS LES MARGES (il s'agit de la mm image)

    Effacez ce qui est en rouge
    body {margin:0px; padding:0px; background: url(http://fdata.over-blog.net/99/00/00/01/designs/383/default/pics/body.jpg) repeat-x; background-color: #FFF; font-family: 'Trebuchet MS', 'Arial', Verdana, Helvetica; font-size: 13px; color:#7F6A63; line-height: 18px;}
    ENLEVER LA LIGNE EN POINTILLE EN FIN D'ARTICLE

    Effacez ce qui est en rouge
    .afterArticle, .afterPage {border-bottom: 1px dotted #ccc; color:#999; margin-top: 15px; padding-top: 3px; padding-bottom: 10px; font-weight: normal; font-size: 11px; line-height: 27px;}
    ENLEVER LA BULLE DEVANT ECRIRE UN COMMENTAIRE

    Effacez ce qui est en rouge
    .spanAddComment {background: url(http://fdata.over-blog.net/99/00/00/01/designs/383/default/pics/comments.jpg) no-repeat left; padding-left: 35px; padding-top: 10px;}
    ENLEVER LE TRAIT EN POINTILLE SOUS LES COORDONNEES DES COMMENTATEURS

    Effacez ce qui est en rouge
    .commentOption {color: #999; font-weight: normal; padding: 2px 2px 3px 5px; margin: 0 0 25px 0; font-size: 11px; border-bottom: 1px dotted #ccc; }
    ENLEVER LE FOND DANS LES REPONSES AUX COMMENTAIRES

    Effacez ce qui est en rouge
    .responseMessage {text-align:right; background-color: #7F6A63; color: #FFF; padding: 5px 10px 5px 0;}
    ENLEVER LES PUCES DEVANT LES LIENS DES MODULES

    Effacez ce qui est en rouge
    .text li, .lien li,   .articlerecent li, .micropayment li, .micropayment li, .commentrecent li, .categorie li {background: url(http://fdata.over-blog.net/99/00/00/01/designs/383/default/pics/li.jpg) no-repeat left; min-height: 20px; padding: 6px 0 0 17px; line-height: 14px; /line-height: 15px;}
    ENLEVER LES LIGNES SOUS LES LIENS DES MODULES

    Effacez ce qui est en rouge
    .box a {color: #AC021C; text-decoration: none; border-bottom: 1px dotted #CCCCCC;}

    (OverBlog) Modifier le design Avantage

    Voici comment enlever les fonds de ce design :


    Vous allez dans Design > Thèmes prédéfinis, vous vérifiez que vous avez bien sélectionné un modèle AVANTAGE.
    Vous allez ensuite dans Design > Mode CSS, vous vérifiez que la case "Je souhaite modifier et appliquer la feuille de style à mon blog" est bien cochée.

    Si vous êtes en mode normal, vous faîtes ces modifications dans le CSS Mon Style
    Si vous êtes en mode avancé, vous faîtes ces modifications dans tous les CSS Mon Style : Accueil - articles - pages

    ENLEVER LE FOND DANS L'ENTETE ET DANS LES MARGES (il s'agit de la même image)

    Effacez ce qui est en rouge
    body {margin:0px; padding:0px; background: url(http://fdata.over-blog.net/99/00/00/01/designs/382/default/pics/body.jpg) repeat-x; background-color: #FFF; font-family: 'Trebuchet MS', 'Arial', Verdana, Helvetica; font-size: 11px; color:#333333; line-height: 18px;}
    ENLEVER LE FOND SOUS LES TITRES D'ARTICLES

    Effacez ce qui est en rouge
    .article h2, .divPageTitle h2 {background: url(http://fdata.over-blog.net/99/00/00/01/designs/382/default/pics/box-titre.jpg) repeat-x bottom; min-height: 50px; margin: 0; margin-top: 5px; line-height: 24px;  padding-bottom: 10px; margin-left: 10px;}
    ENLEVER LA LIGNE EN POINTILLE EN FIN D'ARTICLE

    Effacez ce qui est en rouge
    .afterArticle, .afterPage {border-top: 1px dotted #ccc; color:#333333; margin-top: 15px; padding-top: 3px; font-weight: normal; font-size: x-small;}
    ENLEVER LE FOND DANS LES REPONSES AUX COMMENTAIRES

    Effacez ce qui est en rouge
    .responseMessage {text-align:right; background-color: #333333; color: #fff; padding: 5px 10px 5px 0;}
    ENLEVER LE FOND SOUS LE TITRE DES MODULES

    Effacez ce qui est en rouge
    .box h2 {background: url(http://fdata.over-blog.net/99/00/00/01/designs/382/default/pics/box-titre.jpg) repeat-x bottom; min-height: 50px; text-transform: uppercase; font-size: small;  margin: 0px; padding: 5px 5px 10px 5px; color:#333333; font-weight: bold; line-height: 20px;}
    ENLEVER LE FOND DANS LE PIED DE PAGE

    Effacez ce qui est en rouge
    #global {background-color: transparent; background: url(http://fdata.over-blog.net/99/00/00/01/designs/382/default/pics/global-bottom.jpg) repeat-x bottom; }

    (OverBlog) Modifier le design Logistix

    Un design bien plus facile à modifier qu'il n'y paraît


    Vous allez dans Design > Thèmes prédéfinis, vous vérifiez que vous avez bien sélectionné un modèle LOGISTIX.
    Vous allez ensuite dans Design > Mode CSS, vous vérifiez que la case "Je souhaite modifier et appliquer la feuille de style à mon blog" est bien cochée.

    Si vous êtes en mode normal, vous faîtes ces modifications dans le CSS Mon Style
    Si vous êtes en mode avancé, vous faîtes ces modifications dans tous les CSS Mon Style : Accueil - articles - pages

    ENLEVER LE FOND DANS L'ENTETE (le fond gris dans les marges extérieures fait partie de la même image)

    Effacez ce qui est en rouge
    body {margin:0px; padding:0px; background: url(http://fdata.over-blog.net/99/00/00/01/designs/381/default/pics/body-bkg.jpg) repeat-x; background-color: #FFF; font-family: 'Tahoma', 'Arial', Verdana, Helvetica; font-size: 11px; color:#666666; line-height: 18px;}
    ENLEVER LE FOND DANS LES REPONSES AUX COMMENTAIRES

    Effacez ce qui est en rouge
    .responseMessage {text-align:right; background-color: #666666; color: #fff; padding: 5px 10px 5px 0;}
    ENLEVER LE FOND DANS LE PIED DE PAGE

    Effacez ce qui est en rouge
    #ln_1 {background: #fff url(http://fdata.over-blog.net/99/00/00/01/designs/381/default/pics/global-bottom.jpg) repeat-x bottom; }
    ENLEVER LA LIGNE SOUS LES LIENS DES MODULES

    Effacez ce qui est en rouge
    .text li, .lien li,   .articlerecent li, .micropayment li, .micropayment li, .commentrecent li, .categorie li {min-height: 20px; padding: 5px 0 0px 10px; border-bottom: 1px dotted #ffab28; line-height: 14px; /line-height: 15px;}