Le petit DotClear illustré [old]
Par Kozlika le jeudi 20 mai 2004, 22:25 - Lien permanent
MàJ du 8 juin 2004 Voir plutôt le dernier billet Dotclear, les liens ici ne sont pas à jour.
MàJ du 23 mai 2004 Je viens de mettre en ligne le template par défaut détaillé. A venir, sous la même forme, la feuille de styles détaillée.
A signaler aussi, la page wiki réalisée par cymago qui s'adresse également aux débutants.
J'ai entrepris d'élaborer une explication des différents éléments de la feuille de styles en vous proposant dans cette page une visualisation du thème par défaut et les légendes qui vont bien avec.
N'hésitez surtout pas à laisser un commentaire ici, pour me signaler des oublis, des erreurs, des compléments ou tout simplement pour me donner votre avis.
Commentaires
C'est pas mal du tout et très didactique. Tu t'es servi du style.css du theme par defaut ? Il y a un truc tout bête que je n'arrive pas à modifier dans le thème df que j'utilise : c'est la taille de la police des éléments du Menu de droite (que je trouve trop grande)... je m'y perds un peu dans ce style.css qui n'a pas les mêmes attributs que ceux que tu expliques dans ton exemple.
Merci obni :-)
Oui, j'ai utilisé la feuille de style par défaut de DotClear.
Le truc imparable quand on n'y comprend plus rien (enfin le truc que j'utilise) c'est d'afficher la source de la page et de regarder où se trouve l'élément qu'on veut modifier et dans quelle balise il se trouve.
Je viens de regarder pour ta colonne de droite par exemple. La boîte qui correspond à
#sidebar
dans le template par défaut s'appelle ici#menu
. Comme dans la feuille de styles rien n'est spécifié pour les titres de valeur<h2>
ou les<li>
, ils prennent les paramètres par défaut.Si je ne dis pas de bêtises, pour les modifier il faut compléter la boîte
#menu
, à cet endroit :# menu h2 {
++ici ce que tu veux indiquer++
}
et de même pour les autres sous-ensembles de
#menu
, quitte à les créer si elles n'existent pas (#menu li
par exemple).Voilà. L'ai-je bien répondu ? ;-)
Merci pour ton aide. Je vais essayer de regarder ça dans la journée, je n'avais pas osé modifier quoique ce soit. Mais en travaillant sur un thème de test, histoire de ne pas tout casser, y'a pas grand risque.
NB : Ton thème Platee est parfait question visibilité ! Super !
Génial ! çà pourra servir de point de repère à beaucoup qui veulent "bloguer" et qui ont peur de se lancer !
Excellente idée :-D
Bon, les amateurs se regroupent. J'ai commençé un guide pour moi-même qui intéresse peut-être d'autres amateurs. Un brouillon est visible ici
http://cvie.free.fr/personnaliser.html
Bonsoir Koz,
Cela me rappelle le composeur de Mozilla (ou de Netscape) dans le mode semi-graphique affichant les principales balises HTML. J'ai toujours trouvé cette idée très pédagogique et c'est la raison pour laquelle j'ai souvent conseillé cet éditeur. Il vrai qu'aujourd'hui bien des choses ont changé avec XHTML et CSS... mais après tout le même principe peut-être repris pour les feuilles de style.
Bonne idée que tu as eu là.
Autrement j'aime beaucoup le thème "bac à sable" qui est mon préféré.
Chez moi en revanche c'est la grisaille, je manque de fantaisie... et de temps.
Merci à tous :-) :-) :-)
En fait une bonne méthode pour apprendre c'est de devoir expliquer à quelqu'un d'autre ! J'en sais nettement plus depuis ces deux pages qu'avant de commencer et c'est surtout moins empirique...
Cymago : le lien vers ta page est dans mon billet. J'avoue ne pas encore avoir tout lu mais je vais le faire et je te ferai part de mes commentaires.
Angrave : ça avance pas chez toi, tu passes trop de temps au CTC ;-) !
Laurent : oui, je l'aime bien le Bac à Sable aussi mais j'aime toujours mieux le dernier-né (sauf pour mes enfants que j'aime indifféremment, cela va de soi ;-) ). Après avoir lu ton message, j'ai téléchargé Mozilla, mais je n'ai pas trop pigé comment on introduit les balises des feuilles de styles en wysiwyg alors j'ai bidouillé en dur (misère ! le mélange de pinceaux entre les vrais codes et ceux qui n'étaient que reproduits...) Mais j'y reviendrai, ça a l'air bien.
Obni : wouahhhhh, un trackback, c'est la classe ! Faut que je m'y mette...
Le composeur de Mozilla en mode mixte fait apparaître les balises HTML. C'était une analogie. Pour les feuilles de style, bah oui, il faut voir du côté des éditeurs de texte.
Thierry L > Avec FireFox et le plug kivabien (editCSS de Pascal Guimier), on peut éditer la feuille de style d'un site. C'est pas mal pour apprendre.
Ouh la la, désolée Thierry L, je t'ai appelé Laurent mon précédent commentaire (je suis rouge de honte). Très élégant à toi de n'avoir pas relevé, j'en suis plus encore mortifiée (bouhouhou);
Mille mercis, kozlika ! C'est exactement ce qu'il me manquait ! C'est très pédagogique : très clair, très précis, compréhensible (ce qui n'est pas toujours le cas pour moi dans le forum de Dotclear...) Merci beaucoup pour ton travail. Ton blog va connaître encore plus de succès !
MDR :-D Je passerais moins de temps au CTC et je vais un peu re-skinner mon blog ;-)
Petit guide de l'amateur éclairé
Version 0.5 du 26 mai 2004
Ajout de la modification de la taille des polices. Revue du texte du switcher CSS. Liens.
J’ai pas pu resister a la seduction de laisser un commentaire ici . c’est magnifique. Je reviendrai bientot