A l’origine, il y avait Hemingway, un template pour l’outil de publication WordPress . Libre de droit et terriblement sobre1.
Alors, en février 2006, ce template est devenue adaptation-maison pour Spip. Et cette adaptation est devenue squelette.
Au départ, ces squelettes devaient servir à un site en commun avec BooZ, développeur Spip, roi de http://leradiophone.net.
C’était il y a un an. Et puis, la vie a fait que, non, on n’a pas lancé le site de spipcast qu’on se jurait de faire mais le travail ne fut pas (totalement) perdu. Les squelettes sont restés2 ; et Booz a développé tout plein de supers plug-ings audio pour Spip.
Puis, en novembre 2006, j’ai repris ces squelettes pour le site d’une association de quartier de la Seine St Denis. Site Qui est actuellement en travaux.
Enfin, début 2007, je les ai encore modifiés pour qu’ils deviennent bon an mal an ce qu’ils sont.
Les voici donc, bruts de décoffrage.3
Il doit rester ici ou là des bouts de code tout à fait personnels (i.e: liés à davduf.net). Je vais m’efforcer de les enlever au fur et à mesure que vous les indiquerez dans le forum ci-dessous ,-)
Pour information, ces squelettes sont compatibles Spip 1.9+. ils acceptent tous les plugs ins possibles. Et font un usage intensif de:
Voilà.
Amusez vous bien.
1Comme l’auteur de ce template le demande, figure sa licence dans le fichier zip
2On en trouve une trace sur http://doc.spip.org/
3Depuis octobre 2007, grâce à Méjean, les squelettes ont été largement nettoyés et optimisés. Vous les trouverez çi-dessous sous le nom de Squelettes Davduf 2.0. N’hésitez pas à nous faire part de vos retours/remarques. Ils sont livrés avec une police et un logo vierge pour la frise du haut
4Comme il est expliqué sur le site de spip, vous devez ajouter vos propres polices dans un dossier ecrire/polices; sinon s’affichera la police livrée par défaut avec Spip: dustismo.tiff
Un bon endroit pour trouver des polices: dafont.com
Ensuite, vous devrez mettre le nom exact de vos polices (en respectant les maj/miniscules) dans vos squelettes (en clair dans article.html, sommaire.html, breve.html). La puissance de spip vous permet de parametrer ensuite vos titres (taille, force, couleur)
Forum posts
4 February 2007, 22:17, by zagtag
supers squelettes avec le contenu en pied de page “comme ca le fait bien”... bravo!
View online : meme blog
5 February 2007, 01:31, by Zzz.
Merci Davduf ;)
View online : Zzz. pour Loiseau2nuit.net (qui en a bien besoin !)
5 February 2007, 01:38, by Zzz. (un poil dérouté...)
Au fait ? Au risque de passer pour un c*n, le lien de téléchargement est où ???
5 February 2007, 10:00, by davduf
Oulalaha... Tu as raison, le fichier n’apparait pas. je règle ça dans la journée. Mille excuses
5 February 2007, 10:15, by davduf
Voila. C’est en ligne. Merci à tous d’indiquer des bugs, ajouts, etc.
6 February 2007, 13:08
Plutôt joli mais sur un navigateur en 800 pixels de large (tu sais, Davduf, à l’ancienne ;-)), les titres de sommaire se chevauchent les uns les autres...
6 February 2007, 15:05, by davduf
Aie.. Il faut que je regarde ça. Est ce que quelqu’un aurait une copie d’écran? En fait, les titres sont “fabriqués” par un filtre Spip d’images typographiques. Peut etre devrais je “resserer” la longueur (en pixal/images) des titres ?
Merci encore
6 February 2007, 17:48
Resserrer la largeur en pixels, pourquoi pas (dans mon cas il suffirait sûrement d’une soixantaine de pixels en moins). Mais il n’y a pas de remède miracle.
7 February 2007, 07:48, by davduf
C’est fait ,-) Dites moi si c’est mieux... merci
8 February 2007, 22:31, by Arno
bonjour,
ce squelette est somptueux... magnifique... Je vous le vole ! J’aimerais juste savoir comment on place le bandeau d’images en haut de page... Rien n’apparait sur mon site, bien qu’un logo soit affecté au site ds configuration !
merci d’avance Arno
9 February 2007, 08:52, by davduf
Merci à toi, Arno ,-)
Pour le bandeau d’images, je n’ai pas mis... le mien. Celui des stations services désaffectées.
Pour en avoir un, il suffit de le placer dans le fichier:
inclusions/haut_page.html
A bientot
8 February 2007, 22:41, by Arno
Encore moi
je dois être affreusement idiot, ou avoir oublié quelque chose... mais le titre du blog n’apparaît non plus....
Help !
(merci)
9 February 2007, 08:53, by davduf
Regarde dans inclusions/haut_page.html
Logiquement, le nom de ton site apparait automatiquement, du moment que tu l’as renseigné dans ta page ecrire (admin).
Merci
15 February 2007, 01:16, by narvic
Bonjour, j’aime vraiment ce squelette, et j’ai bien envie de le voler moi aussi ;-) J’ai le même problème qu’Arno avec le titre du blog et je n’arrive pas à m’en sortir: il s’affiche bien dans l’en-tête de la fenêtre des navigateurs que j’ai testés (Firefox et Safari pour Mac), mais pas sur le site :-(
J’ai un autre problème avec l’affichage des titres d’articles: l’image typographique (c’est comme ça que ça s’appelle ?!?) ne s’affiche pas comme sur ton site. Mais genre comme avec une police de substitution (si je dis bien comme y faut ...) Les liens que tu fournis indiquent que GD2 et Freetype doivent être installés sur le serveur. Je ne suis pas sûr de comprendre ce que ça signifie. Mon hébergeur est free.fr... Ca pourrait être là la source du problème?
J’ai encore une autre question (je sais, je m’incruste ;-), comment paramétrer les rubriques qui vont s’afficher dans le “ventre” de la page sommaire et le nombre d’articles affichés? Sur ton site par exemple, tu affiches “a la une” et “présidentielle 2007”, mais sur ma “transposition” ne s’affichent que des articles issus de ma rubrique n°4 et aucun autre...
Dernière requête (je sais, je suis définitivement chiant), où intervenir pour afficher les images correspondant aux articles dans ce qui est repris sur la page de sommaire? Est-ce que je suis clair? Je ne me rends pas bien compte... Je reste très débutant avec SPIP ;-)
Merci de me consacrer au moins le temps de la lecture, et bravo encore pour ce squelette vraiment très classe ;-)
16 February 2007, 09:45, by davduf
Bonjour Narvic,
haut_page.html
ligne 21. Tout se joue la.
Comme il est expliqué sur le site de spip, vous devez ajouter vos propres polices dans un dossier ecrire/polices; sinon s’affichera la police livrée par défaut avec Spip: dustismo.tiff
Un bon endroit pour trouver des polices: dafont.com
Ensuite, vous devrez mettre le nom exact de vos polices (en respectant les maj/miniscules) dans vos squelettes (en clair dans article.html, sommaire.html, breve.html). La puissance de spip vous permet de parametrer ensuite vos titres (taille, force, couleur)
Là... c’est à toi de voir, de modifier les boucles, de les adapter à tes besoins ?
Ce sont tout simplement les logos de tes pages et/ou de tes rubriques. Ceci se gère article par article, rubrique par rubrique.
16 February 2007, 03:28, by narvic
rectification: au sujet du 3e emmerdement, finalement ce sont les derniers articles publiés qui s’affichent, quelle que soit la rubrique. Mais justement, j’aimerais choisir... ;-)
16 February 2007, 16:47, by narvic
merci beaucoup ;-) je me remets à la tâche...
20 February 2007, 08:43, by narvic
Salut, je poursuis mon installation ;-)
Deux bricoles à te signaler:
Dans breve.html: tu as laissé le code des annonces Google ;-)
Dans haut_page: le souci signalé d’affichage du nom du site vient de la ligne 21. Il faudrait (#NOM_SITE_SPIP) au lieu de (#NOM_SITE)
Pour répondre à quelqu’un plus haut: l’affichage du logo du site à la place du nom du site n’est pas prévu dans le code de ce squelette ;-(
Pour finir, j’ai un souci avec le lien auquel renvoi le nom du site: au lieu de l’adresse du site renseignée “en admin”, il renvoie à une adresse que je ne comprends pas (et qui ne fonctionne pas): il va chercher (je ne sais pas où) l’adresse réelle de la page d’accueil et il la fait suivre entre parenthèses de l’adresse indiquée “en admin”. Ca donne un truc comme ça: http://davduf.free.fr(http://www.davduf.net).
A part ça les images typographiques pour les titres, ça marche du tonnerre, et c’est super-classe ;-)))
Je poursuis mon bricolage ;-) Et merci encore. narvic
20 February 2007, 10:45, by davduf
merci bien pour tes commentaires.
Ceux ci m’aideront à faire une meillere mouture bientôt. J’attends encore quelques feedback.
Merci et amuse toi bien
22 February 2007, 16:08, by narvic
Salut, c’est re-moi ;-)
Autre petit bug à signaler,
dans login.html: inclure haut_page.html
au lieu de: haut_page.php3
Je continue à bricoler ;-)
24 April 2007, 15:50
est ce que quelqun pourrait me dire ce que donne ce squelette sous Explorer PC? J’ai l’impression que la page sommaire déconne...
25 April 2007, 23:07, by mejean
Bonjour,
Superbe squelette ! J’achète !
J’ai toutefois quelques soucis :
1. Je pense que tu n’as pas complètement nettoyé le squellette j’ai des soucis avec les plugins itunes et flash_gordon (?) que je n’ai pas installés mais semblent être déclarés dans ton squelette.
2. J’ai trouvé également des liens en dure http://www.davduf.net/... (dans le fichier breve.html par ex.)
3. Je n’arrive pas a ajouter d’image dans le fichier ../inclusions/haut_page.html : Si j’ajoute img src=“../../images/logo.jpg”/
L’image ne s’affiche pas ! Je suis obliger de mettre l’url de mon site “en dur”. D’ailleurs, les images des listes du “ventre” ne semblent pas non plus s’afficher sous Firefox
26 April 2007, 11:16, by davduf
Oui, je sais, il faut que je m’occupe de ça. Je le ferai trés vite. merci du retour, ça me permettra de corriger tout ça, au plus vite.
n’hésite pas
26 April 2007, 21:22, by mejean
Pour les puces des catégories, dernières réactions, etc. le répertoire /images/boutons n’est pas dans le package zip.
Pour le titre dans haut_page.html, je ne vois pas. Le titre ne s’affiche pas pourtant il y a bien
< h2 class="description">[< a href="(#URL_SITE_SPIP)" title="<:accueil_site:>“class=”Style1">(#NOM_SITE)< / a>]< / h2>
27 April 2007, 22:24, by mejean
J’ai inséré le code suivant : < h2 class="description">< a href="#URL_SITE_SPIP" title="#NOM_SITE_SPIP" class="Style1">#NOM_SITE_SPIP< / a>< / h2> pour que le titre du site soit visible et le lien fonctionnel.
(pensez à supprimez les espaces entre les <> !)
28 April 2007, 15:51, by mejean
dans les inclusions ventre, j’ai corrigé et disposé les div qui permettent de créer 3 colonnes ainsi :
< div class="block first"> < /div>
< div class="block"> < /div>
< div class="block"> < /div>
J’ai mis le menu “navigation” et les boucles (rubriques, brève, etc.) à l’intérieur de ces balises.
Cela permet ainsi de changer plus facilement les éléments (menu,rubriques, brève, etc.) d’une colonne à une autre.
En effet la déclaration d’une boucle débute parfois AVANT une balise div dans ton squelette.
28 April 2007, 17:56, by Encore moi
Je me suis aperçu que Davduf.net n’utilisait pas de feuille de style pour l’impression bien que celle-ci soit déclarée dans le fichier inc_head.html.
Pour l’impression je masque #header, #secondary et #ancillary à l’aide de la fonction “display: none” en l’ajoutant, puis en dupliquent et renomment la feuille de style habillage.css (en impression.css).
Cependant, j’ai encore quelques soucis : 1. les images typographiques du titre s’impriment en noir 2. le texte du chapeau sort des marges d’impression
Bonne journée
View online : Blog.cardabelle.net (en test)
30 April 2007, 09:40, by davduf
Bonjour!
Merci INFINIMENT de tout ce feedback. J’envisage de mettre à jour les squelettes dès que possible... Et toutes vos remarques m’aident énormément.
Merci encore!
Et à trés vite ,-)
12 May 2007, 16:12, by mejean
J’ai modifié quelques boucles, notamment j’ai ajouté une boucle pour les derniers commentaires.
J’ai corrigé le lien RSS du pied de page (qui ne fonctionnait pas) et ajouté un lien RSS pour les dernières brèves.
J’ai encore quelques soucis avec un filtre “itunes” non défini qui sort de je ne sais où et sous IE (7) l’article de droite (de la page d’accueil) s’affiche sous les 2 de gauche.
Je tiens à ta disposition les squelettes modifiés.
Cordialement,
Méjean
View online : Blog.cardabelle.net (en test)
12 May 2007, 17:40, by davduf
Hello l’ami!
Merci encore pour tes remarques. C’est bien volontiers que je regarderai tes squelettes ,-)
Quelles sont les boucles que tu as ajoutées, à part celles sur les derniers commentaires?
Le filtre iTunes remonte à un vieux plug in qui n’existe plus. Mais j’avoue, et je ne sais pas pourquoi, si on enlève le filtre, ça ne marche plus.
Pour ce qui est de IE et de la page d’acceuil... Je m’en suis rendu compte tout récemment et, là encore, impossible de trouver la parade...
Pour le reste, mille mercis à toi.
Pourrais tu m’envoyer les squelettes complets modifiés à davduf AT davduf.net ?
Merci d’avance!
30 May 2007, 08:34, by mejean
Voilà, j’ai réglé le problème des images typographiques qui s’impriment dans un rectangle noir. Un peu pénible pour qui veut archiver les articles sous format papier (ou même en pdf).
Il suffit d’ajouter le filtre |image_aplatirgif,ffffff ou |image_aplatirjpg,ffffff fourni par Spip depuis la version 1.9.x
J’ai fais également quelques autres correction, je te ferai un nouveau zip.
Bien cordialement
Note : écrire |image_aplatir accolade gif,ffffff accolade (cf. ci-dessus en italique)
View online : blog.cardabelle.net
30 May 2007, 08:57, by davduf
Formidable!
J’attends ton zip... quand tu pourras ,-) Je pense retravailler sérieusement sur le squelette cet été...
Tu seras grandement crédité ,-)
Merci encore!
31 July 2007, 21:07, by dinobib
Bonjour, merci pour ce squelette que je vais utiliser en partie ( au moins la partie forum) sur mon prochain site.
Ma question est moins lié au squelette qu’à un probléme que je comprend pas et que vous avez peut être déjà rencontré vu que vous utilisez les images typographiques.
En test en local sous Mamp sur Mac, je n’est aucun probléme ( la police est bien une ttf pc bien sur), par contre en ligne sur serveur 1&1, la typo est destructurée, les fûts s’affine de maniére difforme et les lettres danses les unes par rapport aux autres. Je ne comprend pas d’où peut venir ce comportement. c’est bien GD2 qui est utilisé.
merci d’avance
View online : dinobib.com
19 September 2007, 19:46, by ash
au risque de paraitre tres con, où est le lien pour avoir ce squelette ? :o
19 September 2007, 22:52, by davduf
en bas de l’article ,)
19 September 2007, 22:54, by davduf
juste avant le forum ,)
13 October 2007, 02:49, by Loiseau2nuit (aka Zzz. dans une vie virtuelle antérieure)
Tiens ca me rappelle confusément un certain de mes posts d’il y a quelques mois ca :P
Je viens de tomber sur la deuxième version, je vais passer ça à la moulinette. Je sais que je t’avais promis des coups de patte sur la V1 mais ma formation m’a pris plus de temps que prévu et après mon stage en agence de comm, maintenant que je suis encore vachement moins c*n qu’avant en webdesign, je constate l’ampleur des conneries que j’ai pu faire dessus à l’arrache, donc je m’y remet mais une base épurée va bien m’aider je crois :P
Bonne nuit ;)
Etienne aka Loiseau2nuit
View online : http://www.loiseau2nuit.net
20 September 2007, 19:02, by ash
merci beaucoup :D j espere juste ne pas etre “trop” passer pour un con :) Merci encore Dav :)
22 September 2007, 00:54, by narvic
Salut Davduf, je suis enfin venu à bout de mon “vol” du squelette dafduf.net. Après quelques adaptations des boucles à ma sauce (sans rien changer de fondamental à l’ensemble qui me plaisait vraiment beaucoup comme il était), le résultat est désormais en ligne. Et il te doit tout ;-) Donc, merci encore...
View online : novovision
22 September 2007, 00:57, by narvic
Pardon, erreur sur l’adresse du site. La bonne adresse est :
View online : novovision
22 September 2007, 22:12
Hé bien, narvic, c’est superbe ! Bravo !
A bientot, donc!
3 December 2007, 01:01, by Tadzio
Je me joins à tout le monde pour vous féciliter pour ce magnifique squelette, emprunt de sobriété et d’esthétisme... Je l’ai donc adopté pour mon futur site, cela va sans dire ! Je débute en PHP et je n’ai découvert SPIP qu’il y a moins d’un mois, alors veuillez m’excuser par avance si ma question est un peu basique... Le code du squelettre est plein de liens .php3 qui ne renvoient à aucun fichier existant dans l’archive ? On peut les supprimer ? Aussi en visitant le site de Marvic, j’ai remarqué une très jolie présentation des mots-clés. Je pense qu’il s’agit du plugin “nuage” ? Quelqu’un pourrait-il m’expliquer (pas à pas) comment faire la même chose ? J’ai pourtant essayé de suivre les instructions données pour “nuage”, mais je n’y arrive pas...
Merci, bonne continuation, et longue vie à votre site.
3 December 2007, 03:47, by Tadzio
Bon finalement, la nuit porte conseils... A 3h45, j’ai trouvé la solution pour “nuage”...
18 January 2008, 16:55, by fabrice
Après quelques hésitations, j’ai décidé d’utiliser ce squelette pour la construction d’un webzine interactif. Je suis en train de modifier deux ou trois trucs. j’espère que ca ne posera pas de problème.
View online : voici l’adresse temporaire :
18 January 2008, 17:50, by davduf
aucun probleme! amuse toi bien!
11 May 2008, 12:44, by Aurélie
Voici les squelettes d’un site basé sur Davduf.net |Hiver 2007. C’est un travail en cours.
Le code est nettoyé dans à peu près tous les fichiers et il n’y a plus qu’une seule feuille de styles.
Mais! Mais quelques fonctionnalités sont complètement supprimées ou modifiées, entre autres:
|typo
sur les titres; sur les autres pages, la colonne est à droite plutôt qu’à gauche (on peut modifier cela assez facilement dans la feuille de styles);Dans ma todo’s list, j’ai:
Pour voir le résultat actuel: http://www.quartier-europeen.eu
Les squelettes sont livrés tels quels, il faut se plonger dedans pour adapter aux contenus de votre site (ex. numéros de rubriques, mots-clés...). Ils fonctionnent actuellement avec Spip 1.9.2c [ 10268 ] et le plugin nuage version 1.2. Ils ne sont pas testés sous Internet Explorer, ni aucun navigateur Mac; retours et corrections bienvenus.
View online : Le .zip à télécharger
11 May 2008, 12:51, by davduf
Merci Aurélie! C’est parfait!
Que ceux qui utilisent ton squelette n’hésitent pas à laisser leurs impressions ici ,-)
3 July 2008, 23:19, by culture-en-limousin.fr
Hej,
Un petit mail pour vous remercier d’avoir mis à disposition votre squelette que j’ai bidouillé, trituré, torturé pour en faire ceci :
http://www.culture-en-limousin.fr/
Merci encore
@+
View online : http://www.culture-en-limousin.fr
4 July 2008, 09:10, by davduf
Merci pour le message et bravo pour le travail! A bientot
2 September 2008, 22:32, by Toptopio
Bonjour,
J’apprécie vivement le design de votre squelette Spip que j’ai adopté pour mes pages web ! Malheureusement, je rencontre un problème dans les documents joints aux articles. Qu’ils soient au format PDF, Powerpoint ou zip, ils n’apparaissent tout simplement pas :-(
Pourriez-vous éclairer ma lanterne ?
Avec mes cordiales salutations,
Hervé
View online : Topobox
2 September 2008, 22:59, by davduf
Hervé,
Tout se passe dans le fichier article.html
Entre la ligne 164 et la 192.
A la ligne 164, il faut simplement enlever “<—" A la 192, il faut enlever "—>”
Ces signes servent à “débrancher” les fonctions. En les enlevant, on redonne à Spip ses droits ,-)
Est ce clair ?
3 September 2008, 22:11, by Hervé
Aïe, ce n’est malheureusement pas si clair :-( J’ai édité le fichier squelettes/article.html, selon vos recommandations, mais la boucle documents joints me paraît liée à un lecteur de fichiers mp3, si bien que mes fichiers joints pdf ppt zip n’apparaissent pas. Mes connaissances sur les boucles SPIP sont maigres : pourriez-vous me donner un coup de main pour résoudre ce problème ?
View online : Exomatic
5 September 2008, 00:46, by davduf
envoyez moi le ficher en question par mail. On va y arriver
8 September 2008, 12:39, by hakan cheronsen
bravo pour ce squelette.
que c’est beau.
View online : bravo, encore
22 September 2008, 13:27, by Vincent
Oups, en revenant fureter sur cet article, je me rends compte que je n’ai jamais remercié son auteur. J’utilise ton squelette — à peine modifié — depuis quelques mois pour un petit lieu de rencontre autour de la construction de ma maison.
Empilons des arbres
Voilà, je répare l’oubli.
Merci encore pour ce squelette fort sobre et efficace !
Vincent
6 October 2008, 15:56, by marr
bonjour,
concernant la taille des photos dans les articles, elles sont réduites en affichage à 520 pix de large.
d’après ce que j’ai vu.
si je modifie cet élément :
en le passant en
, je devrais autoriser l’affichage d’images en 800 pix de large.
après un premier essai, j’ai scratché toute la mise en page..
merci d’avance.
6 November 2008, 14:40, by opopop
Salut Davduf,
Merci pour tes squelettes que j’ai repris pour le site d’un café concert
Cependant j’ai un problème quand je crée une playliste de mp3. Mes mp3 sont ouvert avec Quicktime et non avec le lecteur multimedia du plugin du même nom.
Si quelqu’un peut me mettre sur une piste !
17 February 2009, 14:12
Bonjour, migré ce matin sur SPIP 2. Le squelette a semble-t-il pas trop «couiné» !
Pour info à qui pourrait être concerné : Il faut tout de même mettre à jour squelettes/modeles/img.html à partir de prive/modeles/img.html (sans doute idem pour docs.html)
Le reste semble toujours marcher...
Petite question à Davduf : as-tu déjà utilisé le plugin xspf dans tes squelettes ? j’ai des soucis pour faire fonctionner le modèle rotator, et je me demande si ça peut provenir du squelette (j’imagine que non...)
Gracias,
Vincent