Bricolage Template: un DIY virtuel !


Je m'attelle à du bricolage dans le template du blog AU 303 pour lui donner une nouvelle apparence.
La base c'est (*update ) c'était le template Galauness par Iksandi Lojaya.
Ce template me plaisait bien mais petit à petit je l'ai un peu modifié pour le rendre plus personnel.
Je voudrais aller encore un peu plus loin ...
Je vais pendant ces travaux le laisser en ligne, seront donc visibles des couacs et bizarreries.
N'ayant pas de connaissances en HTML et CSS, ça risque d'être un sacré bazar par moments, mais je tâcherai de faire en sorte que les articles restent lisibles et accessibles, disons que ce sera un peu comme un chantier en construction !
Ça pourrait même être drôle ! quoique ... J'espère qu'il me restera des cheveux après ça !
Allez c'est parti !

Quelques outils pour y arriver :
- Blogger Code de Soraya Lambrechts : incontournable mon blog étant hébergé chez blogspot.
C'est grâce à son blog que je reste chez blogger plutôt que de choisir wordpress.
- Firebug (module pour Mozilla Firefox)
- Les onglets clic droit :
   inspecter ou examiner l'élément, et code source, sous les différents navigateurs
- Alsacréations : communauté d'apprentissage pour les standards du web
- W3Schools 
- Notepad++
- Vérifier le résultat de vos modifications sous différents navigateurs :
   Je suis sous Mozilla, quand apparemment tout semble bien fonctionner, j'ai des surprises parfois sous Internet Exploreur ou Google chrome ... comme des blocs qui ne s'ajustent pas à la même place etc ...
Un casse tête quand on débute et qu'on ne connait que des rudiments ...

UPDATE 24/09/14 : Galauness étant en design fixe, j'ai changé pour un essai d'un autre template en responsive
Si vous avez aimé cet article, pour le partager c'est par ici :

8 commentaires:

  1. C'est un plaisir de découvrir ce blog qui rejoint mon Feedly aussitôt.
    Bon courage pour ce bricolage ! Ça en vaut la peine pour se sentir bien dans son chez-soi virtuel :)

    RépondreSupprimer
  2. Merci pour ton passage Ellybeth ;-)
    C'est effectivement une manière de modeler les choses pour y être à l'aise comme un autre chez soi "virtuel", et un p'tit défi aussi, ça m'amuse !
    L'objectif : améliorer la navigabilité, et surtout se dire quand un truc marche : cool j'ai réussi !!!
    Je voulais entre autre ajouter les libellés des articles de façon automatique en entête des vignettes de post :et j'ai trouvé !!! contente ! il en faut peu parfois ...
    Pour ceux que ça intéresse, pas de problème pour partager mes trouvailles ;-)

    RépondreSupprimer
  3. Oh c'est super! Je me suis mise au html (enfin j'y connais rien) et justement jai le même modèle que toi (galauness) et je voudrais le personnaliser mais je ne sais pas comment faire et je ne trouve pas de tuto! Pourrais-tu m'aider? Je vois que tu as modifié plein de choses omme les petites étoiles entre les catégories du menu, comment as-tu fais? Tu as enlevé la disposition des articles en colonnes aussi non? J'aimerais aussi centrer le menu, enlever certains boutons de réseaux sociaux sont je ne me sers pas etc. Bref si tu as qq réponses à m'apporter je serais plus qu'heureuse car ce modèle est vraiment très joli c'est le seul qui me plaise et pourtant j'ai cherché un peu partout (en gratuit). Voili, a bientot jespère :)

    RépondreSupprimer
  4. Ola j'ai oublié le s'il te plait, pourrais-tu m'aider s'il te plait ? =)

    RépondreSupprimer
  5. Bonjour Minako, oui sans soucis on peut voir ensemble pour mettre en place quelques astuces pour adapter le modèle à tes besoins. Mais je ne suis pas pro non plus ;-)
    Par contre pour que je puisse t'aider il faut que tu l'installes déjà, je pourrai alors voir dans ton code source les endroits où il faudra que tu fasses quelques manip.
    A bientôt !

    RépondreSupprimer
  6. Oh merci de ta réponse super rapide, moi qui ai trop hâte d'avoir mon "vrai" blog je suis impatiente! Car celui que j'ai en ce moment c'est le modèle Simple de blogger et j'aime pas du tout... je sais que je pourrais l'améliorer (déjà je vais créer une bannière c'est sûre), mais je veux une présentation avec des colonnes, qu'on puisse voir un ensemble d'article et pas de devoir défiler vers le bas (à moins que tu saches faire ce genre de disposition via le code html que je pourrais insérer dans le modèle simple?). Bref, j'ai créé un blog test pour pouvoir m'entraîner sur le template Galauness, c'est là que je bidouille pour voir si j'arrive à faire ce que je veux (ou pas), avant de mettre le modèle sur mon vrai blog (j'aurais trop peur de tout foutre en l'air). Du coup, on peut se contacter par mail? Je pourrais t'y envoyer tout le code html du modèle non? Dis moi ce que tu en penses. Mon mail : minakobeauty@gmail.com. En tout cas merciii :)

    RépondreSupprimer
  7. J'ai le même thème sur mon blog et ça manque de fonctions immédiates et intuitives pour personnaliser...ou si on est niveau débutant/moyen en blogging c'est un peu la galère ;/

    Willy

    http://willyphotography-mariage.blogspot.fr/

    RépondreSupprimer
  8. C'est sûr Willy, il y a rarement ce que tu décris comme "intuitif" dans un template gratuit pour personnaliser.
    Il faut avoir quelques notions qui s'acquièrent avec le temps (mon cas) pour manipuler tout ça.
    Si tu as besoin d'un coup de main, en mode soft, tu me dis, si ça demande davantage de temps, on peut en discuter ;-)

    RépondreSupprimer

NB : Si vous souhaitez être informé des commentaires qui suivront le votre sur cet article, cochez la case "M'informer" avant de publier.