2 oct. 2010

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

9 commentaires:

  1. ah moi je trouve que c'est le thème le plus facile pour des fonds transparents comme le mien;

    si non je voulais te demander ton aide, suite au virus toutimage j'ai désactivé la possibilité de mettre des images dans les commentaires ; mais du coup je trouve ça tristounet ; dommage qu'on ne puisse pas faire comme sur canalblog...

    j'ai testé un truc mais ce n'est pas encore ça :

    mettre les codes smileys sur l'image même de la fenêtre de commentaire comme sur cette image

    http://idata.over-blog.com/2/41/88/79/aide-ob/BLe-smiley.jpg

    mais la fenetre est trop courte et tout se chevauche ; je ne sais pas si on peut retirer la phrase "nous vous rappelons que vous êtes responsables...." aussi ....bizzz bon week-end

    RépondreSupprimer
  2. Bonjour Nessa :)
    Je t'ai laissé en commentaire sur ton blog les lignes CSS à modifier. Cela fonctionne en simulation, tu me diras si ça marche en réel.

    RépondreSupprimer
  3. super ça marche ; par contre les smiley sont tronqués donc soit il faut que je refasse une capture d'écran du fond avec les smileys; soit il est possible d'agrandir la largeur de la fenêtre ; j'essayé en rajoutant width mais ça ne marche pas .... merci de ton aide ;-)

    ps: que penses tu virus toutimage , j'avais ouvert un fil sur le forum supprimé par les modos ...le blog de lali du jardin des fées vient d'être touché

    RépondreSupprimer
  4. un autre truc aussi le haut de la fenêtre est transparente; ça gêne en lisibilité ...

    RépondreSupprimer
  5. Pour le haut de la fenêtre j'ai rajouté une couleur de fond et pour l'image, je l'ai agrandi
    .diablog {width:650px!important;padding-bottom:300px!important;background:#FBE0C3 url(http://idata.over-blog.com/2/41/88/79/aide-ob/BLe-smiley.jpg);background-position:bottom center;background-repeat:no-repeat;}

    Pour le "virus" : certains anti-virus voient du virus partout et sont rapidement alarmistes. C'est peut-être le cas.

    RépondreSupprimer
  6. ok merci ce n'est pas mon anti virus mais mon navigateur ....google chrome

    RépondreSupprimer
  7. Bonjour,
    Je cherche comment déplacer le titre de mon blog pour qu'il ne dépasse pas sur le dessin. Je ne trouve pas cette aide... Est-ce que le problème est traité quelque part?
    Mon blog : http://laclassedegaele.over-blog.com/

    RépondreSupprimer
  8. J'arrive pas à faire ce que je veux... :/

    RépondreSupprimer
  9. Bonjour,

    Je cherche désespérément à ajouter une texture de fond sur mon blog, sans succès. J'utilise le design easyblog pink.

    Merci beaucoup pour votre aide !!

    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)