Keepsake

Par Kozlika le mercredi 8 septembre 2004, 13:44 - Thèmes pour Dotclear 1 - Lien permanent

Mon pre­mier thème en trois colon­nes.

keepsake.png

Un thème en trois colon­nes pour Dot­clear 1. Le con­tenu de la colonne de gau­che se modi­fie en édi­tant le fichier extra.txt situé dans le réper­toire du thème. Ce fichier inter­prète la syn­taxe wiki.

Ce thème embar­que tout le néces­saire pour affi­cher la barre d’enri­chis­se­ment typo­gra­phi­que pour les com­men­tai­res (aka wiki­bar). Pour sa mise en œuvre, il vous suf­fit d’indi­quer dans la con­fi­gu­ra­tion du blog que vous accep­tez les com­men­tai­res en syn­taxe wiki.

Edit 25/12/2007. Les cou­leurs de ce thème res­pec­taient cel­les du thème par défaut de l’épo­que. Je dois avouer aujourd’hui que s’il me sem­blait oppor­tun de faire ainsi, je n’aime ni ces cou­leurs ni les layouts en trois colon­nes menu-cen­tre-menu. Mais force m’est de cons­ta­ter que ce thème rem­porta un très grand suc­cès :-D

Fiche détaillée et liens de télé­char­ge­ment sur Dotad­dict.

Commentaires

1. Le jeudi 16 septembre 2004, 07:58 par Kozlika

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é

2. Le jeudi 28 octobre 2004, 17:18 par daftendireckt

J'aime bien ce thème 3 colonnes, sobre mais claaaaaaaaaaasse :)
Le gros plus serait que seule la colonne du milieu scrolle... Possible?

3. Le jeudi 28 octobre 2004, 20:06 par Kozlika

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.

4. Le mercredi 5 janvier 2005, 08:50 par JR

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

5. Le mercredi 5 janvier 2005, 09:01 par Kozlika

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

6. Le mercredi 5 janvier 2005, 10:04 par julien

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...

7. Le dimanche 23 janvier 2005, 12:26 par Bricabrac

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

8. Le dimanche 23 janvier 2005, 16:32 par Kozlika

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.

9. Le mardi 25 janvier 2005, 17:29 par Bricabrac

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.

10. Le mardi 25 janvier 2005, 18:04 par Kozlika

Peux-tu copier ci-dessous (ou par mail chez moi, j'ai paumé ton url) :

  • les lignes de code de template.php depuis <div id="top"> jusqu'au </div> suivant
  • les lignes de code dans style css décrivant #top et h1 etc ?
11. Le mardi 25 janvier 2005, 21:36 par Bricabrac

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 !

12. Le mardi 8 février 2005, 19:45 par Esse

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 :-)

13. Le jeudi 10 février 2005, 08:40 par Kozlika

Marchi ! :-D

14. Le lundi 2 mai 2005, 21:20 par Bouly

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

15. Le lundi 2 mai 2005, 22:08 par Kozlika

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.

16. Le lundi 2 mai 2005, 23:01 par Bouly

ah trop bizarre ca parceke moi, je vois rien sous categorie et calendrier. Probleme de résolution ?

17. Le lundi 2 mai 2005, 23:06 par Bouly

Sur netscape, pas de probleme, sur explorer ca deconne.

18. Le mardi 3 mai 2005, 08:17 par Kozlika

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.

19. Le mardi 3 mai 2005, 09:54 par Bouly

Merci pour les infos, j'essaye ca ce soir et je te tiens au courant. Merci encore pour la rapidité des réponses. Bouly

20. Le mardi 3 mai 2005, 19:21 par 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

21. Le mardi 3 mai 2005, 20:37 par 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.

22. Le mercredi 4 mai 2005, 08:00 par Kozlika

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é.

23. Le mardi 10 mai 2005, 20:02 par Kozlika

Je crois que le bug est corrigé Bouly, pourrais-tu tester sur ce site en affichant Keepsake dans Explorer et me dire ?

24. Le mercredi 11 mai 2005, 21:31 par Bouly

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.

25. Le jeudi 12 mai 2005, 08:17 par Kozlika

Bouh ! que ça m'énerve... Sur le portable du fiston (IE 6 sous Windows), ça passe bien... Il va falloir trouver un gourou.

26. Le jeudi 12 mai 2005, 11:11 par bouly

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

27. Le samedi 14 mai 2005, 13:07 par Elena

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.

28. Le mardi 7 juin 2005, 06:14 par wonder053

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?

29. Le mardi 7 juin 2005, 08:02 par Kozlika

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 :)

30. Le mercredi 8 juin 2005, 03:29 par wonder053

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

31. Le mercredi 8 juin 2005, 08:01 par Kozlika

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 ?

32. Le jeudi 9 juin 2005, 07:00 par wonder053

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...

33. Le jeudi 9 juin 2005, 07:30 par wonder053

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...

34. Le jeudi 9 juin 2005, 09:22 par wonder053

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...

35. Le jeudi 9 juin 2005, 09:27 par Kozlika

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 ?

36. Le jeudi 9 juin 2005, 10:15 par wonder053

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...

37. Le vendredi 10 juin 2005, 08:12 par wonder053

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 ?

38. Le vendredi 10 juin 2005, 14:56 par Kozlika

Aucun problème sous Safari, ni sur ton blog ni sur celui-là, avec les liens. ...

39. Le vendredi 10 juin 2005, 19:24 par wonder053

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 !!!

40. Le dimanche 10 juillet 2005, 19:34 par Didier Bretin

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 !!!

41. Le dimanche 10 juillet 2005, 20:07 par Kozlika

Pfffff ! c'était bien la peine qu'on se fatigue à chercher une solution ;-)

42. Le vendredi 5 août 2005, 11:35 par rebecca

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.

43. Le vendredi 5 août 2005, 11:49 par Kozlika

/index.php/2005/05/11/17-mise-a-jour-de-tous-les-themes?cos=1#c174

44. Le lundi 19 septembre 2005, 23:39 par Cobab

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

45. Le mardi 20 septembre 2005, 15:55 par Kozlika

Merci Cobab, j'irai te rendre visite et j'apporterai des fraises tagada pour Attila ;-)

46. Le mercredi 21 septembre 2005, 11:02 par Cobab

Tiens, sous IE la 3e col. s'affiche en bas. J'ai la soluce : je vais mettre un lien «&nbsp;get Firefox&nbsp;» — enfin, quand les électriciens auront fini de mettre le bazar dans ma maison.

47. Le mercredi 21 septembre 2005, 12:33 par Kozlika

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 ?

48. Le mercredi 21 septembre 2005, 21:24 par CriDamour

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 Blog Pas Blog ?.

49. Le mercredi 21 septembre 2005, 21:51 par CriDamour

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

50. Le mercredi 15 février 2006, 13:14 par Anton Wagner

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

51. Le mercredi 15 février 2006, 20:46 par Anton Wagner

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é.

52. Le lundi 20 février 2006, 08:44 par Kozlika

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 ?

53. Le lundi 5 juin 2006, 02:44 par babylonne

voila un petit commentaire pour te dire que ton theme est tres pratique... actuellement je l'utilise mais en quelque peu modifier.. mon site

54. Le mercredi 20 septembre 2006, 23:52 par pikkabbu

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

55. Le jeudi 21 septembre 2006, 08:04 par Kozlika

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.

La discussion continue ailleurs

1. Le lundi 20 décembre 2004, 00:02 par Neutron

Neutron revêt un nouvel habit

Basé sur Keepsake de Kozlika, expert es Dotclear, ce nouveau thème se veut simple et minimaliste, bref correspondre aux goûts de l'auteurs. La plupart des images originelles ont été supprimées, la palette des couleurs a été largement modifiée...

2. Le vendredi 9 septembre 2005, 20:30 par Alarc'h : le chant du cygne

Il sentait bon le sable chaud mon blog

Lors de mes recherche bizarres sur internet je tombe sur un site improbable et qui va pationner nombre de mes lecteurs, j'en suis certain, le blog Légion Etrangère... enfin un blog d'un légionnaire plus exactement. Ce qui m'amuse bien c'est que ce...