SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

286 Plugins, 197 contribs sur SPIP-Zone, 325 visiteurs en ce moment

Accueil > Squelettes > Squelettes spéciaux > Free Art Template > SPIP FAT - Free Art Template (v2)

SPIP FAT - Free Art Template (v2)

26 février 2014 – par jean-emmanuel – 32 commentaires

7 votes

Squelette minimaliste pour Spip 3 distribué sous Licence Art Libre.

PNGPNGPNG

Free Art Template est développé et maintenu sur Github, n’hésitez pas à y faire part de vos remarques voire même à contribuer au wiki !

Démonstration du thème : http://www.softrains.fr/template/

Support & Développement : https://github.com/jean-emmanuel/spip-fat/

Licence Art Libre : http://artlibre.org/licence/lal

Dernière modification de cette page le 5 mai 2014

Retour en haut de la page

Vos commentaires

  • Le 4 février 2015 à 20:49, par gusz En réponse à : SPIP FAT - Free Art Template (v2)

    Bonjour,

    Merci pour la réalisation de ce thème que je me suis permis d’utiliser pour un de mes sites http://philhab.free.fr/spip/.
    J’ai souhaité ajouter une vidéo dans un article et j’ai installé le plugin video. J’ai attribué une vignette à la vidéo, mais celle-ci n’est pas visible : rectangle noir (firefox et IE) ou blanc (safari).
    Y a-t-il moyen de faire apparaître cette vignette sur l’espace public ?
    Merci.

    • Le 5 février 2015 à 17:51, par jean-emmanuel En réponse à : SPIP FAT - Free Art Template (v2)

      Salut ! Le problème vient du fait que ce thème ne charge pas les librairies javascript apportées par les autres plugins (voir message precedent http://contrib.spip.net/SPIP-FAT-Free-Art-Template#forum477005), l’échec chargement de la vignette n’est qu’une partie du problème : les fonctionnalités du lecteurs ne sont probablement pas toutes disponibles (compatibilité avec les différents navigateurs, etc). Une solution simple quoique discutable serait d’héberger la vidéo sur viméo et d’utiliser le raccourci prévu pour ces videos. Sinon, il faut rajouter les liens vers les librairies manquantes : ce plugin ne devrait pas entrer en conflit avec les autres fonctionnalités du theme (à vérifier..) ; Tu peux creer un squellette temporairement et y inserer la balise #INSERT_HEAD pour trouver les inclusions de code javascript nécéssaires et les copier dans le squelette principal (à la fin, après <link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600" rel="stylesheet" type="text/css" />).

      Ça devrait donner quelque chose comme :

      <!-- Variables de configuration pour le plugin Vidéo(s) -->
      <link href="chemin/vers/theme/css/videos.css" rel="stylesheet" type="text/css" />
      <script type='text/javascript' src="chemin/vers/lib/html5media-1.1.5/api/html5media.min.js"></script>
      <!-- // Vidéo(s) -->

    Répondre à ce message

  • Le 24 septembre 2014 à 05:34, par Renée Picard En réponse à : SPIP FAT - Free Art Template (v2)

    Pour le portfolio de mon site en développement, je crée des images à 400px et je les fait afficher avec <imgX|align|noborder|width=XX|clear>avec un width de 50 pour avoir des vignettes.
    Lorsque je clique pour voir l’image + grande, j’aimerais qu’elle soit à un maximum de 400px et sur un fond d’écran bleu foncé.
    J’ai essayé dans modele/img.html de changer

    [(#ENV{args/nolink}|non)
            <a href="[(#FICHIER|image_reduire{1920,0}|extraire_attribut{src})]"

    en mettant 400 au lieu de 1920. Cela ne fonctionnne pas.
    J’ai aussi essayé par la feuille de style mais je n’ai pas de bons résultats.
    Merci

    • Le 24 septembre 2014 à 10:31, par jean-emmanuel En réponse à : SPIP FAT - Free Art Template (v2)

      Salut, vu le niveau de customisation que tu recherches sur ce template, je ne vais pas pouvoir suivre tout le développement de ton site, en principe les messages postés ici devrait servir à résoudre des problèmes liés à une utilisation plus classique du thème, du coup il se peut que je ne réponde pas toujours aussi vite.

      Remplacer 1920 par 400 dans img.html à la ligne 7 devrait suffire. Pense à vider le cache des images éventuellement (Maintenance > Vider le cache). La couleur de fond est définie ligne 327 :

      #layer {
              background-color:#111;

      Le problème de formulaire vient du modèle utilisé, dans le code source de ta page on voit que le formulaire pointe déjà vers l’adresse contenant deux ’#’.

      Pour la classe star, c’est juste un vieux reste qui n’a pas vraiment d’utilité et qui sera amené à disparaître.

    • Le 24 septembre 2014 à 17:06, par Renée Picard En réponse à : SPIP FAT - Free Art Template (v2)

      Le problème du formulaire est généré par spip fat.
      Suite à ta réponse, j’ai cherché sans trouver de solution.
      En local j’ai installé un site spip tout neuf avec spip_loader.php, j’ai copié formulaire_contact.html dans le dossier squelettes/modeles et cela fonctionne sans double##

      Puis j’ai installé spip fat, j’ai déplacé formulaire_contact.html dans le dossier modeles de spip fat
      j’ai vidé la cache et j’ai testé. Il y a un double ##

    • Le 24 septembre 2014 à 18:02, par jean-emmanuel En réponse à : SPIP FAT - Free Art Template (v2)

      J’ai fouillé un peu, c’est un bug qui n’a rien à voir avec FAT : l’adresse pointée par le formulaire est mal générée lorsque l’url courante se termine par un /. Il suffit de rajouter par exemple ?page=sommaire dans la barre d’adresse pour s’en convaincre : le double # disparait.

      Voici le code responsable de cela (ecrire/balise/formulaire_.php ligne 180 )

             
      // bug IEx : si action finit par /
      // IE croit que le <form ... action=../ > est autoferme
      if (substr($action,-1)=='/') {
              // on ajoute une ancre pour feinter IE, au pire ca tue l'ancre qui finit par un /
              $action .= '#';
      }
    • Le 24 septembre 2014 à 23:28, par Renée Picard En réponse à : SPIP FAT - Free Art Template (v2)

      Merci
      Je vais faire une page article.html pour contourner ce bug.

    • Le 28 septembre 2014 à 04:39, par Renée Picard En réponse à : SPIP FAT - Free Art Template (v2)

      Pour centrer une image agrandie dans la page, en plus de changer le chiffre 1920 dans la ligne 7 de img.html il faut ouvrir style.css et changer .spip_image comme ceci
      .spip_image
      width:Xpx ;
      margin:0 auto ;
      position:relative ;

      X étant la largeur désirée.
      Si cela peut en aider d’autres !

    Répondre à ce message

  • Le 24 septembre 2014 à 00:09, par Renée Picard En réponse à : SPIP FAT - Free Art Template (v2)

    Encore moi !
    Maintenant j’essaie d’installer un #FORMULAIRE_ECRIRE_AUTEUR
    J’ai utilisé la méthode du modèle de Romy Tetue http://romy.tetue.net/formulaire-de-contact-spip
    Le formulaire s’affiche mais lorsque j,essaie d’envoyer un message-test j’ai
    reneepicard.ca/elisabeth/##formulaire_ecrire_auteur_ar8
    Comment faire disparaître ce double ##

    Dans l’espace privé, le formulaire fonctionne. J’imagine que le disfonctionnment sur la page publique est en lien avec l’absence de INSERT-HEAD ????

    Répondre à ce message

  • Le 19 septembre 2014 à 06:32, par Renée Picard En réponse à : SPIP FAT - Free Art Template (v2)

    J’ai installé le couteau suisse et je veux faire un bloc dépliable avec

    <bloc>
    Titre

    texte
    </bloc>

    dans le texte. Cela fonctionne en privé mais pas en public.
    Y a-t-il incompatibilité avec ce squelette ?
    Merci

    • Le 19 septembre 2014 à 10:21, par jean-emmanuel En réponse à : SPIP FAT - Free Art Template (v2)

      Salut,

      FAT est un peu bourrin avec les plugins, j’ai retiré l’ajout de feuilles de style ou de libraires javascript par spip et ses plugins afin de gérer plus finement les fonctionnalités et l’optimisation.

      Pour qu’un plugin de ce type fonctionne il faudrait donc remettre les balises #INSERT_HEAD et #INSERT_HEAD_CSS dans la partie <head></head> du ficher rubrique.html, mais les fichiers ainsi chargés entrerait en conflits avec ceux chargé par FAT en fin de chargement de la page.

      Je te conseille donc d’abord de regarder si les blocs dépliables déjà intégrés dans FAT te conviennent (voir http://www.softrains.fr/template/), sinon il est toujours possible d’ajouter des fonctionnalité de ce type, je peux éventuellement le faire, ou t’indiquer comment.

    • Le 22 septembre 2014 à 05:08, par Renée Picard En réponse à : SPIP FAT - Free Art Template (v2)

      Merci
      Effectivement en utilisant

      <liste|id=ID_RUBRIQUE|pagination=NB_PAR_PAGE(OPTIONNEL)|ARGS>

      j’ai réussi à faire un bloc dépliable intéressant.

      Par contre j’essaie de changer dans modeles\liste.html

      <i class="fa fa-arrow-up"></i>
      <i class="star fa fa-circle-o"></i>

      et je n’y arrive pas ! je peux seulement changer l’icone lorsque déplié ???

      Enfin j’ai réussi à faire le site en francais et anglais.
      Cela progresse bien.
      Pour voir le site en développement :
      http://www.reneepicard.ca/elisabeth/
      Merci

    • Le 22 septembre 2014 à 09:19, par jean-emmanuel En réponse à : SPIP FAT - Free Art Template (v2)

      Ligne 403 dans le fichier style.css :

      .sub-article.focus  > a h3 i.star:before{
              content:"\f192";
      }

      C’est ici qu’on modifie l’icone pour indiquer qu’un article est ouvert : « \f192 » est le code iso du caractère « cercle avec un point » de la police d’icones FontAwesome (la version utilisée est la 4.0.3, un peu vieille, et sera mise à niveau dans une prochaine mise à jour).

      Sinon, attention, ton formulaire de langue devrait être inclu après la balise body. En l’état, cela va poser des problème et n’est pas valide.

    • Le 23 septembre 2014 à 06:03, par Renée Picard En réponse à : SPIP FAT - Free Art Template (v2)

      En plus de sommaire.html et rubrique.html, j’ai fait sommaire.en.html et rubrique.en.html.
      Au fichiers francais j’ai donné le mot-clé fr et aux anglais le mot clé en

      Si j’enlève #MENU_LANG de sommaire.html et de sommaire.en.html et que je le mets dans rubrique.html après la balise body, le #MENU_LANG ne fonctionne pas.

      Par contre il est possible d’appeler le site dans les 2 langues par http://www.reneepicard.ca/elisabeth/?lang=en et http://www.reneepicard.ca/elisabeth/?lang=fr

      Je ne vois pas sur le site de fontawesome ou trouver le code iso des caractères ? Je voudrais simplement mettre un + et un -
      Merci

    • Le 23 septembre 2014 à 08:36, par jean-emmanuel En réponse à : SPIP FAT - Free Art Template (v2)

      Le menu lang fonctionne mais doit être positionné de façon à être accessible (position:absolute, z-index élévé). Pour mettre + et - il faut remplacer <i class="fa fa-arrow-up"></i> par <i class="fa fa-plus"></i> dans liste.html et content:"\f192"; par content:"\f068"; dans style.css. On trouve les Unicodes (pas iso en fait, je me suis trompé...) des icônes en allant sur les pages des icônes désirées (http://fontawesome.io/icon/minus/) .

    • Le 23 septembre 2014 à 16:26, par Renée Picard En réponse à : SPIP FAT - Free Art Template (v2)

      Merci
      J’ai suivi tes instructions et #MENU_LANG fonctionne à merveille.
      J’ai changé f192 pour f068 et j’ai bien un -

      J’ai un problème avec fa fa-plus.
      Si je change fa fa-arrow-up par fa fa-plus le cercle continue à s’afficher.
      si je change star fa fa-circle-o par fa fa-plus le + s’affiche mais le - n’apparaît plus ?

    • Le 23 septembre 2014 à 16:59, par jean-emmanuel En réponse à : SPIP FAT - Free Art Template (v2)

      Je me suis trompé oui : c’est bien fa fa-circle-o qu’il faut remplacer par fa fa-plus, mais il faut bien laisser la classe « star » (ça fonctionne, je viens de tester).

    • Le 23 septembre 2014 à 21:09, par Renée Picard En réponse à : SPIP FAT - Free Art Template (v2)

      Mille mercis
      Effectivement cela fonctionne.
      J’aimerais lire un peu plus sur la classe star.
      As-tu un lien ?

    Répondre à ce message

  • Le 10 septembre 2014 à 05:55, par Renée Picard En réponse à : SPIP FAT - Free Art Template (v2)

    Comment faire pour enlever les 2 lignes horizontales qui s’affichent entre chaque article ?
    Je cherche et ne trouve pas !
    Merci
    RP

    • Le 10 septembre 2014 à 08:17, par jean-emmanuel En réponse à : SPIP FAT - Free Art Template (v2)

      Dans le fichier « style.css » (dossier « css »), ligne 244 :

      .article:before {
              border:0;
              border-bottom: 1px solid #999;
              border-top: 1px solid #999;
              height:5px;
              display:block;
              content:"";
              position:absolute;width:100%;
              bottom:25px;
              left:0;
      }

      C’est ce pseudo-element qui sert de séparateur entre les articles. Modifie-le à ta guise !

    • Le 10 septembre 2014 à 17:09, par Renée Picard En réponse à : SPIP FAT - Free Art Template (v2)

      MERCI c’est gentil de répondre si vite et merci pour ce squelette.

    Répondre à ce message

  • Le 28 février 2014 à 17:30, par Moniliformopse En réponse à : SPIP FAT - Free Art Template

    Bonjour,

    Merci pour la réalisation de ce mini-thème dont je me suis inspiré pour développer la page d’accueil d’un site collaboratif de créations musicales contemporaines qui utilise par ailleurs les outils SPIPr et Thelia.

    Votre projet dispose d’une page icones.html qui s’affiche bien dans l’espace privé. Cette page est accessible en écrivant l’adresse monsite/ecrire/ ?exec=icones mais je n’ai pas vu de lien (« Liste des Icones ») vers cette page qui puisse se faire directement à partir du formulaire de référencement d’un site.

    Faut-il ajouter un champ supplémentaire à cette page d’édition ? Si oui alors pourriez-vous fournir une piste pour l’envisager.

    D’avance merci pour votre prochaine réponse.

    • Le 28 février 2014 à 18:01, par jean-emmanuel En réponse à : SPIP FAT - Free Art Template

      Bonjour,

      Le lien en question devrait apparaitre en bas du formulaire (voir image jointe).

      Cela dit, j’ai intégré ça assez rapidement, il serait plus pratique de modifier le formulaire d’edition de site et de remplacer le champ du descriptif (utilisé pour déterminer la classe de l’icone) par un input de type select proposant directement tous les icones.
      On veillerait alors à ce que la police soit bien chargée dans l’espace privé, ce qui n’est pas le cas pour l’instant.

      Je n’ai pas le temps de faire ces modifications en ce moment, mais je garde l’idée de côté.

      PNG - 18.1 ko
    • Le 28 février 2014 à 18:06, par jean-emmanuel En réponse à : SPIP FAT - Free Art Template

      En voyant mon impression d’écran je me suis rendu compte d’une erreur : pour indiquer l’icone que l’on souhaite utiliser, il ne faut pas mettre le prefixe de classe de la police (« fa- »), déjà integré dans le squelette. Le dernier commit corrige cette coquille.

    • Le 28 février 2014 à 19:25, par Moniliformopse En réponse à : SPIP FAT - Free Art Template

      Un grand merci pour la célérité de votre réponse.

    • Le 28 février 2014 à 20:29, par robomatix En réponse à : SPIP FAT - Free Art Template

      C’est une coquille que j’avais remarqué ! J’avais trouvé la réponse en regardant le code... J’ai oublié de le signaler...

      @Moniliformopse : On pourrait avoir un lien pour voir le site dont tu parles ? Ca a l’air intéressant !

    • Le 1er mars 2014 à 08:15, par Moniliformopse En réponse à : SPIP FAT - Free Art Template

      Le site « Portée Libre » est encore en développement mais vous pouvez déjà le voir à cette adresse : http://www.notretribunet.fr/songs/

      En le consultant, n’hésitez pas à me dire ce que vous en pensez. D’avance merci pour votre retour.

    • Le 3 mars 2014 à 08:53, par robomatix En réponse à : SPIP FAT - Free Art Template

      C’est prometteur !

      Juste une remarque, le menu en haut semble en gris foncé, alors que sur les côté de ce menu, c’est noir... A mon humble avis, il faudrait que les deux soient de la même couleur...

      Je retournerais sur ce site de temps en temps pour en voir l’avancement !

    Répondre à ce message

  • Le 28 février 2014 à 07:52, par robomatix En réponse à : SPIP FAT - Free Art Template

    Merci pour ce thème bien cool ! Je m’en suis servi pour mettre en valeurs un de mes mini albums : http://jours.fievreux.robomatix.net/.

    Je pense que ce thème me servira de base à d’autres sites !

    Répondre à ce message

  • Le 27 février 2014 à 09:48, par Fa_b En réponse à : SPIP FAT - Free Art Template

    Super ! Merci… ;)

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?
  • [Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Mailsubscribers

    16 janvier 2013 – 274 commentaires

    Ce plugin permet de gérer les inscriptions (ou abonnements) à la diffusion de contenu par email. Mailsubscribers permet de gérer les inscriptions par Opt-in simple ou double et la désinscription par URL. Ce plugin gère également plusieurs listes (...)

  • noiZetier v2

    9 novembre 2012 – 36 commentaires

    Le noiZetier offre une interface d’administration permettant d’insérer au choix des éléments modulaires de squelettes (noisettes) et de les ajouter ainsi à ses squelettes. Compatibilité La version 2 du noizetier fonctionne sous SPIP 3. Elle est (...)

  • cirr : plugin « rédacteur restreint »

    29 octobre 2010 – 60 commentaires

    Ce plugin « cirr : rédacteur restreint » permet d’affecter des rubriques aux rédacteurs et modifie les droits afin qu’un rédacteur restreint (ou un administrateur restreint) voit dans l’espace privé uniquement les rubriques qui lui sont affectées (et leur (...)

  • Un retour d’expérience d’utilisation de Formidable

    26 octobre – commentaires

    Il s’agissait de créer un formulaire d’inscription à un évènement modérer les inscriptions dans le privé publier les inscriptions dans le public Nous avons discuté de cette présentation lors de l’apéro SPIP du 15 février 2016 à la Cantine (...)

  • Métas +

    3 décembre – 14 commentaires

    Améliorez l’indexation de vos articles dans les moteurs et leur affichage sur les réseaux sociaux grâce aux métadonnées Dublin Core, Open Graph et Twitter Card. Installation Activer le plugin dans le menu dédié. Dans le panel de configuration, (...)

Ça spipe par là