Kameleon For Dissitou (en test)
Par Kozlika le dimanche 11 novembre 2007, 12:48 - Thèmes pour Dotclear 2 - Lien permanent
Personne pour tester Malaclemys (voir billet précédent) ? Aurai-je plus de chances avec Kameleon ou il n’y a plus personne qui passe dans le coin ? Je tente ma chance… Kameleon For Dissitou est l’adapatation un peu relookée de Kaméléon pour Dotclear 1. Le principe : une page d’accueil dont la partie principale présente deux colonnes, le contenu de ces colonnes étant proposé en trois déclinaisons.
Pour le moment je vous propose de télécharger l’archive puis de la décompresser sur votre disque dur avant de l’envoyer en ligne. Le répertoire contient un fichier lisez-moi.txt qui comme son nom l’indique est à lire absolument et que je vous recopie ci-dessous.
Mise en place
Pour mettre en place ce thème sur votre site :
1/ supprimez les actuels fichiers home.css et home.html
2/ dans le repertoire choisir-home/ ouvrez le sous-repertoire correspondant à la variante de Kameleon For Dissitou que vous souhaitez
3/ faites une copie des deux fichiers qu’il contient et placez-les à la place des fichiers que vous venez de supprimer
4/ ouvrez le fichier home.html et lisez ses commentaires pour adapter le code à votre blog.
Ici, la variante “retenir”, que j’affecte à tous mes billets de nouveaux thèmes.
Description des variantes et conseils
Point commun :
- la colonne de gauche de la partie principale ne s’affiche que sur la première page de l’accueil
Brèves
- affiche dans la colonne de gauche tous les billets rangés dans la catégorie des brèves ; comme leur nom l’indique, les billets de cette catégorie sont censés être courts…
- les images des “brèves” dont automatiquement redimensionnées à 15em de large pour éviter qu’elles débordent.
- la colonne de droite affiche les billets n’appartenant pas à la categorie des brèves
Edito
- affiche *en entier* le dernier billet de la catégorie des éditos, que celui-ci comporte ou non un chapo. Vous pouvez appliquer un style particulier à cet eventuel chapo en creant une règle pour .post-excerpt {} dans le fichier home.css si vous le souhaitez
- à la suite du dernier billet, s’affiche une liste de tous les éditos précédents (titre avec lien, auteur et date)
- la colonne de droite affiche les billets n’appartenant pas à la catégorie des édito
- les deux colonnes occupent chacune la moitié de la largeur
Retenir
- affiche dans la colonne de gauche les billets marqués “à retenir” (case à cocher dans l’interface d’édition du billet)
- les images de cette colonne sont redimensionnées automatiquement à 15em de large pour éviter le débordement.
- il est souhaitable que ces billets soient toujours dotés d’un chapo pour éviter que cette (étroite) colonne fasse des kilomètres de haut
- la colonne de droite affiche tous les billets, y compris ceux marqués à retenir
- compte tenu des deux points précédents, une bonne option consiste à ne cocher la case “à retenir” que lorsque le billet est sur le point de disparaître de la première page et d’en profiter pour placer son début dans le champ chapo si ça n’est déjà fait.
Allo ? Allo !
Commentaires
Très beau thème, je test tout de suite :-D
Merci !
Bonjour,
apres avoir testé ton thème dans la formule "a retenir", je ne vois pas du tout les billets sélectionnées dans la colonne de gauche. J'ai mis par contre le widget billet sélectionnée pour voir si j'avais bien des billet de sélectionnées (1 billet) mais il n'apparait pas dans sa colonne dédié. Une idée du problème ?
A terme, si j'y arrive, et si j'ai ton accord, j'utiliserai bien les couleurs de papageno (que j'utilise actuellement sur mon blog de prod) dans ce thème ci.
J'ai rien compris mais je prends . Je laisse Welsh2.
J'ai compris. Je trouve ça parfait. merci Koz . Je ne vais presque rien changer.
Thierry > oui, je suis en train de résoudre ce problème. Il tient à ton actuel petit nombre de billets sélectionnés (quand le nombre de billets de la colonne de gauche est inférieur ou égal au nombre de billets d'une page dans la config par défaut ou de la valeur de lastn dans la boucle). Je bosse dessus après le boulot et je poste ce soir une mise à jour.
PierreL > d'accord :)
Cool .
merci.
Effectivement en mettant 3 billets par page la colonne se remplit mais la sidebar se vide !
http://111reportages.net/DCE/index....
Euh non PierreL, ou alors ya encore un autre truc bizarre... Tu es sûr d'avoir rempli tes widgets ?
Vous étonnez pas si ça secoue un peu ici, je fais des tests...
non , mais ce n'est pas ce que j'ai dit .
Argh, j'oublie à chaque fois. Pour les tags quand on en a beaucoup , on peut agglutiner ? Sinon j'ai la formule "tous les tags". Ça devrait aller . Je pense tout haut , désolé.
un problème d'interligne pour titre long
http://111reportages.net/DCE/index....
Dans la description on ne comprends pas bien 2 choses
- sidebar gauche droite , on a tendance à penser milieu pour la gauche
- tu devrais dire , ajouter un paragraphe, pour dire dans quels cas on les utilise ( quel est l'avantage ), c'est pas forcément évident
Thierry, je n'ai pas eu le temps hier soir. J'espère ce soir.
PierreL, je ne parle pas de sidebar justement, mais de colonne. Je ne comprends pas le "ajouter un paragraphe" ? A quoi fais-tu allusion ?
Hop archive à jour ! Thierry, tu me diras si c'est bon ?
Est-ce que Rotator fonctionne avec DC2 ?
La réponse est oui mais je dois être hors sujet.
mince je ne trouve pas la hauteur du top , où est-elle ?
Bon j'ai trouvé 79px, avec webdevelopper. Par contre je ne sais ou mettre
*****
<img src="http://chemin_complet_vers_votre_do..." alt="" />**********
dans home.html
On s'éloigne en effet pas mal de ce thème proprement dit ;) Si tu veux placer le rotator dans le top il te faut copier le fichier _top.html situé dans le répertoire du thème par défaut, le placer dans le répertoire du thème que tu utilises et y effectuer tes modifications.
Désolé , ce thème me plaît beaucoup . N'hésite pas effacer mes posts.
C'est ok.
Merci beaucoup
Une question:
comment virer le redimensionnement des images dans la colonne "A RETENIR" sur mon blog ?
je voudrai qu'elle aparaisse avec la taille du gestionnaire de media, en l'occurence celle que j'utilise est square, ce qui indique une taille de 48px sur 48px, alors que la, elle font 173px.
ça se passe dans le fichier home.css, où tu peux supprimer la règle
#extra img {}je l'avais mis en commentaire, mais cela ne marchait. Maintenant, je l'ai carrément supprimé, et j'ai toujours de grandes images.
comprend pas ?
j'avais vider mon cache de firefox, supprimer les 2 répertoires dans le cache de dotclear, mais rien y fait.
Tu les vois comment les images ? Normalement, elle devrait être de la même taille que les images de la colonne tout à gauche.
Oui, c'est le cas, elles sont strictement identiques à celles de la colonne du menu.
Merci de ton aide,
c'est un problème de cache alors.
Pour avoir la même couleur sous le " footer " j'ai fait ça :
body {
background: #a20116;/*FFF*/
Est-ce orthodoxe ?
Bah voui toutafé, tu peux meme supprimer /*#fff*/
la nouvelle version t'as modifié quel fichier ?
Essentiellement les html, un poil les css.
voilà, je en pense rester là. Sauf le titre à placer.
http://111reportages.net/DCE/index....
J'ai pris la new version mais je n'ai pas compris le CSS du top h1
font-size: 2.25em;
padding: 32px 20px 30px;/*40 20 36 */
je pensais que c'était 2 ou 4 valeurs mais pas 3 ?
@pierreL : Avec 3 valeurs, la 4e est identique à la dernière. C'est pour réduire la taille des css.
@Kozlika : il est grand l'espace entre la marge et le début de prévisualisation des commentaires.
Euh pas toutafé pour les trois valeurs : en fait la dernière est égale à la deuxième. Autrement dit si la valeur pour gauche n'est pas déclarée c'est la même que pour droite.
Je sais pour la marge gauche à la prévisu (tu parles de celle-là (pyeb) ?), en fait je ne vais pas la réduire mais ajouter un fond pour bien mettre en valeur cette prévisu.