Squelette Yaaa

All contributions published for previous SPIP versions

Un squelette simple, facile à configurer et à utiliser.

-  Nom du Squelette : Yaaa
-  Version du squelette: 1
-  Auteur : Guillaume Lavaud
-  Licence : GPL
-  Compatibilité SPIP : compatible SPIP > 1.6
-  Saisie d’écran de la page d’accueil:


-  Site exemple: site de démonstration, qui présente le squelette, son fonctionnement, l’architecture de ses pages, ainsi que les paramètres de configuration du Spip.
Le site est également visible ici (bonjour les pubs de chez lycos! Par ailleurs, ces pubs altèrent la mise en page).

Le squelette Yaaa est conçu comme un journal. La colonne de gauche présente les rubriques et les brèves; celle de droite, les articles. En haut de page se trouvent le bandeau (772 x 96 px), l’arborescence et un menu horizontal.
Il est pourvu d’un moteur de recherche (issu du squelette Eva).
La syndication est activée.
Le squelette autorise également l’inscription par envoi automatique de mails ; les contributions des rédacteurs sont modérées a posteriori.

J’ai introduit dans le code source un tutorial, en m’inspirant de celui réalisé par Sylvain Michel, très utile pour les débutants.

Compatibilité:

J’ai testé ce squelette sur Mozilla v1.6, Firefox 0.9 et IE v6.

Je laisse à l’hébergeur du site de démo (“dhost.info.tk”) l’entière responsabilité de la teneur des éventuels popups qu’il fait régulièrement apparaître!

updated on 26 October 2006

Discussion

11 discussions

  • Bjr à tous,

    Bon ! je suis pas un pro de spip mais j’ai quand même créé un site avec le squelette yaaa. Tt va très bien et j’en suis particulièrement content.

    Le souci c’est qu’il n’intègre pas de forum. Je voudrai en créer un (qui permette aux visiteurs de réagir aux articles lus ou sur tout autre sujet). J’ai lu “le tutorial forum”. Mais le niveau est un peu haut pr moi...

    Quelqu’un peut il m’aider et m’expliquer simplement, pas à pas ce qu’il faut faire ?

    Merci de votre aide.

    PS : j’aimerais tellement un tel forum sur mon site ;-)

    Reply to this message

  • 1

    Bonjour,

    Le problème de boucle lors de l’accés à l’espace privé est réapparu sur mon site depuis le passage à la version 1.8.2d
    J’avais recontré et réglé ce problème en suivant les indications de JKE. Mais là alors que mon fichier “formulaire_login.html” est resté renommé “formulaire_acces_prive.html” l’accés à l’espace privé reste impossible. Quelqu’un aurait-il trouvé une parade à ce pb ?

    Merci d’avance

    • Bonjour,

      pour mémoire, voici d’abord l’astuce fournie par JKE, qui permet d’utiliser Yaaa (compatible avec les Spip v. 1.6 à v. 1.7.2) avec la version 1.8.1 :

      En fait cela concerne les utilisateurs du squelette Yaaa qui ont une page html appelée “formulaire_login.html”. Car dans la version 1.8.1, il existe une page précisément nommée pareil dans le répertoire “form” et si on a une page nommée de la même façon dans le répertoire dist, alors il y a un conflit entre les deux.

      Et du coup, le #LOGIN_PRIVE ne peut plus apparaître nulle part, voilà pourquoi la page d’accès privé (obtenue en tapant /ecrire après le nom du site) ne fait pas apparaître les champs de login. Tout le formulaire devient inaccessible.

      Solution : renommer la page obtenue par le squelette yaaa autrement, comme par exemple “formulaire_acces_prive.html”.

      (http://forum.spip.org/fr_173783.html)

      Je compte bientôt faire un état des lieux des différentes solutions de compatibilité avec les dernières versions de Spip et des différents navigateurs...
      ... puis certainement procéder à une refonte du squelette (un Yaaa v.2), près d’un an et demie après sa programmation!

      Cordialement

    Reply to this message

  • 5
    Laurence

    Bonjour,

    Vraiment débutante, j’ai malgré tout réussi à démarrer un spip local. Tout marche. Mais votre squelette me plaît vraiment beaucoup. Mais impossible de le faire reconnaître par SPIP; j’ai pourtant créé un répertoire yaaa à la racine (www, répertoire yaaa) avec avoir décompacté les fichiers téléchargés. j’ai modifier le fichier “mes_fonctions” en inscrivant tour à tour $GLOBALS[’dossier_squelettes’] = ’yaaa’;
    puis toutes les combinaisons possibles de type $GLOBALS[’dossier_yaaa’] = ’yaaa’; Bref, cela ne fonctionne pas. Le répertoire s’affiche bien à la racine de wwww sous spip mais ne le reconnaît pas. Comment faire ? Je craque ... Merci d’avance de toute votre aide ! J’ai consulté maints tutoriaux mais ....

    • J’ai aussi un problème. Une fois installer quand je vais dans la zone privée :monsite/ecrire, c’est une page noire qui s’affiche avec vos logos, mais je ne peux pas entrer dans l’interface.
      que faire, parce que votre “squelette” me plait beaucoup.
      Merci d’avance.
      Pierre

    • Guillaume

      Voici un lien qui précise comment configurer “mes_fonctions.php3”: lire l’article à partir de “Le dossier des squelettes”:
      http://www.spip.net/fr_article1825.html

      La page suivante explique comment faire cohabiter plusieurs spip avec la même base de données:
      http://www.spip-contrib.net/Comment-avoir-plusieurs-SPIP-sur

    • Guillaume

      Pierre, êtes-vous sûr que votre hébergeur accepte les sites fonctionnant sous php et dispose d’une base de données mysql?
      N’hésitez pas à me mailer directement la description du problème.

    • La contrib contient les fichiers nommés

      formulaire_login.php3
      formulaire_login.html
      formulaire_inscription.html
      formulaire_inscription.php3

      ces fichiers entrent en collision avec les squelettes “internes” de SPIP 1.8, ce qui cause le problème d’une page de login infinie (qui s’appelle elle-même en continu). Il suffirait de renommer les 4 fichiers mentionnés (et de changer les liens) pour régler le problème.

    • Guillaume

      Bonjour,

      je fais suivre cette contribution trouvée sur http://forum.spip.org, qui donne la solution:

      Message d’origine:

      Salut, je viens de passer de 1.7.2 à 1.8.1 et mon form #LOGIN_PRIVE a tout simplement disparu de ma page web !

      Suis-je le seul dans ce cas là où quelqu’un a-t-il déjà remédié à ce problème ?

      Merci 100000 fois,

      JKE

      Réponse:

      J’ai trouvé !

      En fait cela concerne les utilisateurs du squelette Yaaa qui ont une page html appelée “formulaire_login.html”. Car dans la version 1.8.1, il existe une page précisément nommée pareil dans le répertoire “form” et si on a une page nommée de la même façon dans le répertoire dist, alors il y a un conflit entre les deux.

      Et du coup, le #LOGIN_PRIVE ne peut plus apparaître nulle part, voilà pourquoi la page d’accès privé (obtenue en tapant /ecrire après le nom du site) ne fait pas apparaître les champs de login. Tout le formulaire devient inaccessible.

      Solution : renommer la page obtenue par le squelette yaaa autrement, comme par exemple “formulaire_acces_prive.html”.

      Alors là tout va remarcher nickel. C’est du vécu !

      JKE

      http://forum.spip.org/threadspip2014-173783.html

    Reply to this message

  • 1

    Bonjour,

    Merci à l’auteur pour ce fabuleux pack Yaaa !
    J’aimerais savoir comment le mettre un peu plus à ma sauce graphiquement, hélàs je n’y connais pas grand chose. J’aimerais par exemple changer la couleur de fond, et dans un second temps mettre un arrière-plan... Est-ce possible ?
    Enfin j’aimerais mieux distinguer le bandeau de gauche en le mettant dans un cadre...

    Merci d’avance pour tout élément de réponse.

    Bonne journée

    • Guillaume

      Bonjour,

      pour modifier la couleur de fond des pages ainsi que celle des caractères, téléchargez cette feuille de style intitulée “styleessai.css”: c’est une feuille de style volontairement simple (et cette présente version contient un correctif pour netscape 6 et 7).
      Vous pouvez l’ouvrir avec le bloc-notes ou un logiciel tel que “html-kit” (gratuit), et changer les codes de couleurs (exprimés en hexadécimal), avant de l’intégrer au squelette.

      La ligne pour modifier le couleur de fond est la suivante:
      background-color:#......;
      (# + le code de couleur)

      Vous pouvez facilement trouver sur le net des générateurs de codes de couleurs.

      Les fichiers du squelette contenant des tables, vous pouvez également changer la couleur des cellules en ouvrant et en modifiant les fichiers *.html

      Je songe à créer une version de Yaaa (disponible cet été?) qui dépendra entièrement de feuilles de style (tout sera modifiable à partir de ce fichier).

      Cordialement

    Reply to this message

  • 4

    Bonjour,

    Pouvez vous me dire comment afficher une image dans les maj récentes comme vous avez pu le faire pour “architecture des pages” avec la gravure insérée.

    D’autre part peux-t-on modifier automatiquement le nom de la page “nouvelle page 1” par l’interface d’admin ???

    Merci pour vos réponses, mais aussi pour ce squelette simple d’utilisation. Bravo

    Passez de bonnes fêtes !

    Cordialement.

    • Guillaume

      Bonjour,

      Pouvez vous me dire comment afficher une image dans les maj récentes comme vous avez pu le faire pour “architecture des pages” avec la gravure insérée?

      La photographie des arcs boutants a été insérée dans le champ “descriptif” de l’article, tandis que la gravure l’a été dans le champ texte.
      Je profite de cette réponse pour vous signaler l’existence de ce petit tutoriel.

      D’autre part peux-t-on modifier automatiquement le nom de la page “nouvelle page 1” par l’interface d’admin ???

      Oups! Merci de m’avoir signalé cette petite lacune!
      Voici la démarche, ça devrait fonctionner:

      1- Tout d’abord, vous ouvrez “sommaire.html” avec le bloc note et vous remplacez “nouvelle page 1” par la balise #NOM_SITE_SPIP.

      2- Puis, après avoir uploadé votre fichier “sommaire.html” et vidé le cache du Spip, vous allez dans la partie “administration” de Spip: à “Configuration du site” => “Contenu du site”, vous rentrez le nom de votre site dans le champ “nom de votre site”. Vous pouvez le changer par la suite par l’interface d’administration.

      Joyeuses fêtes,

      Cordialement,

      Guillaume

    • Tout d’abord merci pour votre réponse.

      Ok pour le nom de la page, par contre concernant les images, j’ai omis de préciser que j’avais lu votre tutorial, très bien fait au passage, mais que cela ne fonctionne pas. Dans l’interface d’admin, la news ou article s’affiche bien avec l’image uploadée. Mais sur le site, malgré le recaclcul de la page, pas de traces de l’image...
      Y’à t il un autre cache à vider ???

    • Guillaume

      Peut-être le cache du navigateur:

      -  sur Mozilla: “édition” > “préférences” > “avancées” > “cache” > “vider le cache”;

      -  sur IE: “outils” > “options internet” > “fichiers internet temporaires” > “supprimer les fichiers”.

      Si cela ne fonctionne pas, vous pouvez me recontacter par mail.

      Cordialement,

      Guillaume

    • Par je ne sais quel miracle, cela fonctionne maintenant....

      Bien à vous.

    Reply to this message

  • 1

    Bonjour,

    Tout d’abord bravo pour votre squelette simple d’utilisation et très sympa. J’aime beaucoup le fond noir!
    Mais je voulais savoir comment integrer un forum à ce joli squelette histoire de faire vivre le site.
    Merci d’avance

    • Guillaume

      Spip-contrib contient de nombreuses contributions expliquant comment créer et intégrer un forum:
      http://www.spip-contrib.net/recherche.php3?recherche=forum

      Si vous êtes patient: je travaille actuellement sur un site (qui occupe tout mon temps!) qui devrait accueillir un forum. Je compte intégrer, un jour ou l’autre, ce forum à Yaaa.

      Cordialement, et bon courage ;-)

    Reply to this message

  • Bonjour,

    Tout d’abord je tiens à vous remercier pour ce squelette. Ce squelette à le merite d’être commenté, accessible et ergonomique.

    Bravo l’artisite et encore merci.

    Cédric.

    Reply to this message

  • 8

    Une question aux auteurs
    Je precise que je debute
    J’ai craqué moi sur la presentation et l’ensemble
    FELICITATIONS
    Mais (y’a toujours un mais n’est-ce-pas?)
    Je voudrais inserer un album style portfolio et comme je debute, je bloque, archibloque pour que dans les articles je puisse inserer des images aussi. Et la macache, rien. J’ai trouve un portfolio plus que sympa sur ce site, celui developpe par Jean Michel ideau, et j’aimerais mixer.. Sauf que j’y arrive pas.
    Pourriez vous m’indiquer un moyen?

    merci d’avance

    Alba

    • j’ai oublié une autre questionnnnnnnn ! Comment on change le contact administrateur.. c’est clair une vraie debutante, vraie de vraie !
      Alba

    • Guillaume

      Bonjour,

      je travaille actuellement sur une version 1.2 intégrant un portfolio. En attendant, voici un petit tutoriel expliquant comment publier des documents et des images sur Spip en général et sur Yaaa en particulier.

      Pour ce qui est de la modification du lien vers l’adresse électronique de l’administrateur:

      Dans les fichiers suivants:


      -  sommaire.html
      -  article.html
      -  rubrique.html
      -  formulaire_login.html
      -  formulaire_inscription.html

      il faut repérer la ligne suivante:

      et remplacer email_de_l’admin@fai.fr par votre adresse mail (utiliser le bloc note, ou un logiciel gratuit tel que par exemple Html-Kit).

      Sur la prochaine version de Yaaa, il sera possible de ne modifier qu’un seul fichier!

    • Oaouuuuuuuuuun quelle rapidité, je ne pensais pas avoir reponse si vite. Merci, je vais essayer ça, mais en tant que vraie debutante.. bref on verra !!
      Merci
      Alba

    • Ouaps, ouaps, ouaps..reussi a changer nom de l’administrateur. GENIAL !!
      mais (y’a encore un mais !)
      Je ne reussis pas a inserer images car je ne trouve aucune indication de localisation a inserer dans le texte de l’article sous la fenetre d’insertion d’image. Y’a t il une mani specifique pour les faire apparaitre que je n’aurais pas trouvé?
      Merci D’avance
      Alba

    • Guillaume

      Vous devez intégrer le code “img” situé sous l’image téléchargée, et l’intégrer dans le texte. Tout est expliqué dans le turoriel ;-)

    • Maissssssssss, je n’ai pas de code img... sous l’image telechargée !
      C’est justement pour cette raison que je pensais ne pas avoir la meme version. Ou est ce parce que je travaille en local?, mais je ne pense pas que ce soit cela la raison.
      Je ne comprend vraiment pas car le tutoriel est très clair mais je ne retrouve pas les fonctions indiquées sur le spip que j’ai installé !
      Alba

    • Guillaume

      Vous pouvez prendre des saisies d’écran de votre interface d’administration et les mailer à mon adresse électronique. Je vous dirai ce que j’en pense.

    • J’avais essaye de vous envoyer un amil justement avec la saisie de mon ecran, mais il m’est reviendu avec un joli mais desagreable message d’erreur ! ;)
      Vous seriez plus qu’aimable de m’en envoyer un auquel je repondrai en retour. Mon adresse est dans ce message ! Merci d’avance
      Alba

    Reply to this message

  • 3
    Nagawicka

    Bonjour,
    J’ai installé ce super squellette sur mon iste, mais je ne sais pas comment faire pour m’authentifier et rentrer dans la zone de gestion du site, et de rédaction des articles. Si quelqu’un pouvais me dire comment je peut y acceder, se serait super sympas.

    Merci d’avance.
    Nicolas REVOL

    • Guillaume

      Bonjour,

      Durant l’installation de Spip, celui-ci demande de saisir un identifiant et un mot de passe. Ces deux éléments sont ensuite nécessaires pour se connecter à l’interface privée.

      Cordialement.

    • Zzz. aka NIGHT BIRD

      la véritable question était et reste : "où est le lien vers /ecrire ???
      Siouplé ?

    • Guillaume

      Dans la partie supérieure de la page, sous la bannière, vous cliquez sur le lien “s’enregistrer”.

    Reply to this message

  • Guillaume Lavaud

    Voici un correctif pour Netscape, versions 6 et 7.

    Il vous suffit simplement de remplacer le fichier nommé styleessai.css par celui-ci.

    Reply to this message

Comment on this article

Who are you?
  • [Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom