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égories 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
j'y ai juste mis les blocs "Catégories" et "Liens"
et me suis dit que ce serait bien de mettre mon modèle en mode avancé
La dessus j'ai créé 3 messages et 3 catégories, il faut bien partir sur une bonne base
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)
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
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 <>
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
ensuite, repérons le bloc qui affiche les catégories dans la page d'accueil
on repère précisément la balise <$BlogCategoryName$>
et on va l'insérer dans <div class="<$BlogCategoryName$>"></div>
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
- Commentaires
stp tu peu jetter un oeil sur ma boite a outil je pige pas pk ca marche pas
j'ai rater quoi comme virgule !!!
please
j'ai pas trouvé où tu avais défini les class ni l'affectation sur yenapas...[Non]
bon il est tard je jette un oeil demain si j'ai le temps, en attendant bizzzzzz et bonne nuité[Oui]
HELP? je veux des photos pour illustrer les sous catégories
Bonjour...
Je risuqe d'etre un peu chiante et je m'en excuse.
Voici l'adresse de mon blog: http://karine100705.canalblog.com/
Ce que je voudrais faire c'est rajouter dans les sous catégories des photos comme par exemple: Apéros et entrée +"photo" juste en dessous , décor pour gâteaux +"photo"
Comme sur ce blog par exemple: http://amesnuitsblanche.canalblog.com/
Je t'avais prévenu, je suis chiante et je l'assume. Ce serait trop sympa si tu pouvais m'aider, j'en ai marre de me prendre la tete.
Merci d'avance
bien bien, fais-donc comme elle, tu définis une catégorie dans tes liens, et mets-y ton lien, qui est une copie de l'index de tes catégorie, au nom tu y mets ta petite vignette ;)
Je crois que je suis bete car j'ai rien compris.
Qu'est ce que je change comme code et où? (feuille de style général? page d'acceuil?)
Bonjour ! j'ai fait comme tu as dis, et ça a marché, je voulais savoir cependant s'il était possible de créer un petit espace entre chaque vignette,pour ne pas qu'elles restent collées ?
Merci !
[Oui]
oui, bien sûr, tu ajoute un [G]margin-top: xxpx;[/G] dans la déclaration de ta class dans ton CSS
Bonsoir,
Est -il possible de mettre une image de fond sous le bloc "catégories" en entier? (titre+toutes les catégories)
Oui, bonsoir Mattchry ;)
c'est exactement ce que tu retrouve dans ce blog: [G]titre, fond, pied, table des matières[/G] tout est en [G]fonction de la catégorie[/G]
[I][Size='8pt':]:je n'ai pas encore eu le temps de finir ce tuto, mais [Sur col='#CCF':]:c'est le même principe que pour les boutons[/Sur][/Size][/I][Oui]
Bonjour Alérion [Danser] !!
Tout d'abord je te souhaite mes meilleurs voeux pour cette nouvelle année, qu'elle soit remplie de petits et grands bonheurs quotidiens pour lutter efficacement contre la sinistrose [;)].
Dans les résolutions 2009, je mets au code avec tes supers tutos [:D]. Sauf que là : je cale [la tu vois] !!
J'ai tout fait comme dans ton article, et je n'arrive qu'à faire apparaitre les noms des catégories mais pas les images [Triste ouin] ...
Dans la page de code de mon article brouillon j'ai deux adresses de stockage, j'ai essayé les deux mais rien n'y change [grrrmmmphffff]
Je souhaiterais également changer ma bannière et enlever le google ad sens qui ne me rapporte mais alors rien de chez rien [mmm] ... parce qu'avec la nouvelle année, j'ai envie d'un nouveau blog, plus zen dans sa présentation.
Aurais-tu la possibilité de m'aider une fois encore ? Tout du moins me dire ce qu'il faut faire parce que je voudrais bien apprendre
Merci d'avance pour ta réponse [Bisou]
A bientôt [Merci][Fee]
meilleurs voeux à toi
nous voici donc repartis pour una année supplémentaire ;)
tu as erreur de codage Marianne:
à chaque fin d'url des background tu as
... no-repeat 0% [Font col='#F00000':]:([/Font]
padding: 0;
ça bloque tout
mets plutôt
no-repeat [Font col='#F00000':]:0 0;[/Font]
padding: 0;
Merci Alérion, je n'avais pas vu ta réponse ici [:s]...
J'ai bien essayé mais ça marche toujours pô [Sais pas]...
[Triste ouin][Triste ouin][Triste ouin] Faut-il que je regarde encore ailleurs ??
Merci de ton aide Alerion[Ange]
YYYYEEEEESSSSSS !!!!
[Bisou][Bisou][Bisou]
Merci Alerion, je viens de trouver la solution, et ça y est ça marche !!!!!!!![Cheese]
Bon je file bidouiller un peu plus loin [Bisou]
Galere!
Je viens enfin de parvenir a faire "apparaitre" un semblant de catégorie, mais sans les images... Les liens fonctionnent pourtant! Je suis paumée et je n'ai plus aucune idée de quoi changer pour que ca marche... Si t'as 1mn j adorerais ton aide!!
Sinon merci pour le tuto, c est super clair, ms je suis une vraie chevre......[Attend]
Je suis allé fair un tour sur ton blog Lennie, mais je n'ai pas vu ce que tu as fait pour tes catégories, pour l'instant ce sont les "standarts"
...
hum hum
bonjour, je viens de tester ce tuto sur un blog d'essai que j'ai créé et je rame... je rame... je rame... j'ai réussi à faire apparaître une image titre de catégorie sur la page" d'accueil, c'est un début ! mais tout s'est remis dans la même colonne : mon image, mon message et ma colonne de droite... ke pasa ? kesako ?
merci d'avance
parce que, rauschy,
dans tes catégories,
tu as mis <div class="sel"</div>
il manque le >
donc mets <div class="sel"[G]>[/G]</div>
Poster un commentaire
Rétroliens
URL pour faire un rétrolien vers ce message :
http://www.canalblog.com/cf/fe/tb/?bid=272783&pid=5751027
Liens vers des weblogs qui référencent ce message :