Don Carlo
Par Kozlika. jeudi 1 janvier 2009, 08:49. Thèmes pour Dotclear 2 1 colonne Dotclear 2 fluide thèmes | Lien permanent.
Pour la nouvelle année, voici un nouveau thème. Don Carlo, habillé de rouge et noir, est construit sur une base assez conventionnelle, mais avec quelques améliorations (du moins à mes yeux) du traitement des différents contextes par rapport aux thèmes habituels.
Détails du thème
Cliquez sur les vignettes pour afficher la taille réelle.
Constantes
- La boîte de recherche propose dynamiquement des suggestions de résultats ; c'est basé sur le plugin jQuery LiveSearch ; l'implémentation est identique (et pour cause puisque c'est là que j'ai récupéré la fonction ) à celle du thème Noviny.
- Le menu horizontal, tout en haut à droite de la page reprend les quatre items « standard » de ce qu'on trouve sur tous les blogs actuellement. Il présuppose que vous créiez une page (Pages) dont la partie titre de l'url sera About et que vous installiez le plugin Contact Me. Si vous souhaitez modifier ou supprimer tout ou partie de ces liens, éditez le fichier _top.html
- Tous les widgets sont situés en bas de la page, à l'exception de la recherche.
Accueil
La colonne de gauche du billet accueille une vignette de la première image du billet, s'il n'y a pas d'image dans le billet mais que la description de la catégorie à laquelle il appartient en possède une, c'est cette image qui sera affichée. Si ni l'une ni l'autre n'existe cette colonne reste vide.
La colonne de droite est prévue pour un bloc de présentation rapide à l'intention des nouveaux venus sur votre blog. Pour en rédiger le contenu, éditez le fichier _home-aside.html.
Archives
C'est un projet que j'avais depuis longtemps parce que ça me semble plus logique : la page des archives permet de fouiller dans les archives du blog selon trois critères : chronologique, par catégorie, par tag ou d'y effectuer une recherche libre.
Si vous avez des souhaits supplémentaires pour cette page – par exemple si vous avez installé un plugin permettant le tri par auteurs, manifestez-vous dans les commentaires du présent billet pour que je vous aide à ajouter ce critère.
Billet seul
Un autre de mes dadas. Mettre en valeur le chapô (champ Extrait lors de la saisie du billet) traité comme une véritable accroche de l'article. Appuyé sur le flanc gauche du billet il est en caractères serif, plus gros que le corps du billet et en italique. Je décommande du coup l'usage d'images dans ces extraits (ou veiller à ce qu'elles soient petites, sinon ça va être super moche).
Les intertitres de niveau h3 à h6, en petites majuscules, sont également en police serif. Les détails de mise en forme des différentes balises peuvent être observés sur le blog de démonstration de DotAddict (du moins dès que j'y aurai déposé ce thème).
En affichant en taille réelle la réduction ci-contre, vous pourrez également avoir un aperçu du traitement des commentaires.
Résultats d'une recherche, liste des billets d'une catégorie
Ces deux contextes se voient dotés d'un bandeau sur la droite. Ce bandeau accueille dans le premier cas l'ensemble des résultats de la recherche et dans le deuxième cas l'ensemble des billets de la catégorie sous la forme d'une liste des titres des billets concernés. Dans le cas du tri par catégorie c'est en haut de ce bandeau que se trouveront la description et les liens d'abonnement aux billets de la catégorie.
Ce bandeau est présent à l'identique sur toutes les pages du contexte.
Page 404
Vous pourrez encore enrichir cette page à votre idée (en éditant le fichier 404.html) qui comporte d'ores et déjà des liens pour se rendre sur la page globale des archives, vers la page de contact et vers le bloc de recherche.
Pour le bloc de recherche j'ai hésité un peu à le « sortir » du haut de page pour l'intégrer dans le corps de page comme pour les archives. Si d'aucuns d'entre vous le souhaitent j'expliquerai ici comment faire.
On peut le prendre ?
Oui et non. Je suis en vacances et n'ai pas d'Internet Explorer 6 ou 7 sous la main pour tester les pages (je me méfie de l'extension pour Firefox qui s'est révélée ne pas être fiable à 100%).
Je serais donc ravie si quelques-uns des lecteurs de ce billet acceptaient de télécharger le thème (lien zip en pièce jointe) et le soumettre à la torture sur un poste Windows et Internet Explorer pour que je sois informée des bugs éventuels et puisse les corriger avant de le distribuer officiellement sur DotAddict. Je n'ai pas testé ni pu faire tester sous Linux non plus…
Pendant quelques jours
Vous pouvez le visualiser in situ ici (mais pas longtemps car je dois repasser sur Magda pour y bosser et parce que je dois reprendre tous mes articles ici pour les débarrasser de vieilleries qui me servaient sur un autre thème et que j'ai des soucis avec le switcher).
Commentaires
S'il vous plait, mademoiselle, la pièce jointe ! ;-)
Oups... j'ai pas vu que c'était en haut.
Les bugs que j'ai repéré sur Internet Explorer 7 sur PC en le comparant avec Firefox 3 toujours sur PC sont :
- un border noir sur la case à cocher "Se souvenir de moi sur ce blog"
- l'espace entre les colonnes de ton sidebar très réduit.
Je n'ai rien vu d'autre mis à part que Internet Explorer 7 bug lui-même (fermeture inopiné).
Sur Safari 3 PC, j'ai rien repéré.
Sinon c'est un chouette thème très classe. Ce qui serait "cool" ça serait de pouvoir choisir soi-même sa couleur dominante.
À préciser que la page 404 nécessite un plugin pour le lien "Contact me" qui est en anglais ;)
Sinon, je trouve ce thème non seulement beau (mais qu'est ce que le beau, le beau est il beau ?) mais surtout original et inspiratif (je sais c'est une barbarité comme dirait les nuls ;) ). Merci pour ce cadeau de début d'année :)
Jean-Michel et Kagou, merci ! Je note tout ça. J'y ajoute d'ailleurs qu'il faut que je passe les liens du _home-aside en blanc paske rouge n'est pas très lisible.
Choisir sa couleur dominante, Jean-Michel, c'est assez facile : je n'utilise que deux nuances de rouge, #c10 pour le rouge le plus vif et darkred pour le rouge sombre. Un p'tit cherche-remplace sur la css et c'est réglé, manquera plus que remplacer le rectangle rouge (fichier
images/bg_top.jpg
) par la nouvelle couleur choisie. Eventuellement, reprendre les icônes avec un éditeur d'images pour remplacer le rouge par la nouvelle couleur aussi.Kagou > anglais ? euh en principe ce plugin est localisé ? (et le plugin Contact Me est nécessaire aussi si on ne modifie pas les liens tout en haut de la page)
C'est un autre truc que j'aimerais faire, au fait, localiser ce thème, j'ai commencé à débuter à essayer mais le souci c'est que je parle si mal anglais que je ne suis pas cap de proposer les chaînes correctes dans les
:/
Ton lien about tout en haut de la page ne fonctionne pas... en plus il est en anglais.
Bah oui il n'aboutit pas vu que je n'ai pas de page about ici, je ne l'ai mis sur ce blog que pour que vous ayiez un rendu in vivo.
Du coup me suis pas foulée non plus à franciser "about" ici.
woaou, qu'il est beau!
Et cette page d'archive, qu'elle est belle!
Et puis le chapô mis en valeur, qu'il est beau!
Donc il est conseillé de mettre un " extrait" sinon l'espace est vide en mode billet seul . J'ai bien compris ?
Peux-tu préciser la taille de cette image, si on veux en préparer une pour la catégorie.
Oui c'est en anglais car le plugin n'est pas installé (cas pas défaut).
Imaginons un billet sans extrait, avec ou sans photos, et dont la catégorie utilise une image. Lorsque l'on affiche le billet seul, peut on détecter et afficher dans la colonne de gauche (qui sinon est vide car pas d'extrait -> c'est tristounet) que :
Il n'y a pas d'extrait -> Mais que comme il existe une image pour la catégorie on l'affiche à la place !
La page des Tags mériterait quelque chose de mieux qu'un simple listing en une colonne :)
Pour finir on pourrait imaginer que le bandeau noir (colonne de droite) reprenne le (ou les) billet(s) sélectionnés. J'arrête là pour mes remarques ;)
Sur IE6, la page d’archives perd salement de sa superbe, aussi :-/
http://lomalarch.free.fr/tanablog/s...
Sinon, la page d’archive est effectivement remarquable :-)
Bonanné
Génial vous avez bien bossé pendant que j'étais dans le train. Je vais affiner tout ça au cours des jours prochains, j'ai envie que ce thème soit aux petits oignons :-)
N'hésitez pas à poursuivre sur le chemin de vos suggestions (et même corrections de bugs, surtout si vous avez ie c'est plus pratique que pour moi, qui n'ai que l'extension FF à ma disposition). Kozlika and contributors, que cette formule recouvre une réalité ça me ferait super plaisir :-)
Très jolis thème en tout cas... pour les test, je suis sur mac, alors explorer...
Donc les vignettes font 100 px au carré.
Pour le souci de hauteur tu as raison ce n'est pas un bug.
Une idée sans doute connue, pourquoi ne pas livrer toutes les infos dans un billet non publié, avec chaque thème.
Corrections faites (à voir sur ce blog) :
Quelqu'un peut me confirmer ?
Présentation des archives sous IE6 réparée je crois ?
Pour répondre à Kagou au sujet de la page regroupant tous les tags j'avais en fait envie de supprimer cette page ou plutôt qu'elle soit confondue avec celle des archives (avec une ancre sur by-tag). Z'en pensez quoi ?
@Kozlika : en effet c’est une bonne idée.
Redirection de la page de tous les tags vers les archives et corrections de bugs restants sous IE. Les pièces jointes ont été mises à jour (pas de modif du numéro de version qui sera celui du versement sur DA si personne ne hurle ici d’ici demain ;-))
Petit bug sur la mise en surbrillance de la page active (accueil ici) : http://www.kagou.fr/doncarlo.png
Il faut peut être également repenser le bas. Car si tout est accessible dans archive (tags/archive/catégorie) il peut être évident de ne pas utiliser les widgets tags/catégories pour le bas. Il reste les liens/abonnements. Il y a peut être quelquechose à faire là, je vais y penser ^^
Sinon que penses tu de mon commentaire (n°10) ?
J’ai corrigé le survol du lien de la page active, merci Kagou. Sinon pour ta proposition du #10 spacon mais je ne saurais pas le faire, donc tanpis :)
Pour les widgets du bas je considère qu’ils représentent tout de même des accès directs, je vais donc les laisser (mais j’ai en revanche supprimé tous les widgets sur ladite page d’archives).
Tiens si je garde Don Carlo ici il faut que je style ma minitoc pour aller avec le reste au fait.
Impossible de retrouver l'annexe ? ( zip )
Il ne manquerait pas un menu en haut à droite ?
Ah les pièces jointes je sais pourquoi, on a changé les étagères, faut que je remette tous les bibelots en place.
Je ne comprends pas de quel menu manquant tu parles ?
je trouve qu'un accès au menu bien visible est logique avec un thème une colonne .
Et finalement, il sera disponible ce thème sur DotAddict ? (au fait, il est superbe, comme d'habitude)
Oups zut de crotte j'ai complètement oublié de le déposer ! -:P
faut que j'y pense ce soir, faut que j'y pense ce soir, faut que j'y pense ce soir...
merci :)
Marc, décidément je suis incorrigible et j'ai été très occupée ces derniers jours. Tu peux récupérer le thème ici, dans les pièces jointes du présent billet en attendant.
Pas de soucis, en fait c'est déjà fait, installer, pas de bugs en vu et j'ai déjà commencer à refaire quelques très petit travaux pour que l'on se sente bien chez soi...
on a le droit de poser des questions étranges ?
Est-ce qu'il est possible de récupérer les infos des notes en bas des billets pour pouvoir les afficher ??
Pourquoi j'ai besoin de faire ça ? Ben parce que j'aimerais bien utiliser ton thème pour un blog avec beaucoup d'auteurs qui vont écrire mais que le fait de devoir mettre eux mêmes leurs billets en ligne va rebuter. Il est donc plus simple pour moi de faire la mise en page et mise en ligne moi même à partir de .doc. Mais en même temps j'ai pas envie de devoir créer 40 (voire beaucoup plus...) utilisateurs différents avec les codes et tout le bazar, mais je souhaite pouvoir indiquer les auteurs.
Donc c'est plus facile pour moi de noter le nom de l'auteur dans le bloc note et de le faire apparaître à la place de l'insertion l'auteur.
Tu pense que c'est possible ou que le plus simple reste de créer des utilisateurs ?
Oui c'est faisable, il faudrait créer un fichier _public.php dans le thème et y créer une fonction qui récupère le champ Notes, puis remplacer dans les fichiers *.html les appels à la fonction EntryAuthor par cette nouvelle fonction.
Le forum sera plus à même de t'aider que moi, qui ne cause pas franchement php couramment ;-)
Vraiment superbe ce thème.
Le billet avec le préambule en intro dans la colonne de gauche, c'est excellent.
Avez-vous mis la version définitive sur le site de Dotclear, je ne l'ai pas trouvé ?
Merci.
(je cherche un recoin sombre où me cacher...)
Incroyab mais vrai, je viens d'envoyer le thème sur DotAddict, il sera probablement en ligne dans la journée ou demain. Du coup j'enlève les pièces jointes ici :-)
Je l'avais mis de coté, mais j'y reviens. J'ai un souci car la vignette de la catégorie ne s'affiche pas (si le billet n'a pas d'extrait ni d'image).
Le site :
http://blog.kagou.fr/
Actuellement j'ai défini la même vignette, logo ubuntu (pour tests) sur 2 catégories différentes : ubuntu + humeur
Elle apparaît bien (à droite) si on affiche les billets par catégories :
http://blog.kagou.fr/category/Ubunt...
http://blog.kagou.fr/category/Humeu...
Mais elle n'apparait pas sur la page principale, s'il n'y a pas d'extrait ni d'image dans le billet :/ ex le premier billet "Création de l'A.C.A.F." sur la page principale du moment.
Sinon il reste de ci de là des trucs pas traduits comme sur la page archive "By tag" "aside" etc.
Pour le problème d'affichage de la miniature :
ne serait ce pas parce que l'image étant déjà petite, il n'y a pas eu de génération de la vignette par dc2 .(square ?) ?
J'en remets une autre ;) :
sur la page 404 le champ recherche n'aboutit à rien :
404 ->
http://blog.kagou.fr/post/2009/02/1...
404 + click sur rechercher ->
http://blog.kagou.fr/post/2009/02/1...
Ok, pour la 404+recherche, comme j'avais viré le widget de recherche cela explique des trucs.
Mais bon avoir le lien "Recherche" et lorsque l'on clique dessus cela fait "bouger" la feuille. Pour un non habitué il va comprendre que cela ne marche pas, et non pas que la page c'est déplacée afin que la première ligne, en haut, à droite, EST le champ de recherche.
Merci de tes retours, Kagou, je vais regarder tout ça dès ce soir (sinon je me connais ça va remettre aux calendes...).
Avant tout merci, ce thème est superbe.
Las, je rencontre une erreur qui a - partiellement, si j'ai bien compris - été évoquée par Kagou.
Lorsque je publie un billet sans catégorie, sans chapeau, et sans image, la colonne de gauche indique, à l'emplacement de la vignette :
Est-ce normal ?
Encore bravo, quoi qu'il en soit.
Kagou, 30, vous êtes encore dans les parages ? Je ne comprends pas Kagou, je ne rencontre pas les mêmes soucis que toi :/
30, tu utilises bien la dernière version de Dotclear (ou du moins postérieure à 2.1.4 ?). EntryFirstImage est une fonction récente.
J'utilise avec un réel bonheur ton thème. Encore grand merci (étant assez obsédé par la partie introductive d'un billet et aimant les thèmes sobres, je suis chez moi comme un poisson dans l'eau).
Juste une petite question, je sais que c'est pas un sav, donc c'est plus pour avoir une piste qu'une solution toute faite, mais j'aimerai bien sur la page archive :
- Changer de place tags et billet sélectionné (ça c'est facile)
- Afficher que 20 mots et en nuage de tags
- Avoir le lien "tous les tags" qui me renvoit vers une page avec l'ensemble des tags
Pour le premier je vais y arriver. Pour le deuxième, je suis en train de relire http://tips.dotaddict.org/fiche/Cre... donc normalement pas de soucis ?
Pour le troisième, il faut que je fasse une nouvelle page en html, style tags2 avec les fonctions qui vont bien dedans ?
D'avance merci.
Pour le deuxième point, le lien que tu indiques te sera en effet précieux pour la mise en forme. Pour ce qui est de limiter les tags aux 20 premiers, il te faudra ajouter dans le code de la page archive.html en plaçant à l'intérieur de
<tpl:MetaData type="tag">
un loopposition (voir ici : http://fr.dotclear.org/documentatio... ) ou voir - je ne l'ai pas en tête - si on peut limiter le nombre directement dans les paramètres de MetaData.Pour le troisième point, il te faut juste enlever les lignes de réorientation de la page de tous les tags vers les archives que j'ai placées dans le fichier
_public.php
du thème.Oui, oui. Toujours (plus ou moins) à l'affut du flux !
Et oui oui bis, j'ai installé ton thème après être passé à la v. 2.1.5.
Je suis bien en 2.1.5. Je vais faire une installation en local afin de confirmer mes soucis de vignettes. Je te tiens au courant (suis un poil bousculé par l'arrivée d'un troisième enfant :) http://blog.kagou.fr/post/2009/03/0... )
Hola Miss Kozlika !
Je reviens dans le coin, et j'ai fait quelques modif du coté de la barre #home-aside pour des raisons twitteresque.
Je pense qu'il serait judicieux pour les gens qui utilisent encore IE (6 7 8?) d'ajouter un petit
word-wrap: break-word;
dans la feuille de style, juste au cas où ;)
afin d'eviter un redimensionnement du bloc pas super classe pour l'harmonie générale.
Voila, bonne continuation !
B'jour KoXxX, je suis perplesque : je veux bien faire cette modif mais en principe c'est le comportement par défaut ça, j'ai fait des bêtises ?
Salute !
ça dépend ce que tu entends pas bêtise et comportement par défaut ^__^
Moi je voulais que mon bloc "aside" garde la même taille quelque soit le navigateur et le contenu du bloc. Hors, avec IE6 et 7, ça l'élargissait et le rejetait en dessous du div des billets (j'ai perdu les noms...) quand il y avait un lien trop long à l'intérieur.
Je ne sais pas si c'est du comportement par défaut chez IE mais le word-wrap: break-word; a résolu le problème chez moi.
--
Je viens de retrouver ce document : http://www.w3.org/TR/css3-text/ et le word-wrap ne break pas les words par défaut ! Tiens il faudrait que je teste le text-wrap aussi, mais là, il est tard ;)
Voila, je sais pas si je suis plus clair, mais au moins, break-word c'est pas le comportement par défaut !
Bonne nuit !
Bonjour !
Contrairement aux images jointes et au blog de démonstration, aucun aperçu de mes images ne s'affichent dans la colonne de gauche....
Comment se ( fesses ) fait-ce??
Pour la nullité de la blague, merci de contacter Mr blaguin du service après vente
Commentaire précédent inutile
- ne pas en tenir compte-Bonjour,
très joli travail!
J'ai juste une demande d'amélioration: les acronymes wiki sont gérés mais on ne voit aucune mise en forme... les petits points soulignants souvent utilisés par les autres themes facilitent la lecture. Actuellement, il faut passer la souris sur les mots dont on se doute qu'ils sont acronymes...
Merci encore pour ce thème.
Merci pour ce thème.
Il correspond exactement à ce que je cherchais: Clair, très lisible et sobre...
Adopté en ce qui me concerne !
Comme d'habitude, je suis nul et malheureux. La recherche "intelligente" ne fonctionne pas chez moi et je ne trouve pas de solution. Je dois mal parler à Google... :'(
Ah oui tiens, comment se fait-ce ? Tu utilises quelle version exacte de Dotclear ?
Au fait, Nono, merci !
C'est une très bonne question... Ça n'est pas signalé quelque part dans l'interface d'administration ?
Maxime : dans la barre de titre de la fenêtre où est affiché ton navigateur.
Bon, je vais me pendre et je reviens...
2.1.5
Je comprends mieux l'expression « Avoir de la merde dans les yeux ».
Ben là comme ça de but en blanc je n'ai pas trop d'idée de ce qui dans ton installation peut gêner. Peut-être voir du côté du forums pour une aide plus efficace ? Mais auparavant peux-tu faire l'essai d'installer par exemple Noviny (qui a le même système de recherche) et dire si ça fonctionne ?
J'avais déjà installé Noviny, eu le même problème, et ratissé le forum de Dotclear et Google sans résultat... « Snif ! » fit-il.
Va sur le forum pour demander de l'aide en listant les plugins que tu as installés et les éventuelles autres personnalisations. Je ne sais pas trop comment dépatouiller ça.
je tente de migrer vers plus moderne... genre dotclear 1 vers le 2 et j'ai définitivement adopté ce thème. merci! Je le trouve très bien!
Il me reste un bug: les archives et l'accès par date. Lorsque je clique sur le mois de septembre par exemple, il ne me rapporte absolument rien. Une version de travail de mom blogue est ici: http://sunensweb.uqac.ca/~pgiroux/c...
des suggestion pour le débutant?
un technicien de l'université a trouvé pour moi... Ça n'avait finalement rien à voir avec le thème finalement. La fonction date(‘Y’) de php 5.2.10 retournait la valeur 0000 sur les serveurs avec environnement Sparc.
La nouvelle version 5.2.11 règle le problème.
Super, j'avais vu ton message sur le forum et j'attendais de savoir quelle était la cause de ce binz.