SPIP-Contrib

SPIP-Contrib

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

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

Accueil > Squelettes > Squelettes spéciaux > Hyperspace > Hyperspace : squelette responsive

Hyperspace : squelette responsive

8 mars 2016 – par L0r3nt – 19 commentaires

10 votes

Description

Ce squelette distribué en plugin est un portage rapide pour SPIP du thème responsive « Hyperspace », proposé sur le site http://html5up.net/.
Voir la démo originale : http://html5up.net/hyperspace
Sites utilisant le plugin :

C’est une base de départ pour l’intégration d’un site simple de quelques pages.

Tout se passe principalement sur la page sommaire, le menu liste des articles/rubriques, chaque item du menu permettant de faire défiler la page pour afficher la zone appelée. Chaque zone de la page affiche soit un article seul, soit une liste d’articles.

Cependant le plugin fournit les principaux squelettes habillé avec le thème « Hyperspace » pour que la charte graphique reste un minimum cohérente avec la page d’accueil si on sort de la page d’accueil (article.html, rubrique.html, etc...).

Installation

Copier le dossier dans plugins/ puis activer le plugin dans l’administration de SPIP.

Configuration

Remplir le formulaire de configuration :

JPEG - 46.2 ko
Formulaire de configuration

(vous pouvez télécharger ce fichier image qui définit les « zones » rubrique principale, rubrique a, rubrique b, rubrique c : jpg/screenshot_doc_hyperspace.jpg)

Téléchargement

Zip -
Zip du plugin

Dépôt git : https://git.framasoft.org/L0r3nt/hy...

Dernière modification de cette page le 20 juin 2016

Retour en haut de la page

Vos commentaires

  • Le 20 juin à 14:46, par Perline En réponse à : Hyperspace : squelette responsive

    Bravo pour ce plugin « à la mode » qui permet de mettre en valeur un petit site.
    Installation simple.
    Je ne me suis pas encore attelée à bidouiller (où mettre quoi, et surtout varier les couleurs), et ça fait du bien de pouvoir installer un squelette, valable pour tous les terminaux, sans aucune bidouille nécessaire.
    Enfin des vacances :)
    Merci.

    • Le 5 juillet à 09:17, par Perline En réponse à : Hyperspace : squelette responsive

      J’ai un petit problème d’affichage.
      La rubrique que j’ai mise en premier comporte donc un article que j’ai choisi pour être affiché en haut, comme indiqué dans le réglage des paramètres.
      Mais s’il apparaît bien en haut de la page, en revanche dans le menu il apparaît à sa place selon l’ordre num_titre.
      Et quand on clique dessus dans ce menu ça ne ramène pas en haut de la page où il est, ça n’amène nulle part.
      Suis-je la seule ?
      Merci.

    • Le 5 juillet à 09:36, par L0r3nt En réponse à : Hyperspace : squelette responsive

      Bonjour, est il possible de voir le site ? D’avoir un accès à l’admin ?

    • Le 6 juillet à 17:37, par L0r3nt En réponse à : Hyperspace : squelette responsive

      Le bug doit être corrigé par la dernière version. Il restait un id de section « en dur » dans le sommaire.html, c’est corrigé pour le rendre dynamique.

    • Le 7 juillet à 00:35, par Perline En réponse à : Hyperspace : squelette responsive

      C’est parfait, ce problème est réglé, merci.
      En revanche, un petit détail : quand les titres sont « trop » longs, dans la configuration petit écran, quand le menu est horizontal en haut, seules les premières lettres sont visibles, il n’y a pas de possibilité d’épaisseur augmentée.
      Alors que dans le menu de gauche, quand l’écran est assez grand, quelle que soit la longueur du titre, ça marche.
      Merci.

    Répondre à ce message

  • Le 20 juin à 13:55, par jaseur Boreal En réponse à : Hyperspace : squelette responsive

    Bonjour,
    Peut-on utiliser une partie de ce plugin, par exemple la page accueil deroulee en sous-rubriques a l,interieur d’un autre squelette pour une des rubriques ?

    Par exemple dans un site sous squelette xyz, on utiliserait l’affichage des articles d’une rubrique seule sous ce format Hyperspace ?

    Qu’en pensez-vous ? Comment proceder ?

    Merci de tous les trucs

    • Le 20 juin à 18:18, par L0r3nt En réponse à : Hyperspace : squelette responsive

      Salut,

      Ca doit être possible de se servir du plugin, mais toutefois sans l’activer, et en bidouillant un peu.
      Il faut récupérer la page sommaire.html et les squelettes inclus nécessaires (html + js + css) pour les copier dans le dossier squelettes du site.
      Il faudrait ensuite renommer sommaire.html en rubrique-xx.html avec xx = id_rubrique de la rubrique sur laquelle on veut appliquer le modèle. Il faudra ensuite modifier les boucles pour que ça colle avec la structure des articles/rubriques.

      Il y a peut être un risque au niveau des js et css, vérifier que ça ne se marche pas dessus avec l’existant.

    • Le 20 juin à 18:43, par L0r3nt En réponse à : Hyperspace : squelette responsive

      Une autre option à tester : activer le plugin, renommer sommaire.html en rubrique=xx.html et supprimer tous les squelettes article.html, rubrique.html, etc, pour qu’ils ne surchargement pas les squelettes du site.

    Répondre à ce message

  • Le 25 avril à 19:29, par Ospeleo En réponse à : Hyperspace : squelette responsive

    Squelette sympathique, qui nécessite de modifier quelques fichiers pour être utilisé, car les numéros de rubriques dans le menu et les articles à afficher sont inscrits en dur dans le squelette (fichier sommaire.html), et pas de documentation.
    Mais squelette clair et simple à modifier. Une bonne base de départ. Merci !

    par défaut, le squelette affiche dans l’ordre :
    -  en intro, le nom du site et l’article 1 au complet
    -  puis tout le contenu des articles de la rubrique 1 (sauf l’article 1)
    -  puis le logo (recadré 500px), le titre et l’introduction des 5 derniers articles publiés de la rubrique 2 puis des 5 derniers articles de la rubrique 5 (avec « lire la suite »)
    -  puis le titre de la rubrique 4, et une liste de tous ses articles, avec : logos (recadrés 96px), titre (qui pointe vers l’url du site lié à l’article) et texte
    -  un pied de page

    • Le 30 avril à 19:45, par L0r3nt En réponse à : Hyperspace : squelette responsive

      Bonjour

      merci pour le retour, et les précisions sur le fonctionnement. Je prépare une version avec utilisation de variables de configuration pour paramétrer plus facilement le menu et l’affichage.

    Répondre à ce message

  • Le 19 mars à 11:22, par Benoit En réponse à : Hyperspace : squelette responsive

    Bonjour,
    Sur un spip 3.1.1
    J’ai installé le plugin dans le dossier plugins et, dans l’espace privé il est indiqué :
    Hyperspace thème responsive 1.0.0 - stable
    version incompatible
     ?!? Euh .. normal ?
    Merci pour vos lumières ;-)

    • Le 21 mars à 19:52, par L0r3nt En réponse à : Hyperspace : squelette responsive

      Bonjour

      je n’ai testé que sur un spip 3.0.22, pas sur un spip 3.1. Pour rendre l’installation possible il suffit de modifier les bornes dans le fichier paquet.xml. Je ne garanti pas le bon fonctionnement, mais il y a de bonnes chances pour que cela fonctionne sans problème.

    • Le 22 mars à 09:37, par benoit En réponse à : Hyperspace : squelette responsive

      Merci L0r3nt,

      mais euh .. je ne comprends pas trop ce que signifie « modifier les bornes » ..
      Pouvez-vous m’aiguiller ?
      Merci
      Benoît

    • Le 22 mars à 22:14, par L0r3nt En réponse à : Hyperspace : squelette responsive

      Bonjour

      dans le fichier paquet.xml, il faut remplacer la ligne :

      1. compatibilite="[3.0.0;3.0.*]"

      par

      1. compatibilite="[3.0.0;3.1.*]"
    • Le 24 mars à 09:34, par Benoit En réponse à : Hyperspace : squelette responsive

      Merci beaucoup !
      Ca marche :-)
      Benoît

    Répondre à ce message

  • Le 19 mars à 19:46, par Quélever En réponse à : Hyperspace : squelette responsive

    très bien votre squelette sauf que je n’arrive pas à avoir le menu en haut dans la page sommaire.
    J’ai pourtant que une rubrique et 5 articles.
    Doit on modifier des parties du code de la page sommaire pour les faire apparaitre ?

    • Le 21 mars à 19:32, par L0r3nt En réponse à : Hyperspace : squelette responsive

      Bonjour

      il faut adapter les boucles (menu en partie gauche et affichage des « block/zones » en partie droite) à vos besoin et au rubriques/articles existant(e)s. Mais le menu est en partie gauche de la page, pas en haut.

    Répondre à ce message

  • Le 12 mars à 14:04, par mic5tera En réponse à : Hyperspace : squelette responsive

    Merci pour ce travail qui permettra à SPIP de faciliter la vie des non programmeur.

    Répondre à ce message

  • Le 9 mars à 10:52, par Giezendanner FD En réponse à : Hyperspace : squelette responsive

    Merci de contribuer à l’indispensable aventure responsive de SPIP.

    Bravo !

    FDG

    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

  • Uploadify - Téléchargement de fichiers par lots

    21 juillet 2011 – 58 commentaires

    Ce plugin permet aux rédacteurs de sélectionner et télécharger plusieurs fichiers en une seule fois en s’affranchissant également de la limite de taille imposée par les serveurs (en général 2 ou 3 Mo). Dans quel cas l’utiliser Ce plugin représente (...)

  • Acces Restreint 3.0

    11 décembre 2008 – 776 commentaires

    Le plugin accès restreint permet de définir et de gérer des zones de l’espace public en accès restreint. Cette version du plugin a été redévelopée et optimisée tout spécialement pour SPIP 2.0. Il en découle une amélioration des performances sur les gros (...)

  • Mailshot

    16 janvier 2013 – 235 commentaires

    Ce plugin prend en charge l’envoi en nombre d’info-lettres par email. Mailshot permet l’envoi en nombre d’emails au moyen d’un SMTP (ou d’un service externe) dédié à cet effet. Il permet de limiter la cadence d’envoi. Enfin, ce plugin implémente la (...)

  • Convertir un site SPIP 3 en utf-8 avec le plugin Grenier

    8 janvier 2014 – 14 commentaires

    SPIP 3 fonctionne nativement avec l’encodage universel unicode utf-8. Sur certains sites (par exemple sur une mise à jour), on peut avoir un site qui est resté en iso-latin ce qui n’est pas conseillé (source de bugs, d’incompatibilité, ...) . (...)

  • Compositions 2 et 3

    25 mars 2011 – 172 commentaires

    Ce plugin vous permet de définir plusieurs variantes de squelettes (nommées compositions) pour un même type d’objet SPIP. Dans l’espace privé, il est alors possible de choisir, dans un menu déroulant, la composition qu’on veut attribuer à chaque (...)