Impressum
Scrollable Thumbs Menu

Présentation du Menu Images Sleek Sliding Boxes pour SPIP

jeudi 9 février 2012
par  François Daniel Giezendanner
popularité : 1%

 Présentation

Nous avons adapté pour SPIP le Plugin « Sleek Sliding Box Effect With jQuery » de 1STWD Editorial qui nous montre comment créer ce plugin.

1STWD Editorial nous montre comment créer un menu en forme de tableau d’images avec des effets de glissement d’images construites avec jQuery et CSS. Tout au long de son tutoriel, il nous explique chaque ligne de code utilisée de manière détaillée.


 Mot-clé impliqué pour l’activation dans SPIP

Les Menus Images peuvent être affichés dans le sommaire, dans les rubriques et dans les articles et cela en 3 positions dites « _AuDessus », « _Dessus » et « _Dessous » au choix :

No Mot-clé Condition
1 danssommaire_AuDessus Son existence fait apparaître les Menus Images sélectionnés dans le sommaire, au dessus des colonnes gauche et droite et au dessous du titre du site
2 danssommaire_Dessus Son existence fait apparaître les Menus Images sélectionnés dans le sommaire, entre les colonnes gauche et droite et au dessus de l’Editorial
3 danssommaire_Dessous Son existence fait apparaître les Menus Images sélectionnés dans le sommaire, entre les colonnes gauche et droite et au dessous de l’Editorial
4 dansarticlerubrique_AuDessus Son existence fait apparaître les Menus Images sélectionnés dans les articles et/ou les rubriques sélectionnés, au dessus des colonnes gauche et droite et au dessous du titre du site
5 dansarticlerubrique_Dessus Son existence fait apparaître les Menus Images sélectionnés dans les articles et/ou les rubriques sélectionnés, entre les colonnes gauche et droite et au dessus des articles et/ou des rubriques sélectionnés
6 dansarticlerubrique_Dessous Son existence fait apparaître les Menus Images sélectionnés dans les articles et/ou les rubriques sélectionnés, entre les colonnes gauche et droite et au dessous des articles et/ou des rubriques sélectionnés

Mot-clé utilisé pour afficher le Menu Image dans le sommaire, les articles et/ou les rubriques

No Mot-clé Condition
1 danssommaire_SleekSlidingBox Existence du mot-clé
1 dansarticlerubrique_SleekSlidingBox Attribution aux articles et/ou aux rubriques choisis

Pour des information complémentaires concernant ces mots-clés :


 Intégration à SPIP

Fichiers pas disponibles pour les rédacteurs et administrateurs :

Le fichier js est placé dans le dossier /plugins/sleek-sliding-box-sem/

Fichiers disponibles et modifiables pour les rédacteurs et administrateurs :

Les images sont placées dans le dossier /IMG/jpg/ et les CSS dans le dosier /IMG/css/.

| Dans un article | Dans une rubrique | Dans le sommaire |

Le Fichier « sleek-sliding-boxes-sem.html » est placé dans IMG/html/. On y trouve également le fichier « sleek-sliding-boxes-adapt-tout-local.html » qui permet de jouer le plugin hors SPIP.


 Code


 Téléchargement

Zip - 295.8 ko

 Reste à faire : Adaptation en plugin pour SPIP

Un développeur est le bienvenu pour finaliser cette intégration à SPIP sous la forme d’un plugin, offrant ainsi un modèle à utiliser en toute généralité dans le champ texte des articles et des rubriques.


 Source


Publications

Derniers articles publiés

Navigation

Articles de la rubrique

Agenda

<<

2018

 

<<

Juin

 

Aujourd'hui

LuMaMeJeVeSaDi
28293031123
45678910
11121314151617
18192021222324
2526272829301
Aucun évènement à venir les 6 prochains mois

Météo

Ville(SZXX0013)

Conditions météo à 0h0
par weather.com®

Inconnu

°C


Inconnu
  • Vent :  km/h - N/D
  • Pression :  mbar tendance symbole
Prévisions >>


Annonces

Embed Twitter « responsive tools »

Pour le faire sur votre site


Embed Twitter « RWD »

Pour le faire sur votre site


Embed Twitter dans SPIP

Pour le faire sur votre site