vendredi 16 mars 2012

Relooking de printemps (sur le blog)

Depuis le temps, je ne supportais plus ma bannière avec des fleurs (voir en bas d'article) !
Alors j'ai profité du passage de ma page Facebook en mode journal, et de la nécessité de choisir une "photo de couverture", pour changer aussi la bannière du blog.

1ère étape de la "transformation" : changement de bannière sans changement du design

Edit du 17/03/2012 - La bannière est une photo du centre Georges Pompidou, prise au travers d'un panneau signalétique en verre ou plexiglas... d'où la grosse flèche noire qui indique la direction de Beaubourg. On aperçoit aussi d'ailleurs des graffitis...

C'est vrai qu'une fois la photo recadrée, pour éviter une bannière trop haute, on se demande un peu ce que la flèche vient faire là.

Et puis, une fois lancée, j'ai enfin abandonné le modèle que j'avais bidouillé pour avoir 3 colonnes - à l'époque où Blogger ne le proposait pas encore - et que je n'osais plus toucher, pour en choisir un nouveau avec l'outil de création de modèles de Blogger qui permet de changer facilement les polices, les largeurs et plein d'autres choses sans trop mettre les mains dans le cambouis.

2ème étape : sélection du "modèle simple" avec 3 colonnes
+ quelques modifications des polices

Exit l'arrière-plan extérieur beige que je ne supportais plus non plus !

Et puis, et puis, comme je ne réussissais pas à modifier la largeur des colonnes de droite de manière indépendante l'une de l'autre, je suis revenue au modèle avec seulement 2 colonnes.
(je trouvais que les vignettes tout à droite étaient trop tassées dans leur colonne, mais en élargissant à droite c'est la colonne de gauche qui ne l'était plus assez, surtout que je ne voulais pas dépasser une largeur totale de 1000px...)

3ème étape : retour sur deux colonnes

Mais je n'ai pas dit mon dernier mot ! Blogger propose maintenant dans son outil de création de modèles la possibilité de rajouter des éléments de mise en forme CSS. Je n'ai plus qu'à trouver quels sont les éléments à modifier pour changer la largeur des colonnes, quand j'aurai le temps.

A moins que je ne reste avec deux colonnes, c'est plus aéré finalement.
Et vous, comment préférez-vous ? Avec deux ou trois colonnes ?

Ou peut-être avant ?...


(car, intelligemment, j'ai pensé à sauvegarder mon ancien modèle avant de tout changer, toujours utile en cas de catastrophe imprévue pendant le bidouillage...)

(il faut d'ailleurs que je réécrive tous mes tutoriels informatiques car tout a changé...)
Rendez-vous sur Hellocoton !

18 commentaires:

  1. bravo pour ce relooking. j'aime beaucoup cette nouvelle présentation.

    RépondreSupprimer
  2. C'est bien comme ça !
    J'aime beaucoup les nouveaux paramètres de mise en page de blogger qui sont devenus très accessibles.
    Très pratiques ces boutons juste en dessous de la bannière.

    Sympa la nouvelle photo. Oui, il était temps de changer les fleurettes !!!
    Par contre, je trouve juste un peu bizarre ta grosse flèche noire sur la partie gauche. C'est mon avis très subjectif mais je ne vois pas trop son utilité en fait. Une petite explication ? ;-)

    RépondreSupprimer
    Réponses
    1. Ce sont les onglets pour les pages, comme tu as sur ton blog. Ils y étaient aussi sur l'ancienne présentation, apparemment moins visibles :-(

      La flèche n'a pas d'utilité, elle est sur le panneau transparent au travers duquel j'ai pris la photo et sur lequel on aperçoit aussi des graffitis. C'est vrai qu'elle est un peu trop présente sur la photo recadrée, il faut peut être que j'essaie de recadrer plus large. J'ai rajouté la photo originale dans l'article ;-)

      Supprimer
    2. Je comprends mieux ! J'aime beaucoup ta photo originale.
      J'imagine que tu as dû chercher le meilleur recadrage.

      Supprimer
    3. J'ai pris toute la largeur de la photo et un peu augmenté la hauteur par rapport à ma 1ère version :-(
      J'aurais bien sûr pu augmenter plus la hauteur de la bannière mais je préfère qu'on voit le début des articles quand on arrive sur le blog, pas seulement la bannière. Déjà je la trouve limite trop haute...

      Supprimer
  3. C'est du boulot de changer sa présentation !!!
    C'est joli ainsi :-) Mais n'hésite pas a changer selon l'humeur...

    Bisous ✰✰✰ Laure ✰✰✰
    http://suivre-mon-etoile.blogspot.com/

    RépondreSupprimer
    Réponses
    1. J'étais surtout bloquée parce que j'avais un modèle ancien que j'avais bidouillé et du coup, je n'osais pas me lancer. Mais finalement, avec les nouveaux outils de Blogger c'est plutôt simple de se refaire un look !

      Supprimer
  4. Je préfère ta présentation de maintenant, je la trouve plus agréable et plus aéré. Et puis je préfère lire les billets sur 2 colonnes, plus agréable à lire et ça leur donne plus de place, après tout c'est le billet qui nous importe ;) En plus j'ai découvert que tu fais des tutos ! Par contre pourquoi la flèche sur la bannière ?

    RépondreSupprimer
    Réponses
    1. Merci, je me sens moins à l'étroit aussi. Sur le nombre de colonnes, je ne sais pas encore trop mais je reconnais que c'est plus aéré comme ça.
      J'ai rajouté la photo d'origine dans l'article qui permet de comprendre d'où vient la flèche sur la bannière. Tu es la 2ème à me faire la remarque et effectivement elle surprend :-(

      Supprimer
    2. J'avais vu les graffitis, qui ne m'ont pas choqué, mais la flèche est bien nette et droite du coup j'ai cru que tu l'avais rajouté ! Je comprend mieux avec ta photo de départ, et j'avoue que sur le coup ça m'a fait bizarre...

      Supprimer
    3. Oui, ça fait bizarre ! J'ai tenté de cadrer plus largement ma photo d'origine, la flèche apparaît un peu plus petite mais pas beaucoup (je l'ai changé sur la bannière).
      Du coup, j'ai rajouté un lien en haut de la colonne de droite. Personne ne le verra mais c'est pas grave ;-)

      Supprimer
  5. J'aime la flèche et la nouvelle bannière ainsi que le deux colonnes. Je trouve que c'est plus aéré et plus clair qu'avec trois colonnes !

    RépondreSupprimer
    Réponses
    1. Tant mieux que la flèche ne te choque pas !
      Je commence à m'habituer à me voir sur 2 colonnes, je crois que tu as raison et que je vais rester comme ça, c'est effectivement plus clair. Merci :-)

      Supprimer
  6. Moi j'aime bien cette nouvelle présentation effectivement plus aérée.

    Pour la flèche sur le bandeau, je me suis demandée quelle était sa signification : je pensais que tu l'avais rajoutée après coup!

    @+, Anne.

    RépondreSupprimer
    Réponses
    1. Il était temps que j'en change, je crois que ça faisait pas loin de 2 ans...
      La flèche est trop nette et ressort trop avec ce cadrage, il va sans doute "falloir" que je trouve une autre photo bientôt. Est ce que tu as remarqué que j'avais ajouté un lien vers la photo d'origine en haut de la colonne de droite, pour expliquer le pourquoi du comment ?

      Supprimer
  7. Très chouette ce nouveau design.
    Je suis comme toi j'y connais rien en html/css du coup je garde le thème que j'aime pas envie de repasser des heures et des heures a farfouiller.

    RépondreSupprimer
    Réponses
    1. A l'époque j'avais un peu bidouillé mais ce n'est pas évident. Heureusement, Blogger propose maintenant un outil de création de modèles assez convivial !

      Supprimer