L'armoire d'Eolune

19 décembre 2008

Net : Canalblog et le mode avancé

Suite à une question de bonome, en privé, concernant la personnalisation de Canalblog, je fais un lien pour celles que ça intéresserait vers un billet de mon 3eme blog (puisque celui-ci est le 4eme...comment ça j'ai du mal à rester stable ?! Ne riez pas, je prépare le 5eme sur Wordpress parce que Canalblog et ses pubs à la noix me gonfle).

>>  Canalblog et le mode avancé <<

Edit février 2009 : je copie/colle mon article ici :)

Passer en mode avancé

• Comment faire ?
• Ce qui va changer : Vous n'aurez plus les parties "Style/Apparence générale/Blocs" qui seront remplacées par des fichiers éditables. Vous ne pourrez plus mettre ce modèle en "normal" avec recours au "Style/Apparence générale/Blocs"
• Mes conseils : créer un modèle "test" ne bidouillez pas sur votre modèle actuel. Faites un copier/coller sous Word par exemple des fichiers du modèle test, en cas d'erreur, vous pourrez recommencer à zéro facilement en copiant/collant vos fichiers Word.

Les fichiers éditables

• Comment fonctionnent-ils ? Il y en a de 3 sortes : ceux qui concernent la forme du blog (Page d'acceuil, page de l'index des archives, page des archives, page d'un message, page du profil) ceux qui concernent les albums (page d'une photo, page de l'index de l'album) et enfin la feuille de style.

Le premier groupe a une structure à peu près identique : voici la structure générale d'un modèle à 3 colonnes. Des éléments en plus ou en moins sont ensuite placés dans cette grande structure : des balises de blocs et des balises de contenus.
Le second groupe a une structure proche du premier groupe avec des éléments très différents. Mais le principe est le même.
Le troisième type, la feuille de style, utilise un autre langage : le CSS. Cette page dicte à l'ensemble des éléments du blog les couleurs, taille etc... La feuille de style est organisée.
Quelques indications complémentaires pour se repérer là-dedans :

• les "a:" c'est pour les liens, qu'on peut décorer, changer de couleurs
• les "border-quelquechose" font référence à une bordure (couleur (color), largeur en pixel (width), style)

A noter que pour changer les couleurs, on utilise des couleurs hexadécimales de la forme #000000 (noir).

Bon et très concrètement je fais comment ?

Je pars de la bannière, c'est elle qui va conditionner les couleurs du blog. J'utilise des images libres de droit (donc attention, dans Google Images les images ne le sont pas forcément ! Respectez le travail des autres !). Je vais généralement sur StockExchange, là encore attention, certains auteurs demandent à être prévenus de l'utilisation et crédités. Lisez bien. Pour la police d'écriture je vais sur Dafont. Je la télécharge et l'installe sur mon ordinateur (Panneau de config > Polices et vous glissez la police dans le dossier). Je bidouille ma bannière sous Photofiltre (gratuit). La largeur de votre bannière doit être la même que celle indiquée dans la feuille de style ici : #container { width: 800px; Je l'insère ensuite dans les pages du groupe 1 et 2 en remplaçant ce code (situé juste après la balise "Body") : <div id="topbar"> <h1><a href="<$BlogURL<div id="topbar"> <h1><a href="<$BlogURL$>"><$BlogTitle$></a></h1> <h2><$BlogDescription$></h2> </div>gt;"><$BlogTitle<div id="topbar"> <h1><a href="<$BlogURL$>"><$BlogTitle$></a></h1> <h2><$BlogDescription$></h2> </div>gt;</a></h1> <h2><$BlogDescription<div id="topbar"> <h1><a href="<$BlogURL$>"><$BlogTitle$></a></h1> <h2><$BlogDescription$></h2> </div>gt;</h2> </div>
par celui-ci <div id="topbar"><a href="<$BlogURL<div id="topbar"><a href="<$BlogURL$>"><img border="0" src="adressedemonimage"></a></div>gt;"><img border="0" src="adressedemonimage"></a></div> (hébergez vos images dans un brouillon par exemple...il vous suffit ensuite de copier l'adresse de l'image à la place de 'adressedemonimage').
A l'aide de la pipette de Photofiltre, vous pouvez sélectionner des couleurs de la bannière pour les utiliser pour les liens, les titres, le texte etc... Il vous suffit de remplacer les couleurs hexadécimales présentes dans la feuille de style et de les remplacer par les vôtres. Autre astuce, moi j'utilise Colorzilla, un plugin de Mozilla qui intègre au navigateur une pipette...très pratique !

Après les couleurs, le texte : c'est à modifier directement dans les pages du groupe 1 et 2 (remplacer "laisser un commentaire" par "laisser un message" etc...). Si vous voulez des images-titres : créez-les avec Photofiltre, hébergez-les sur votre blog, et insérez-les dans les pages du groupe 1 :
Ex pour l'image-titre "archives" :
Chercher et remplacer le code suivant <div class="title">Archives</div> par <div class="title"><img src="adressedemonimagedarchives"></div>

Après plusieures heures normalement c'est tout bon ! Vous avez un blog à votre image !

Je rappelle un truc très important qu'on oublie souvent : la sauvegarde ! (sous Word, le bloc-note ou un éditeur de texte) Une des fichiers de départ, puis alterner sur 2 sauvegardes des fichiers à chaque modification (pour éviter de recommencer à zéro à cause d'une malheureuse manip). Et on ne modifie pas les fichiers utilisés actuellement par le blog, on crée un modèle test !

Amusez-vous bien !

Liste non-exhaustive de liens utiles :
Généraux sur les langages et autres :

• Css débutant
• Alsacréations

Spécialisés pour Canalblog :

• Le coin de la souris
• Nos blogs cuisinés
• Le petit théâtre de votre blog
• FAQ non-officielle
• Tutofaf

Rangé dans 1 - Petits mots avec les étiquettes :
[14] goutte(s) d'encre

14 décembre 2008

Echarpe-fleurs

Mon projet nomade...Comme Une poule à petits pas apparemment. Tous les jours pendant mes longs trajets en train, pour me vider la tête des "Maîkreeeeeeeeeeeeeeeeeesse", pleurs et autres voix d'enfants (ils sont adorables...mais usants).  J'ai fini de rentrer les fils hier...pour le blocage par contre, j'ai essayé un peu, mais c'est pas encore ça, elle se tortille encore un peu.

Je l'ai crochetée en n°3, laine Phildar, à raison d'1 à 2 fleurs par voyages (selon si j'ai très sommeil le matin ou pas du tout ! Généralement j'ai très sommeil...). Merci  O fil de l'eau. 26 fleurs au total (deux rangées) : de quoi faire deux tours pour se réchauffer le cou. Et ma collègue qui fait les trajets avec moi me demandait si je l'aurais fini avant avril...ça va lui en boucher un coin lundi ;)

Prochain projet crochet : le bonnet qui va avec, avec le tuto de chez Crochet today !

Et d'ici à ce soir, je vous montre mon sarouel transformé en pantalon bouffant et une tunique violette pour aller avec (si tout va bien...).

Rangé dans 4 - Jeux de mailles avec les étiquettes : Noir, Rouge
[24] goutte(s) d'encre

10 décembre 2008

Art/Lien : Noël approche...

...pas le temps de faire un sapin cette année (et puis pas là pour en profiter alors...). Pas le temps d'aller faire les boutiques en ville non plus. Heureusement, il y a le net, qui livre tout à la maison :)

Après les commandes de livres/CDs etc. sur les grands sites, je suis allée sur Etsy...lieu de perdition pour sa CB....c'est bien simple, je pourrais me ruiner avec toutes ces belles choses...

- clic -
(une pour ma sœur, une pour moi, je vous avais déjà parlé de cette fabuleuse et gentille artiste ici)


- clic -
(bracelet pour une de mes taties, BO et collier pour ma mère)


- clic -
(une pour une de mes taties et une pour moi )

Ok, j'ai aussi craqué pour moi...mais comme j'ai pas fait de liste au Père-Noël (parce que j'ai franchement besoin de rien cette année...si c'est vrai !) ça compense ;)

Rangé dans 6 - Coup de coeur avec les étiquettes :
[7] goutte(s) d'encre

« Accueil  1  2   Page suivante »

• Beige
• Blanc
• Bleu
• Framboise
• Gris
• Jaune
• Marron
• Noir
• Orange
• Rose
• Rouge
• Vert
• Vieux rose
• Violet

1 - Où j'écris

• Cinécritiques
• La boîte à livres

2 - Je participe à...

• 
• 
• 
• 
• 
• 
• Les Fées Tisseuses

3 - De belles images

• Adolie Day
• Anne-Julie
• Benjamin Lacombe
• Cathy Delanssay
• Florizel
• Rose
• Stéphanie Ledoux

4 - Du talent...

• Aline
• Bambou
• Beautiful Poulette
• Bérilune
• Carmina
• Facile Cécile
• Faustine et Coquelicot
• Grain de sel du sucre
• Henri et Violette
• Katoo
• La fée du lutin
• Le dressing de Sam
• Les cailloux de Maé
• Les petits grains de maïs
• Lila Fanfreluche
• MadeBy6
• Miffy
• My Daruma
• Parfum du ciel
• Poils aux pattes
• Sophie

Ces textes, images et créations par Eolune, sauf mention contraire, sont mis à disposition selon les termes de la licence Creative Commons Paternité-Pas d'Utilisation Commerciale-Partage des Conditions Initiales à l'Identique 2.0 France.