Impressum

Web Development Tutorial

An image that says Install X A M P P for wordpress.If you're into developing web apps, you should check out the tutorial called "Using XAMPP for Local WordPress Theme Development" which shows you how to set up a local testing server for developing PHP/Perl based applications locally on your computer. The example also shows you how to set up WordPress locally!

Grunge Brushes, Anyone?

A thumbnail image that says S R grunge photoshop brushes 6 high resolution grunge brushes by six revisions.In this layout, I used SR Grunge, which is a free set of high-resolution Photoshop brushes you can download here on Six Revisions.

How About Some Awesome Grunge Textures?

A thumbnail image that says grunge extreme 15 free high resolution grunge textures six revisions.The texture used in this web page is from the Grunge Extreme Textures freebie set by JC Parmley released here on Six Revisions.

You can head over to the Grunge Extreme page to download the texture set or check out Six Revisions' freebie section for even more goodies!

'Tis the End, My Friend.

Thumbnail image that says sleek button using photoshop that links to a Photoshop tutoril.This is the last slide. Hit the left arrow control to go back to the other slides.

Alternatively, you may want to check out the tutorial on how to create a simple and cool button in Photoshop called "How to Create a Slick and Clean Button in Photoshop" which was inspired by the Campaign Monitor web interface.

Présentation du Menu Images Slick and Accessible Slideshow Gauche-Droite pour SPIP

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

 Présentation

Nous avons adapté pour SPIP le Plugin « Slick and Accessible Slideshow Using jQuery » de Jacob Gube qui nous montre comment crééer ce plugin.

Dans son tutoriel de développement web, Jacob Gube nous montre comment créer un Menu Images + texte que l’on fait défiler « de gauche à droite et vice-versa ». On y apprend à créer un widget diaporama utilisable et accessible par le Web pour son site en utilisant HTML, CSS et JavaScript (jQuery). Dans le processus, von voit le concept de l’amélioration progressive en action.


 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_SlickSlideshowGaucheDroite Existence du mot-clé
1 dansarticlerubrique_SlickSlideshowGaucheDroite 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/slick-and-accessible-slideshow-sem/ et les images dans le dossier /plugins/slick-and-accessible-slideshow-sem/img/.

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

Les images sont placées dans le dossier /IMG/jpg/.

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

Le Fichier « slick-slideshow-gauche-droite-sem.html » est placé dans IMG/html/. On y trouve également le fichier « slick-slideshow-gauche-droite-sem-local-JsInclus.html » qui permet de jouer le plugin hors SPIP.


 Code


 Téléchargement

Zip - 150.3 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


Commentaires  (fermé)

Logo de François Daniel Giezendanner
mercredi 29 août 2012 à 09h57, par  François Daniel Giezendanner

Bonjour,

Le squelette SARKA téléchargeable à la page :

est complètement « équipé » pour exprimer les menus images présentés dans la rubrique :

D’autre part le présent article contient les liens conduisant aux explications complémentaires.

Bonne continuation.

FDG

vendredi 17 août 2012 à 15h16

Bonjour,

J’aimerais intégrer ce slider dans un édito. Concrètement, comment puis-je l’intégrer comme vous l’avez fait en haut de cette page ce slider. Quel(s) fichier(s) faut-il apporter des modifications et quoi surtout ?

Merci pour m’éclairer un peu plus.

cdlt

stud

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