Keepsake
Par Kozlika. mercredi 8 septembre 2004, 13:44. Thèmes pour Dotclear 1 3 colonnes Dotclear 1 fluide thèmes | Lien permanent.
Mon premier thème en trois colonnes.
Un thème en trois colonnes pour Dotclear 1. Le contenu de la colonne de gauche se modifie en éditant le fichier extra.txt situé dans le répertoire du thème. Ce fichier interprète la syntaxe wiki.
Ce thème embarque tout le nécessaire pour afficher la barre d’enrichissement typographique pour les commentaires (aka wikibar). Pour sa mise en œuvre, il vous suffit d’indiquer dans la configuration du blog que vous acceptez les commentaires en syntaxe wiki.
Edit 25/12/2007. Les couleurs de ce thème respectaient celles du thème par défaut de l’époque. Je dois avouer aujourd’hui que s’il me semblait opportun de faire ainsi, je n’aime ni ces couleurs ni les layouts en trois colonnes menu-centre-menu. Mais force m’est de constater que ce thème remporta un très grand succès :-D
Fiche détaillée et liens de téléchargement sur Dotaddict.
Commentaires
Provisoirement Klopsake est hors service, le gestionnaire de fichiers ne marche pas bien depuis mon accès internet au travail et j'ai tout cassé
J'aime bien ce thème 3 colonnes, sobre mais claaaaaaaaaaasse :)
Le gros plus serait que seule la colonne du milieu scrolle... Possible?
Merci pour la claaaaaaasse ;-)
Euh oui, sûrement. Il faudrait essayer en ajoutant dans
#content {
height : 600px;
overflow:scroll;
...
}
et voir ce que ça donne. Là je n'ai pas trop le courage de me pencher dessus.
Bonjour Je débute complètement en Doclear avec des vieilles habitudes de web "pas conforme"… j'aime bien l'inconforme des fois. J'en arrive au sujet. J'avais envie de trois colonnes, pour changer, et je suis arrivé sur ton thème. Et pas de bol. Sur mon vieux mac du bureau (système 9 et Ô¥¥¥Ô! de IE5) les trois colonnes ne s'affichent cote à cote que lorsque je suis en largeur maximale de fenêtre soit 21 pouces quand même !) J'ai téléchargé le tgème et je vais mettre les mains dans le camboui… ça doit être encore ces histoires de relatif, d'absolu et diverses joyeusetés des balises <div>. Moi qui faisait des mises en page bien calées dans des tableaux, je suis toujours étonné du caractère erratique des "calques"… Un des argumants que j'ai pu lire ici ou là sur l'avantage des calques est leur souplesse, mais c'est des fois trop souple, non ? Quant à la taille plus basse des fichiers, à l'époque où l'adsl entre dans les mœurs, ça me semble pas un argument, ou alors pourquoi les fichiers graphiques sont en png et pas en gif (à cause d'une licence abusive ?) ou en jpg, parce que franchment la transparence n'est pas toujours utile. Bon, je vais regarder tes sources et je voudrais pas être pris pourun raleur basique (c'est souvent la première impression que je donne…) J'adore ce que tu fais, et j'ai hâte de voir ta nouvelle liste de 10 mots pour m'y coller… A plus et bonne journée ! Jean-Robert
Bonjour JR, râleur évolué ;)
Procédons dans l'ordre.
Pour l'affichage qui merdoie : de quel thème en trois colonnes parles-tu ? Keepsake, Kiwi ou Keepsakool ? (ou les trois ? :/) (IE 5.2 sous OSX passait bien...)
(pour les Dix mots, il n'y a pas de date limite, d'ailleurs j'ai reçu et publié un nouveau texte hier)
Pour
Concernant le gif vs. png : oui, le gif avait une licence abusive jusqu'à il n'y a pas si longtemps. Mais le brevet posant problème est tombé dans le domaine public en juillet dernier et il n'y a donc plus de problèmes de ce côté-là. Les avantages du png sur le gif sont multiples (notamment la transparence sur 256 niveaux plutôt qu'un seul pour le gif, malheureusement très mal géré par un certain IE) ce qui en fait des raisons amplement suffisantes pour utiliser ce format. Pour ce qui est du poids des images : à image identique, le png a une taille souvent inférieure au gif quand il est créé avec un bon encodeur de png. Une note : Photoshop n'est pas un bon encodeur de png...
Hello Koz,
J'aurais aimé tenter de remplacer le titre de mon blog par une image (en fait, je voudrai me servir d'une police de caractère bien précise et un peu retriturée, or ce n'est possible qu'en créant une image avec ce titre, non ?), et je ne vois nulle part (j'ai la vue courte en matière de css and co) comment faire.
Une idée ? (Je roule en Keepsake)
Bricabrac
Bonjour Bricabrac
Le plus simple est de placer "en dur" l'image avec ta typo dans ton template sous le modèle suivant :
<div id="top"><h1><a href="/"><img src="CheminVersTonImage" alt="LeNomDeTonBlog" /></a></h1></div>
De cette façon les lecteurs oraux liront le contenu de la balise alt et l'information du titre du blog leur sera accessible.
Bonjour Koz,
Evidemment, tout va bien, sauf que comme je suis une burne, je me retrouve avec "letitredemonblogue" ancienne version et au dessus (donc dédoublement de l'espace titre..) "letitredemonblogue" nouvelle version avec ma typo... Et de préciser après alt la taille de l'image ne change rien.
Peux-tu copier ci-dessous (ou par mail chez moi, j'ai paumé ton url) :
Bah voilà ! Tu as mis le doigt sur ma bourde. J'avais juxtaposé le nouveau "top" avec l'ancien. En m'apprêtant à te faire le copier/coller demandé, j'ai remplacé l'un par l'autre, et forcément, ça marche.
Encore merci, jusqu'à ma prochaine question à deux balles !
Critiques, remarques, suggestions...
Heu pour ma part, je n'ai rien de particulier à dire sauf te féliciter pour ce thème que certains semblent trouver triste. J'ai eu bien du mal à me décider avec d'autres thèmes que tu as réalisé mais celui-ci a fini par l'emporter :-)
Marchi ! :-D
Hello, Merci pour ces super themes !!! J'ai une petite question, j'ai installé keepsake, et j'ai un petit probleme au niveau des sidebar sur le menu droite. Il n'est pas sur tous les titres. Y a t'il une raison particuliere a ca ? Bouly
Bouly : je suis allée voir ton blog et je ne comprends peut-être pas de quoi tu parles ? Depuis mon navigateur je vois bien l'image sous chaque titre.
ah trop bizarre ca parceke moi, je vois rien sous categorie et calendrier. Probleme de résolution ?
Sur netscape, pas de probleme, sur explorer ca deconne.
Il y a de petites erreurs dans ta feuille de style, je ne sais pas si c'est lié mais on peut toujours essayer.
Remplacer :
#sidebar2 h2 { background : url('images/bg-title-sidebar.png') no-repeat 100% 100%;; padding-left:0; padding-right:0; padding-top:10px; padding-bottom:0 }Par :
#sidebar2 h2 { background : transparent url(images/bg-title-sidebar.png) no-repeat 100% 100%; padding : 10px 0 0 0; }Tant que tu y es il faut aussi corriger la règle suivante :
Remplacer :
a[hreflang]:after { content : "\0000a0[ attr(hreflang)"; color : #ced6d9; }Par :
a[hreflang]:after { content: "\0000a0[" attr(hreflang) "]"; color : #ced6d9; }De façon générale, retire aussi les quotes pour les url des images. Sur certains navigateurs, ça bugue et l'image n'est pas reconnue.
Merci pour les infos, j'essaye ca ce soir et je te tiens au courant. Merci encore pour la rapidité des réponses. Bouly
Bon j'ai fait les 1er changememnt, mais toujours le meme probleme avec explorer. Par contre pour ahreflang:, c'est dans quel fichier ? Bouly
c bon, j'avais pas vu pour ahreflang. Meme probleme sur ce site : http://www.pasteur.ch/olivier/ Sur netscape impec, sur explorer manque certain fond pour les titres.
En effet... et en faisant un tour d'horizon sur d'autres blogs utilisant ce thème, je vois que le problème est général. Je ne vois pas du tout quelle en est la raison. Je vais étudier ça. Merci de me l'avoir signalé.
Je crois que le bug est corrigé Bouly, pourrais-tu tester sur ce site en affichant Keepsake dans Explorer et me dire ?
Hello.... Bé non, toujours le meme probleme. je vois le fond uniquement sur rechercher. Pas sur les autres titres. Je laisse mon email si tu veux me contacter plus facilement.
Bouh ! que ça m'énerve... Sur le portable du fiston (IE 6 sous Windows), ça passe bien... Il va falloir trouver un gourou.
J'ai retesté sur une autre machine avec IE6 et je retrouve le meme problème. Malheureusement je n'ai pas assez de connaissance informatique pour te donner un coup de main.
Bouly
Merci pour le thème Keepsake. Je viens de l'utiliser pour habiller la maquette du site http://manifestarperloccitan.com, si tu veux jeter un coup d'oeil. La traduction du pied de page est : http://manifestarperloccitan.com est publié en Dotclear. Mise en page : thème Keepsake pour Dotclear de Kozlika, adapté par Elena.
Bonjour Kozlika, Déjà bravo pour ton travail kolossal (tu ne dors jamais?) ta patience avec tout le monde, et ton humour à toi et toute l'équipe Dotclear. Après un soucis avec mon thème précédent (c'est une autre histoire...), j'ai opté pour ton thème Keepsake. Malheureusement au travail, impossible de cliquer sur aucun des liens de la colonne de droite. Je suis sous macOsX sur Explorer ou Safari, même combat... alors que chez moi sous XP, Explorer ou Firefox tout va bien... Que faire Docteur?
Première chose à faire :
Essayer depuis ici. ça marche ? C'est que le souci vient de tes personnalisations.
Donc, deuxième chose à faire : tester la validité de la page. Ouch ! ;-)
Donc, troisième chose à faire : corriger tout ça, et fissa !
Bon courage :)
Quelle diligence ! c'est quasi du chat ! merci pour ces infos... je vais tester tout ça dès aujourd'hui. Mais je m'interroge... les règlages par défaut des navigateurs ne fonctionnent pas forcément ? où est-ce mon navigateur du bureau qui a été secoué dans dans tous les sens ? je vais voir... et je penche pour cette hypothèse en effet... normalement réponse ce soir... merci encore
Wonder053, je ne parlais pas des réglages de ton navigateur mais des modifications opérées sur les fichiers du thème pour tes personnalisations.
Ou me disais-tu que c'est ici, depuis la démo, que les liens ne fonctionnent pas ?
En effet j'ai bien tenté un réglage de navigateur... mais je n'ai rien trouvé de très probant.. Pour ce qui est du thème, je l'ai pris "brut de pomme", les réglages par défaut seraient-ils problématiques ? je vais tester la page de démo dès aujourd'hui (et je donne des nouvelles)... Sinon, le lien "ouch !" je comprends la formule... n'étant pas terrible ni en anglais ni en norme "W3C" je suis un utilisateur de "base" de DotClear... Mais c'est génial quand même comme outil, je vais pointer ligne à ligne ses bons conseils(ce sera pour ce WE...) tu as toujours le lien magique pour tout le monde cela m'impressionne beaucoup...Je vais d'ailleurs abuser, si tu avais celui qui explique comment transférer mon Blog de chez Free en local... pour faire une sauvegarde... je vis dangereusement en ce moment...
En effet, je n'ai rien pu faire sur le navigateur. Je vais essayer depuis mon bureau d'aller sur la page Démo pour voir s'il y a le même problème (je te tiens au courant). Car j'ai pris le thème "brut de pomme" je suis un utilisateur de "base" de DotClear (pas programmeur). Je comprends mieux ton lien "ouch!" c'est pour ce WE, le pointage des lignes... Tu as toujours le lien magic pour chacun d'entre nous, impressionnant...
Je vois que je deviens envahissant, je croyais que mon premier commentaire ne c'était pas enregistré... désolé pour cette redondance. Donc, de mon travail la colonne de droite du blog démo (ici) ne fonctionne pas non plus... Ce WE j'épluche et je donne le résultat...promis...
Je t'écris depuis un Windows, sous IE, et tous les liens fonctionnent. J'avoue ne pas très bien comprendre ce qui se passe. Quelle version d'Explorer est-elle installée sur ton poste ?
Là je dois dire que moi aussi, j'en perds mon latin que je n'ai pas... sur le poste du boulot quand je copie l'adresse : /index.php/2004/09/08/4-keepsake?cos=1 dans Explorer 5.2.2 pour Mac j'ai une autre page en 2 colonnes avec des Papillons et insectes... où il n'y a pas de problème de liens. C'est quand je suis sur Safari 1.0.3 (v85.8.1) qu'il y a problème et sur la colonne de droite de la page en 3 colonnes Keepsake avec un violon en haut à gauche... même problème sur ton blog et le mien...
Bon après étude précise, il semble que la colonne de droite du thème ne fonctionne pas qu'avec Safari. J'ai installé Camino et tout roule correctement comme sur Explorer. Est-ce que tu as d'autre cas avec Safari ?
Aucun problème sous Safari, ni sur ton blog ni sur celui-là, avec les liens. ...
Eh bien merci pour tout ! c'est étrange... je croyais qu'avec l'informatique il n'y aurait plus "d'état d'âme"... eh bien je le constate presque chaque jour, c'est faux !!!
Hi hi, finalement j'ai pris ton thème Kozlika : il est plus joli que celui que j'étais en train de faire :). Merci pour ton thème !!!
Pfffff ! c'était bien la peine qu'on se fatigue à chercher une solution ;-)
Bonjour,
Je viens de débuter avec les blogs et dotclear.
En essayant de personnaliser le thème Keepsacool, je n'arrive pas à changer la couleur de fond de la zone du fichier extra.txt. (bleu clair)...je ne vois pas où cela se fait.
D'autre part, l'histoire de la syntaxe wiki n'est pas claire pour un débutant (où peut-on avoir une synthèse ?)
Enfin, mes billets s'affichent en intégralité sur la page d'accueil, comment faire pour insérer "à suivre" et permettre la lecture intégrale sur une autre page ?
Merci pour votre aide.
/index.php/2005/05/11/17-mise-a-jour-de-tous-les-themes?cos=1#c174
Bon, après avoir joué au scout sur tous les liens « me contacter » de tous tes blogues, je me résous à poster ici — quitte à remercier au mauvais endroit, c'est toujours moins pire que pas remercier du tout. Je suis donc _très très_ content de Keepsake, qui m'a séduit chez Éolas, et que j'utilise depuis quelques temps (mais j'attendais d'être sûr d'assurer un peu le gueblo avant d'en donner des nouvelles). Bon, la Légion pense comme moi, paraît-il, mais peut-être qu'elle a raison… En tout cas, il est dynamique et parfait pour un auteur difficile, du genre qui se croit éditeur papier, comme moi.
La plus grosse modif que j'ai faite sur ton thème est dans list.php : j'ai ajouté les « et » autour de l'annonce de la rubrique : ce billet a été pubié le… par … dans la rubrique « validation orthotypographique ». À part ça encore merci et encore bravo. Si tu passe chez moi, a pas peur d'Attila ; c'est un troll, mais domestiqué : y mord pas.
Merci beaucoup encore, et à bientôt à l'intersection de nos blogosphères…
cdt, bsx
Merci Cobab, j'irai te rendre visite et j'apporterai des fraises tagada pour Attila ;-)
Tiens, sous IE la 3e col. s'affiche en bas. J'ai la soluce : je vais mettre un lien « get Firefox » — enfin, quand les électriciens auront fini de mettre le bazar dans ma maison.
Non, la troisième colonne ne s'affiche pas en bas dans le thème, c'est quelque chose dans tes personnalisations ou dans le contenu de tes billets qui renvoie cette colonne en bas.
(Quand on a un souci de cet ordre, il faut d'abord aller vérifier sur le blog de démonstration si le phénomène s'y produit aussi ou non. Si c'est le cas, il y a un bug dans le thème, il faut en avertir l'auteur pour qu'il apporte les modifs nécessaires. Si sur la démo ça marche bien, il faut regarder du côté de ce qu'on a modifié.)
Je viens d'aller regarder ton blog sous IE/Windows et je ne vois pas de souci. Cela se produit-il dans le contexte d'un billet en particulier ?
Merci Kozlika pour ton thème KeepSake. J'en ai fait le thème Pifou (l'installeur se trouve ici). Grâce aux explications claires et précises du petit dotclear illustré je me suis débrouillé sans problème majeur. Ce blog est pour l'instant une coquille quasi vide... la suite dépendra de la réponse à la question .
Petite erreur sur le lien de l'installeur... Celui-ci est le bon : http://damour.christophe.free.fr/blog/share/theme-pifou-1.0.pkg.gz
Bonour Kozlika !
Keepsake est un très joli thème, sobre et élégant... Mais il y a un truc que je ne comprends pas : pourquoi la date ne s'affiche-t-elle pas complètement au dessus des billets. Par exemple, pour aujourd'hui, il est écrit : "mercredi février 2006", je n'ai pas le numéro du jour... Alors que ca marche sans problème ici : http://manifestarperloccitan.com. Dans la configuration de dotclear, le format de la date est :%A %e %B %Y
C'est pas trop grave, et c'est bête, mais ca m'agace !!!
En outre, je n'ai pas de syntaxe wiki dans les commentaires...
Auriez-vous une idée ? Merci d'avance.
Mon site : http://cca-fr.net/dotclear
Je suis sous IE et dotclear 1.2.3
Bon j'ai trouvé la solution pour l'affichage de la date. En revanche, pour la wiki barre, cela ne marche toujours pas... Mais je vais poster sur le forum si je ne trouve pas de solution, c'est sûrement mieux approprié.
Bonjour Anton :)
J'étais partie pour quelques jours de vacances, désolée. As-tu trouvé l'info que tu cherchais sur le forum ou ta question est-elle toujours en suspens ?
voila un petit commentaire pour te dire que ton theme est tres pratique... actuellement je l'utilise mais en quelque peu modifier.. mon site
Bonjour, je voudrais savoir s'il est possible de modifier keepsake comme base d'un thème, en fait de mettre une image logo au lieu du nom en lettres, de rajouter un banner google, de mettre un accés a une galerie foto (plugin) au dessus de la partie blog, de modifier un peu la colonne de droite...
Je suis bien incapable de le faire moi même, mais avant de chercher qui voudrait le faire pour un tipeu de sous, il faut savoir si c'est ...heu...légalement /éthiquement ou cépasmoiquiment possible.
Mais pas les couleurs ni design général, vu que c'est mon thème favori.
merci. pikkabbu at yahoo point es
Bonjour pikkabbu. Tous mes thèmes sont sous licence GPL, ce qui signifie que tu peux les modifier tout à loisir, ta seule obligation étant que si tu distribues un thème dérivé de celui-ci tu dois le faire sous la même licence.
Quant aux modifications que tu souhaites, en potassant un peu Le Petit DotClear illustré, et un peu de rigueur, elles me semblent tout à fait à ta portée sans ouvrir les cordons de ta bourse.