Les ateliers du klafoutis - Thèmes pour Dotclear 1 - Commentaires

Kit 1 - Florent

Florent — Mon, 04 Oct 2010 11:09:07 +0200

Et si je veux m'amuser à modifier les fichiers php, cela peut être un bon exercice, cela te parait compliqué ? Tu as des pistes à me donner ?
Merci encore pour la qualité de ton travail

Kit 1 - Florent

Florent — Mon, 04 Oct 2010 10:56:45 +0200

Ok,

Merci je vais regarder. J'avoue que j'adore ce thème et je voulais garder exactement la même présentation

Kit 1 - Kozlika

Kozlika — Fri, 01 Oct 2010 12:51:40 +0200

Tu veux la mettre à gauche au lieu d'à droite ou en plus ? Dans le second cas, ça n'est pas possible avec le kit car il faut modifier les fichiers php du thème, pas seulement la css. Le plus simple est en ce cas de choisir un thème à trois colonnes dans la galerie des thèmes pour Dotclear 1 sur DotAddict puis de modifier les couleurs, images, etc.

Kit 1 - Florent

Florent — Fri, 01 Oct 2010 10:16:50 +0200

Bonjour kozlika,
Je cherche à modifier ce thème pour mettre un colonne sur la gauche qui serait comme celle de droite... Des pistes à me suggérer ?
Merci d'avance...

Florent

Giacomo - Florence

Florence — Wed, 06 Jan 2010 15:07:01 +0100

D'ailleurs, pour ceux que ça interesse, voici le code que j'ai rajouté dans custom.css :

NUAGE DE TAGS
VU SUR http://tips.dotaddict.org/fiche/Cre...
/

sidebar .tags ul { list-style-type : none;

}
.dc-tags ul.tags, #sidebar .tags ul, .dc-tags ul.tags li , #sidebar .tags ul li { margin:0; padding:0; }
.dc-tags ul.tags li, #sidebar .tags ul li { display : inline; }

sidebar .tags ul li a { padding-left:16px; background: transparent url(images/tag.png) no-repeat; }

.tags ul .tag0 {
font-size: 90%;
}

.tags ul .tag10 {
font-size: 95%;
}

.tags ul .tag30 {
font-size: 105%;
}

.tags ul .tag40 {
font-size: 110%;
}

.tags ul .tag50 {
font-size: 120%;
}

.tags ul .tag60 {
font-size: 125%;
}

.tags ul .tag70 {
font-size: 130%;
}

.tags ul .tag80 {
font-size: 135%;
}

.tags ul .tag90 {
font-size: 140%;
}

.tags ul .tag100 {
font-size: 150%;
}

Giacomo - Florence

Florence — Wed, 06 Jan 2010 14:24:35 +0100

NICKEL !

Merci beaucoup :-)

Giacomo - Kozlika

Kozlika — Wed, 06 Jan 2010 08:01:22 +0100

Bonjour Florence. Il faut indiquer les règles css pour les tags. Une piste sur le blog des tips pour Dotclear : http://tips.dotaddict.org/fiche/Cre...

Giacomo - Florence

Florence — Mon, 04 Jan 2010 11:24:57 +0100

Bonjour,

Déjà bonne année 2010, bonne santé et plein de bonheur !

J'utilise le theme Giacomo qui remplit exactement ce que je veux à un détail pres : je voudrais que les tags du menu aient des tailles différentes selon le nombre de leurs occurrences. Je pensais que c'était tout con à modifier, étant donné que le style existe déjà quand on affiche TOUS les "tags" et je ne trouve pas du tout :-( J'ai regardé dans tous les HTML modifiables du theme, et les styles, sans voir où était défini l'apparence du menu de tags. Pourrais tu me mettre un peu sur la voie sur ce point?

Merci !
Florence.

Marie - Frédéric Lefebvre-Naré

Frédéric Lefebvre-Naré — Fri, 17 Jul 2009 14:10:16 +0200

Essayé et adopté ! ne m'reste plus qu'à personnaliser l'illustration en restant dans les tons qui vont bien. Pas urgent parce que l'espèce d'architecture machin chose qui illustre Marie n'est pas si mal !

Keldroledenom - Kozlika

Kozlika — Fri, 20 Feb 2009 14:09:08 +0100

Bah oui il faut sûrement adapter les noms des identifiants des éléments à ceux utilisés par OverBlog. Je crois qu'il existe des utilisateurs des deux plate-formes, tu trouveras peut être de l'aide de ce côté ?

Keldroledenom - Flojix

Flojix — Fri, 20 Feb 2009 12:31:29 +0100

Oui... seulement ça ne marche pas.
Il y a bien quelques modifications (police d'écriture...) mais le reste n'y est pas.

Keldroledenom - Kozlika

Kozlika — Thu, 19 Feb 2009 08:03:46 +0100

Bonjour Flojix. Il suffit de télécharger l'archive du thème proposée sur la fiche DotAddict, la décompresser et récupérer la CSS (fichier style.css).

Keldroledenom - Flojix

Flojix — Tue, 17 Feb 2009 13:03:01 +0100

Bonjours, je suis intéressé par ce thème, seulement je n'utilise pas Dotclear mais OverBlog. Serait-il possible de me fournir le code CSS que je pourrais utiliser sur OverBlog afin d'utiliser ce thème ?
Merci

Kit 1 - s4my

s4my — Wed, 29 Oct 2008 08:42:20 +0100

salut kozlika

je t'avais contacté via le forum dotclear pour un petit coup de pouce concernant la mise en page du blog sur lequel je travaille :

http://www.aureka-consultants.com/b...

je voudrais avoir un bandeau bas qui ferme le blog ainsi qu'un bloc graphique qui se repete après mon image de fond quand le nombre de billets dépasse la page, je n'y arrive pas

si tu veux je t'envoie le css?

d'avance merci

sam

Giacomo - FrédéricLN

FrédéricLN — Sat, 13 Sep 2008 18:55:11 +0200

Hé ben j'aggraverai mon cas : après quelques jours de pratique, je le trouve aussi très souple et adaptable (bon, il a fallu que je ruse avec le texte en blanc sur fond blanc en haut de page qui m'avait échappé, mais ça, ça démontre surtout votre talent pour la composition de page).

Bref : un plaisir !

Giacomo - Kozlika

Kozlika — Tue, 09 Sep 2008 12:56:39 +0200

Merci, c'est super gentil !

Giacomo - FrédéricLN

FrédéricLN — Tue, 09 Sep 2008 11:28:39 +0200

Très élégant, merci. J'aime beaucoup vos thèmes ;-) alors j'ai fait un effort pour sélectionner dans la galerie sans regarder le nom de l'auteur. Et pi voilà. Il me reste à découvrir comment le personnaliser, je m'y mettrai petit à petit - puisque déjà, tout seul, ça marche, c'est beau…

Bastienne - Clooney

Clooney — Sat, 10 May 2008 22:02:41 +0200

hello ! "je recommande de faire les modifications ou ajouts dans le fichier custom" : certaines parenthèses n disent + que tout le reqste :) merci pour ton billet ! toujourz un plaisir de te liree.

Sauterelle - Kozlika

Kozlika — Wed, 14 Nov 2007 09:17:44 +0000

Merci Agaagla, c'est gentil tout plein :)

Pour le calendrier-frise (et l'anecdote), ça fait un moment que je réclamais ça de mes copains codeurs car je trouve le calendrier « carré » moins parlant : en fait les trois quarts des gens s'attendent à y voir affichée la date du jour et ne comprennent pas qu'il s'agit du marquage l-des dates de parution des billets.

Sauterelle - Agaagla

Agaagla — Mon, 12 Nov 2007 11:45:13 +0000

Je m'en faisais la réflexion en flânant sur DCtips at autres choses du genre (au lieu de travailler, grrr), tes thèmes sont beaux, c'est tout. Même que ça titille les doi-doigts de s'y mettre à son tour, sauf que ça fait pas avancer le boulot, le vrai pour lequel qu'on me paye et que c'est drôlement frustrant. Du coup je ne fais ni l'un ni l'autre... sinon pour en rester à ce thème-ci, j'aime beaucoup le calendrier en frise.

Sauterelle - Lomalarch

Lomalarch — Thu, 08 Nov 2007 00:19:21 +0000

Rho misère j’étais pas réveillé : j’ai mis sur le billet d’avant mon commentaire pour ce billet-ci… Je file me c(a/ou)cher :-$

Sauterelle - Kozlika

Kozlika — Wed, 07 Nov 2007 20:18:29 +0000

Euh... c'est pas faux :-P

Sauterelle - julien

julien — Wed, 07 Nov 2007 17:44:25 +0000

C'est un thème plus particulièrement aux diaristes Euh, est-ce qu'il ne manque pas un verbe dans cette phrase ?

Kit 1for2 - Lomalarch

Lomalarch — Wed, 07 Nov 2007 13:33:47 +0000

Rendu sans souci, a priori

avec IE6, Opera et Konqueror \o/

Je connais cette jolie sauterelle, elle a bondi depuis chez Franck jusqu’ici :-D

Hermione - Kozlika

Kozlika — Fri, 02 Nov 2007 09:24:06 +0100

Bonjour Jacques. Dans Dotclear 2 le calendrier des billets n'est pas présent par défaut. Il faut pour cela installer le plugin dayMode.

Hermione - Jacques

Jacques — Thu, 01 Nov 2007 01:19:59 +0100

Bonjour,

je viens d'installer recemment Dotclear2 et encore plus recemment le theme Hermione que j'aime bien.
Cependant je n'arrive pas à afficher le calendrier !
Je voulais savoir si c'était normal, si j'étais le seul, ou si il y avait une piste ?!

Merci d'avance

Kit 1for2 - octave

octave — Tue, 09 Oct 2007 23:57:42 +0000

bravo, merci!

Papageno - jipi

jipi — Sun, 07 Oct 2007 23:52:36 +0200

bonjour,

merci pour ce thème que je viens d'installer sur mon blog. J'ai écris un texte sur comment le mettre en place sur Gandi où c'est une plateforme mutualisée particulière : http://blog.jipi.fr/

cordialement

Giacomo - Kozlika

Kozlika — Fri, 21 Sep 2007 15:22:07 +0200

Euh... rien ! Pourquoi une mise à jour le 20 septembre ???

Giacomo - Gilles

Gilles — Fri, 21 Sep 2007 00:34:22 +0200

Apparemment il a subi une mise à jour le 20 septembre...
Quelles sont les nouveautés ? :)

Hermione - Kozlika

Kozlika — Tue, 18 Sep 2007 07:09:14 +0200

Toutafé ! Merci pour la correction, Ermo, je l'intègre tout de suite dans la distribution (qui prend le numéro 1.11 du coup).

(Pour éviter l'interprétation wiki de {{ – balise qui sert ordinairement pour les citations – ou toute autre balise wiki d'ailleurs, il faut faire précéder la séquence de caractères par un antislash. On appelle ça un caractère d'échappement. On peut aussi placer la séquence complète entre deux paires d'arobases.)

\{{tpl:MetaRoundPercent}}
@@{{tpl:MetaRoundPercent}}@@

Hermione - Ermo

Ermo — Tue, 18 Sep 2007 00:31:03 +0200

Hello,

c'est juste pour dire qu'il y a un pitit bug dans _top.html :

ça marche mieux avec

<li class="tagtpl:MetaRoundPercent"><a href="tpl:MetaURL">tpl:MetaID</a></li>

au lieu de

<li class="tagtpl:MetaPercent"><a href="tpl:MetaURL">tpl:MetaID</a></li>

sinon les tags dont le score n'est pas une dizaine n'ont pas la taille voulue dans le nuage, c'est dommage...

et je me permets de signaler que je suis vachement fier d'avoir réussi à trouver la solution de ce pbm (qui dépasse mes compétences normales) tout seul ! ;-)

ps : désolé je viens de voir que les accolades disparaissent à cause de la syntaxe wiki, je sais pas comment éviter ça.

Kit 1for2 - Dominique

Dominique — Sun, 16 Sep 2007 11:22:49 +0000

Je viens de tester ça marche nickel. Merci.

Kit 1for2 - Kozlika

Kozlika — Sat, 15 Sep 2007 14:53:04 +0000

Je n'ai pas voulu toucher les fichiers *php de ce thème pour y introduire le switcher de thèmes. Pour revenir au thème par défaut (et retrouver ainsi la liste des thèmes offerts sur ce blog), cliquez ici.

Hermione - Kozlika

Kozlika — Sat, 15 Sep 2007 10:23:12 +0200

Pour l'instant je ne l'utilise pas : la procédure n'est pas codée, mais ça sera pret pour quand ça sera le cas :)

Hermione - Sacha

Sacha — Sat, 15 Sep 2007 09:51:42 +0200

Salut,

Et une question - tu utilises comment l'installeur pour installer un thème ?

Welsh 2.0, 2 colonnes - Xyzo

Xyzo — Sat, 08 Sep 2007 14:53:33 +0200

> Tu veux l'alimenter automatiquement ou une
> insertion manuelle te conviendrait ?
Une insertion "manuelle" devrait faire l'affaire!

> (tiens j'y pense, pour cette deuxième option
> je dois pouvoir faire un tuto standard pour que
> les onglets soient identifiés actifs).
Excellente initiative ;-)

> (Et puis il faudrait que tu modifies la css
> car en ajoutant la description du blog ça a fait
> "descendre" les onglets :)''
Bien vu. J'ai modifié la CSS mais du coup, je me suis rendu compte que sous IE7, les onglets étaient trop hauts d'1 pixel : le même problème apparaît sur le thème Welsh 2.0 avant mes modifications (cf. ton blog en thème Welsh)...

Welsh 2.0, 2 colonnes - Kozlika

Kozlika — Sat, 08 Sep 2007 11:45:02 +0200

Tu veux l'alimenter automatiquement ou une insertion manuelle te conviendrait ? (tiens j'y pense, pour cette deuxième option je dois pouvoir faire un tuto standard pour que les onglets soient identifiés actifs).

(Et puis il faudrait que tu modifies la css car en ajoutant la description du blog ça a fait "descendre" les onglets :)

Welsh 2.0, 2 colonnes - Xyzo

Xyzo — Sat, 08 Sep 2007 11:29:27 +0200

Salut,
Excellent travail sur ce thème (et tes autres thèmes en général !) : je viens de l'adopter pour mon blog (http://blog.lmartin.fr).
Petite question : comment utiliser les onglets que tu as prévus en haut à droite ? Par exemple, je voudrais mettre en onglets la liste des différentes rubriques (catégories) de mon blog. C'est peut-être une question plus liée à DC2 en général, mais peut-être peux-tu me filer quelques pistes ;-) Merci d'avance !

Welsh 2.0, 2 colonnes - Kagou

Kagou — Wed, 29 Aug 2007 10:12:35 +0200

Attention je ne te dis pas de mettre le 2 colonnes par défaut, mais juste que les 2 répertoires soient déjà créés dans ton archive, et qu'ils contiennent les fichiers correspondant. Cela évite 2 manipulations (création répertoire, et copie des fichiers dedans). Je pense juste simplification pour l'utilisateur :)

Welsh 2.0, 2 colonnes - Kozlika

Kozlika — Wed, 29 Aug 2007 08:54:56 +0200

Bonjour Kagou et merci de tes remarques :)

Pour la première, que la colonne de menu soit à gauche ou à droite ne changera pas le fait que la colonne des billets ne peut accueillir un élément trop large pour elle sans casser la mise en page. Je ne souhaite pas ajouter de règle de tronquage car c'est au tenancier du blog de veiller au contenu qu'il y place ou de choisir s'il préfère retoucher son image ou la tronquer. En outre d'ailleurs, le tronquage n'est pas possible car la règle .post img {overflow:hidden;} ne pourrait s'appliquer que si .post@@ avait une largeur fixe, ce qui n'est pas le cas dans ce layout fluide... Quant à la réduire, on ne peut pas faire ça en automatique dans le thème : une fois encore c'est à l'auteur de charger les images en tenant compte de ses contraintes graphiques. Cependant la meilleure solution consiste à insérer une image en taille réduite (small ou medium) avec un lien vers l'image à sa taille originelle. Dotclear 2 permet de faire ceci très facilement depuis la fenetre d'insertion d'image.

Pour la deuxième remarque, tu as raison, je vais tacher d'etre plus claire. Cependant je préfère laisser le 3 colonnes en variante par défaut, ne serait-ce que pour que le blog s'affiche avec une présentation dès le départ sans que l'utilisateur doive obligatoirement passer par son ftp (manœuvre d'ailleurs impossible sur plate-forme...). Je vais reformuler.

Merci encore de tes suggestions :)

Welsh 2.0, 2 colonnes - Kagou

Kagou — Wed, 29 Aug 2007 08:37:50 +0200

Merci pour cette mise à jour :)
Mon blog avec 2 colonnes -> Par ici

Alors première remarque, la colonne étant à droite (on aura bientôt le choix ?! ;) ), peut être qu'il serait bien de mettre l'option qui va bien afin , soit de tronquer, soit de réduire les images tros grandes qui débordent sur la colonne de droite (voir sur mon blog).
Deuxième remarque : tu parles de 2cols-files alors que dans l'archive c'est 2col-files

Et dernière remarque : il m'a été difficile de comprendre les explications pour passer en 2 colonnes.

Peut être qu'en fournissant les 2répertoires (3cols-files et 2cols-files), avec dedans les 3 fichiers qui vont bien. Il suffira par la suite de dire qu'il suffit de prendre les 3 fichiers dans le répertoire de l'option voulue et de les mettre à la racine en écrasant ceux existant.

Bonne journée

Obéron - mrnico

mrnico — Tue, 28 Aug 2007 10:13:49 +0200

Merci pour ce thème que j'ai un peu adapté à mon blog.
Bon boulot, c'est très propre niveau code !
nico

Hermione - Kozlika

Kozlika — Fri, 03 Aug 2007 13:17:41 +0200

Bonjour cycy,

La définition de la couleur du fond d fenêtre se trouve dans cette ligne :

	background : lightslategray;

dans les règles de body :)

Hermione - cycy

cycy — Thu, 02 Aug 2007 14:53:47 +0200

hello !
Merci pour ce très beau thème.
Comment changer la couleur du fond de ce thème (le gris/bleu sur les côtés) ? Je n'arrive pas à la trouver dans la feuille de style. Merci pour ton aide.

Hermione - Kozlika

Kozlika — Tue, 03 Jul 2007 06:38:59 +0200

Ah bah oui, c'est même impec comme solution tiens, super :)

Hermione - Ermo

Ermo — Tue, 03 Jul 2007 00:34:49 +0200

Ah, merci, déjà je suis rassuré de n'avoir pas été trop ridicule dans mes questions !

Alors pour ce qui est de mettre le "@import custom.css" à la fin du style.css, effectivement ça marche pas.
Pour ce qui est de changer le _head.html, je suppose que ce serait celui dans le thème "default" (?) et ça me semble gênant de faire des modifs ailleurs que dans le répertoire du thème.

Mais tes idées m'en ont donné une nouvelle qui me semble assez potable : en fait
- je renomme "style.css" en "style_original.css" et j'y enlève le "import custom.css"
- je renomme "custom.css" en "style.css" et j'y ajoute "import style_original.css"

du coup style.css est le css appelé d'abord (pas besoin de changer le html), il commence par appeler style_original.css et ensuite il fait mes (éventuelles) modifs à moi. il y a peut-être des inconvénients auxquels je n'ai pas pensé, mais ça me semble raisonnable comme méthode ?

Encore merci et merci encore pour ton aide !

Hermione - Kozlika

Kozlika — Mon, 02 Jul 2007 06:44:22 +0200

Tu as tout bon pour le 1 et le 2.

Flûte pour le 3, tu as raison, le @import est lu avant la css maîtresse et donc les règles données dans custom.css sont annulées par style.css. Du coup si le changement est du chou pour chou et non un ajout, la modif est inopérante...

Tu peux essayer plusieurs choses :

mettre la ligne d'import du custom.css à la fin de la css (pas sûre que ça change quelque chose mais c'est à essayer ;
donner aux règles différentes un poids plus important. C'est assez pointu, je te suggère si tu veux tester cette solution de décortiquer l'article de Marc pour comprendre la cascade ;
enlever l'import de custom.css de style.css et le placer dans le fichier _head.html juste après la ligne d'import de style.css ;
enlever purement et simplement l'import du custom.css et placer les règles contraires à la fin du fichier, comme tu l'as fait et en identifiant clairement grâce à un commentaire la fin de la css originelle et le début de tes personnalisations.

Je pense que la première (si elle fonctionne...) et la dernière solutions sont les plus simples. La dernière réclame cependant d'en prendre mentalement note pour que si ce thème devait être mis à jour tu penses à reporter ces règles à la fin de la nouvelle css.

(Au fait, si ça t'intéresse il existe désormais une liste d'entraide pour mes thèmes. Pour s'inscrire il faut envoyer un mail à dcKozThemes (@) ml.free.fr en indiquant dans le champ Sujet Subscribe)

Giacomo - djedie

djedie — Mon, 02 Jul 2007 02:56:56 +0200

Juste un p'tit message pour te dire que j'utilisais ce thème (légèrement customisé) pour mon blog sur mon tour du monde.
Merci beaucoup a toi !

Hermione - Ermo

Ermo — Mon, 02 Jul 2007 00:23:59 +0200

D'abord mille mercis Kozlika pour ce thème très beau, très "zen" (et merci pour tout le reste aussi d'ailleurs !).

Alors voilà, je découvre petit à petit les subtilités de la personnalisation et je ne suis pas certain d'avoir bien compris :
1) le fichier custom.css dans le répertoire du thème n'a rien à voir avec la méthode "custom theme" disponible via l'interface dc2 (décrite à http://doc.dotclear.net/2.0/admin/t...), je crois ?
2) sauf erreur, la méthode "custom theme" ne permet pas de prendre en compte les fichier html du thème, puisque seule la partie décrite dans le CSS est reprise par le "@import ../themes/hermione/style.css" ? (d'où absence du nuage de tags en haut quand j'ai essayé de cette façon :-()
3) en conséquence, si je veux garder le nuage de tags sur l'image du haut mais changer l'image, je dois utiliser le "custom.css" pour changer seulement l'image (et garder "hermione" comme thème), j'ai bon ?

mais euh, pardon d'être bête mais ça marche pas : on dirait bien que les définitions du custom.css sont redéfinies dans le style.css, et ce sont ces dernières qui restent (ce qui me semble confirmé par le fait que ça marche bien si je copie mes changements à la fin du style.css)...

S'il était possible de m'indiquer où j'ai faux dans l'histoire et donc comment personnaliser ce chouette thème "proprement", je vous en serai très reconnaissant, ô grande prêtresse Kozlika...