Exemples d' Alérion

Pour infos, je ne suis qu'un simple "blogueur", et non un Employé de CanalBlog. Ce que je fais est juste pour vous dépanner lorsque j'en ai le temps, donc pas d'énervement si vous avez l'impression que je ne fais "que" mon boulot ;) oki? Sympa!!!

29 juillet 2007 - Un bouton à la place d'une "Catégories"

n préambule
J'ai essayé pas mal de choses, mais le plus important est de se souvenir que:

-1) Les Catégorie ne doivent comporter ni accent, ni espace
-2) Ne pas commencer par un chiffre... (dans les cas d'un ordre spécifique, si les catégories commencent par 01, 02 etc il faudra ajouter une lettre devant - genre C01, C02 etc)
dans le plupart des cas il suffit de renommer les catégories afin qu'elle corresponde plus à un
objet Class

Ceci étant, tout est encore en mode avancé.

Donc la première des choses est d'avoir bien sûr des messages dans des catégories.
Pour la bonne forme et faciliter la compréhension de tous, j'ai créé un blog avec une colonne à gauche

01_I_cr_ation
j'y ai juste mis les blocs "Catégories" et "Liens"
02_I_blocs

et me suis dit que ce serait bien de mettre mon modèle en mode avancé

03_mode_avanc_

La dessus j'ai créé 3 messages et 3 catégories, il faut bien partir sur une bonne base
05_creation_message

Comme je le disais en préambule les catégories ne doivent pas comporter d'accent, d'espace ou commencer par un chiffre. (Sinon la "Class" ne sera pas comprise)
06_modifcategroie

Fort de nos trois messages, et de nos trois catégories, occupons donc de nos boutons :)

J'ai donc créé 3 boutons que j'ai chargés dans un post qui reste en mode brouillon
09_creatbouton

ainsi il n'est pas visible sur le blog et ça me permet de récupérer les adresses de stockage en appuyant sur le bouton <>
10_recupurlboutons

A partir de là, le plus gros a été effectué, il nous suffit de définir les class et modifier un peu l'html des pages.
Commençons par créer les Class dans la feuille de style générale, Une Class par Catégorie , ajoutant un point devant le nom de la catégorie là nous en avons trois
11_creatclassboutons

ensuite, repérons le bloc qui affiche les catégories dans la page d'accueil
12_repererbloccategorie

on repère précisément la balise <$BlogCategoryName$>
13_reperercategorie

et on va l'insérer dans <div class="<$BlogCategoryName$>"></div>
14_apr_sinsererclass

on supprime les balises <ul> et </ul> les <li> et </li> et on recopie tout notre bloc aunsi modifié

  <CBCategories>   <a href="<$BlogCategoryURL$>"><div class="<$BlogCategoryName$>"></div></a>  </CBCategories>

sur toutes les pages

et on regarde le résultat

15_lesimages

Posté par Alerion à 12:44 - Commentaires [5]

23 avril 2007 - Changer la bannière, en mode avancé

Oui!!

Bon alors,

On s'est créé un gentil blog, en mode normal on s'est mis une bannière, toute belle
tutoban01

tutoban02

Puis on a évolué, sommes passés en mode "avancé", avons ajouté des trucs de ci de là....
Et on veut changer de bannière parce que du coup ça ne correspond plus trop....

Heuuuuu oui, mais en mode avancé, il n'y a plus le choix de chargement du logo ou de la bannière,
- Diantre!! Mais où donc vais-je pour la changer, cette belle et nouvelle bannière?

Première étape,

Créer un nouveau message, qu'on sauvera en mode brouillon, pour pouvoir y retourner de temps en temps.
tutoban05
Et là, charger la photo (mais attention, pas par le traditionnel lien "d'insertion d'image", mais par l'insertion d'un fichier. Car.... la photo serait redimensionnée et ne correspondrait plus à la longueur de la bannière.
tutoban06
tutoban07

Ceci effectué, basculer en mode "html" [avec la touche <> ] et copier l'adresse url du document chargé.

tutoban08

Sauvegarder (publier en mode brouillon ne le rend pas accessible au public et permet de pouvoir récupérer au besoin l'adresse du fichier dans "mes documents" du blog).
tutoban12

Deuxième étape,

Editons donc nos fichiers de mise en page, et plus principalement la feuille de style
tutoban03

Recherchons la ligne du background dans le div #topbar-logo
tutoban04

On sélectionne l'adresse de l'ancienne bannière, et on y colle la nouvelle,
tutoban09

on valide, et on jette un oeil sur le résultat

tutoban11(réactualiser la page au besoin)

Posté par Alerion à 19:32 - Commentaires [38]



« Accueil  1