SPIP - Contrib

[ar] [en] [es] [fr] [it]



Accueil du site > Squelettes complets > Squelettes « éditoriaux » > Sandwater

Squelette Sandwater

mardi 25 décembre 2007, par klelugi. Dernier ajout jeudi 27 décembre 2007


Le squelette Sandwater est un squelette de type généraliste qui propose une navigation par onglets ainsi qu’une présentation sur 3 colonnes. La navigation se trouve dans les colonnes centrale et de droite, cette dernière permettant essentiellement la participation des visiteurs.

Voir en ligne : Voir en ligne


Ca fait déjà un petit moment que j’utilise SPIP avec plaisir et je voulais apporter ma petite pierre à l’édifice. Je me suis donc fait plaisir à créer ce squelette et j’espère qu’il pourra vous être utile pour certains de vos projets.

- Valide et testé sur : SPIP 1.9.2 c
- Auteur : Gilles TRAN
- Licence : GPL
- Utilisation : Débutant, Intermédiaire
- Surcharge Core : fichier Extra (Il n’est néanmoins pas obligatoire de valider le plugin Champs homonymes et son extension)

Ce squelette est axé sur 3 colonnes et comprend :

- Une navigation par onglets (horizontale)
- Une navigation et des encarts pour une participation des visiteurs en colonne de droite
- Les contenus (textes) en colonne de gauche
- Une navigation croisée en colonne centrale

En voici une capture d’écran :

Pour permettre son utilisation voici les plugins qui y ont été ajouté :

- Champs homonymes + extension, le champ homonymes permet la gestion des titres des onglets
- Notation des articles
- Thickbox2

Notation et Thickbox2 permettent d’ajouter des fonctionnalités agréables à la présentation des articles.

J’espère pouvoir ajouter d’autres plugins bientôt et faire évoluer ce squelette avec le temps.

Ce squelette nécessite l’ajout de mots-clés pour la gestion de l’apparition de certains contenus dans les pages. Voici ce qu’il faut faire :

Configuration :

Après avoir uploadé les fichiers et validé les plugins il vous faudra créer un nouveau groupe de mots-clés. Nommez le : « mise en page » et créez dedans les 3 mots clés suivants : « alaune », « onglet » et « unerubrique ».

Gérez vos onglets :

Pour ajouter un onglet à la navigation, il vous suffit d’ajouter le mot-clé à la rubrique de votre choix. Si votre titre de rubrique est trop long, ce qui risque souvent d’être le cas, éditez votre rubrique et utilisez le champs : « Nom court pour navigation » disponible en bas du formulaire de modification de rubrique (Il va de soit que si votre rubrique est vide, l’onglet n’apparaitra pas).

Affichez votre "une" :

Pour afficher le petit encart bleu dans la colonne centrale sur votre page d’accueil : pour cela ajoutez le mot-clé « alaune » à une brève, un article ou un site.

Affichez aussi une « une » par rubrique

C’est le même fonctionnement que pour la une de la page d’accueil, ajouter ici le mot-clé « unerubrique » à une brève, un article ou un site.

Caractéristiques techniques :

Ce squelette utilise des fonctionnalités javascript fournies par la librairie jQuery, installée en standard sur SPIP, un choix judicieux grâce auquel on peux se permettre de bénéficier de fonctionnalités simples, efficaces et en perpétuelle évolution des plugins proposés sur jquery et dont certaines extensions sont intégrées au squelette dont notamment :

- jQuery Corners dont le plugin initial a été créé par Dave Methvin
- un menu vertical inspiré du plugin Accordion
- une galerie Thickbox pour la gestion des images d’articles (portfolio Spip article)

Pour les graphistes avertis et patient vous pouvez éventuellement changer les codes couleurs pour adapter le squelette à vos besoins.

L’interface graphique tourne autour de 7 couleurs dont 5 beiges et 2 bleus (ainsi que blanc et noir) et quelques gifs/jpeg/png facilement modifiable.

Pour vous donner une idée d’un autre thème possible autour de ce jeu de squelette vous pouvez aussi visualiser le thème : Gazonrose encore en cours de développement.

Documents joints


Répondre à cet article

  • Squelette Sandwater

    13 juin 2008 10:53, par R59

    Bonjour,

    J’ai commencé à installer et à tester en local votre super squelette et je m’interroge sur un élément du menu de la colonne de droite. Sur squelette.com j’ai vu qu’il y avait ce qui ressemble à une newsletter sous l’intitulé "Nouveaux squelettes" avec abonnement/désabonnement.

    Comment activer cette newsletter ? S’agit-il d’un plug-in spécifique ?

    D’avance merci

    Répondre à ce message

    • Squelette Sandwater 13 juin 2008 15:50, par klelugi

      Il s’agit du plugin : Spip-liste qui ne fait pas parti de la configuration du squelette Sandwater de base, mais qu’il est toutefois très simple de mettre en oeuvre.

      La démarche est expliquée en détail sur le site éditeur de ce plugin très complet.

      Répondre à ce message

      • Squelette Sandwater 13 juin 2008 16:01, par R59

        Bien compris, j’avais une grosse présomption sur la chose. Merci beaucoup.

        Répondre à ce message

      • Squelette Sandwater 13 juin 2008 17:20, par R59

        Cela fonctionne-t-il avec un autre plugin de liste de diffusion comme CleverMail pour SPIP ?

        Répondre à ce message

      • Squelette Sandwater 4 juillet 2008 14:57, par Laure

        Hello !!!

        Je viens d’installer SPip List sur Sandwater, le probleme, c’est que le bloq est beaucoup plus grand que l’espace qui lui est attribué ! Conclusion, selon les écrans, soit je doit faire défiler ma page à l’horizontale, soit ca renvoit tout en bas, mais dans tout les cas ma mise en page part dans tout les sens ! (cf : http://grains.de.sel.free.fr )

        J’ai testé dans plusieurs page du squelette et du pluggins de modifier la largeur du bloc, mais ça n’y fait rien ! Quelqu’un d’autre a t-il eu ce problème ? Quelqu’un a-t-il une solution ?

        Merci d’avance !

        Laure

        Répondre à ce message

      • Squelette Sandwater 4 juillet 2008 14:58, par Laure

        Hello !!!

        Je viens d’installer SPip List sur Sandwater, le probleme, c’est que le bloq est beaucoup plus grand que l’espace qui lui est attribué ! Conclusion, selon les écrans, soit je doit faire défiler ma page à l’horizontale, soit ca renvoit tout en bas, mais dans tout les cas ma mise en page part dans tout les sens ! (cf : http://grains.de.sel.free.fr )

        J’ai testé dans plusieurs page du squelette et du pluggins de modifier la largeur du bloc, mais ça n’y fait rien ! Quelqu’un d’autre a t-il eu ce problème ? Quelqu’un a-t-il une solution ?

        Merci d’avance !

        Laure

        Répondre à ce message

        • Squelette Sandwater 4 juillet 2008 15:18, par klelugi

          Salut,

          Le probleme vient du fait que tu ajoutes une div avec la classe "cadre" que tu as d’ailleurs définie dans la page html elle-même, cette class à une largeur de div fixée à 500px d’ou ton problème.

          Il n’est pas nécessaire de faire une div class="cadre" pour obtenir des coins arrondis, il te suffit de rajouter une ligne dans le fichier :

          /squelettes/js/ready.js

          en l’occurence ici :

          $(’.cadre’).corner() ;

          devrait convenir si tu supprimes le style dans le corps de page :

          .cadre {
                          /*border: 1px #000000 solid;*/
                          background-color:#FFFFFF;
                          text-align: justify;
                          width:500px;
                          padding: 10px;
                          margin-left: auto;
                          margin-right: auto;
                          margin-bottom: 10px;
                          -moz-border-radius: 6px;
                          border-radius: 6px;
                  }

          Répondre à ce message

    Retour au début des forums

  • Squelette Sandwater

    18 juin 2008 10:46, par gérard

    Bonjour,

    Premièrement BRAVO ! Secundo : une petite question. je suis en train de l’installer dans une école primaire. Les élèves m’ont fait part de leurs remarques après utilisation. Il mentionne que lorsqu’ils insèrent une image dans le châpo de l’article elle apparait bien lorsque l’on clique sur l’article en question. Par contre, elle n’est pas présente lorsqu’on met cet article à la UNE ou même dans la page d’accueil. Seul le chapô apparaît mais sans l’image. Y-a-t-il une solution pour faire apparaître l’image avec le châpo tout le temps, même lorsqu’il est visible dans les parties "liste des derniers articles parus’ ou "autres artiles récents", etc.... merci gérard

    Répondre à ce message

    Retour au début des forums

  • Squelette Sandwater

    9 juin 2008 11:43, par ppbal

    Bonjour, je suis novice sur spip et ses squelettes. J’ai installé le squelette Sandwater car je cherchais quelque choses de simple à utiliser. Mon problème est que les images de fond ne s’affichent pas et lorsque j’ajoute une image à un article, elle ne s’affiche pas non plus. Je précise également que j’ai installé tout ça de deux fois, sur un site distant et en local (pour effectuer des essais) avec easy php 1.8 (tous droits autorisés sur les répertoires).

    Merci d’avance pour vos résponses.

    Répondre à ce message

    Retour au début des forums

  • Squelette Sandwater

    8 juin 2008 10:14, par TicTicTic

    Bonjour et encore bravo pour ce jeu de squelettes très complet et plutôt jolis ;-)

    Je me suis collé à la personnalisation et au relooking de la charte graphique et j’ai un petit souci pour comprendre comment sont gérés les coins arrondis des boîtes de texte. Je pensais qu’il s’agissait d’une image, mais je ne vois rien dans la CSS qui y fasse allusion ni dans les fichiers livrés pour ces squelettes. Serait-ce des attributs particuliers aux CSS ? Précisons que je ne suis pas un grand connaisseur de la question, alors je ne demande qu’à apprendre !

    Est-ce que vous pourriez me renseigner ?

    Merci de votre aide.

    Répondre à ce message

    • Squelette Sandwater 8 juin 2008 15:14

      Les coins arrondis sont gérés par javascript et non par css. Pour intervenir sur les angles arrondis il faut donc modifier le fichier : ready.js qui selectionne les id des conteneurs sur lesquels il faut appliquer les coins arrondis.

      Si tu veux modifier les angles il faut donc modifier les propriétés de la fonction :

      corner()

      Répondre à ce message

      • Squelette Sandwater 9 juin 2008 11:04, par TicTicTic

        Ah, c’est donc ça ! Je vais aller mettre le nez dans ready.js et corners.js qui gère la couleur des coins si je ne m’abuse... Le souci, c’est que je suis un cave en javascript... Mais bon, je pense que c’est faisable.

        En tout cas, mille merci pour ta réponse rapidissima ;-)

        Répondre à ce message

    Retour au début des forums

  • Ou est le message ?

    25 janvier 2008 20:31, par Maxfield

    J’ai installé cet excellent squelette mais je n’arrive pas à changer le formulaire d’inscription qui invite à proposer des squelettes ... ce qui n’est pas l’objet de mon site . J’ai ouvert tous, mais tous les fichiers sans trouver la phrase que je voudrais supprimer. Il semble que le fichier inscription et le java qui l’anime appelle un message... mais ou est ce message. Une idée ? Merci

    Répondre à ce message

    • Ou est le message ? 29 janvier 2008 16:57, par klelugi

      Salut,

      Je pense qu’il s’agit d’une phrase que tu pourras trouver dans les fichiers de langue situés dans le répertoire "squelettes" >> "lang" >> local_fr.php

      Bon courage

      Répondre à ce message

      • Et les favoris ? 30 janvier 2008 17:05, par Maxfield

        Merci du conseil. J’ai trouvé mais il me reste un autre mystère à éclaircir sur ce sympathique squelette. Le bloc "Ajouter aux favoris" ne devrait il pas être un lien dynamique qui permettrait une action ? Comment faire pour le mettre en oeuvre ? Merci encore.

        Répondre à ce message

        • Et les favoris ? 30 janvier 2008 17:24, par klelugi

          Je pense que si tu veux un lien dynamique pour les favoris tu peux remplacer la fonction : favoris, qui se trouve dans le head de la page par ceci par exemple (pour le squelette rubrique) :

          function favoris() {
          if ( navigator.appName != 'Microsoft Internet Explorer' )
          { window.sidebar.addPanel("[(#TITRE|supprimer_numero|textebrut)] [(#NOM_SITE_SPIP|textebrut)]","#URL_SITE_SPIP/#URL_RUBRIQUE",""); }
          else { window.external.AddFavorite("#URL_SITE_SPIP/#URL_RUBRIQUE","[(#TITRE|supprimer_numero|textebrut)] [(#NOM_SITE_SPIP|textebrut)]"); } }

          Répondre à ce message

          • Et les favoris ? 30 janvier 2008 18:33, par Maxfield

            Je viens d’essayer de remplacer cette partie du code dans rubrique html mais ça ne change rien. Qu’est ce ’ajouter aux favoris" est censé faire ? Quelque chose m’échappe...

            Répondre à ce message

            • Et les favoris ? 30 janvier 2008 19:14, par klelugi

              Cela permet à tes visiteurs de marquer cette page en favoris. Mais attention, cette fonctionnalité ne fonctionnera que si tu as javascript activé (Je n’ai malheureusement pas pris le temps de coder cela de façon non-obstrusif, peut-être une évolution future à prévoir...).

              Répondre à ce message

              • Et les favoris ? 30 janvier 2008 20:25, par Maxfield

                Peut être que ça ne marche qu’avec IE or je suis sur Mac et le modèle trop ancien de ce navigateur n’est pas vraiment utilisable. J’ai essayé de changer le nom (navigator.appName != ’firefox’ ) par exemple .. mais rien ne se passe à http://www.maxfilm.org/ . Pas grave. Je pensais que c’était un menu déroulant ou autre chose que je serais bien incapable de coder moi même. Merci encore pour cet excellent squelette.

                Répondre à ce message

    Retour au début des forums

  • Squelette Sandwater

    30 décembre 2007 16:16, par nico

    Un squelette excellent, mais il est dommage que la syndication RSS ne soit pas proposée par défaut. Une évolution à prévoir ?

    Répondre à ce message

    Retour au début des forums



Suivre la vie du site RSS 2.0 | Plan du site | Espace privé | Charte et vie SPIP-Contrib | SPIP | L'autre.net