logo article ou rubrique
À propos de quelques plugins spip
habillage squelette "escal"

QUELQUES INFOS SUR DES PLUGINS

Cycle2

Diaporama paramétrable
http://contrib.spip.net/Cycle2
 
 


quelques explications non exhaustives

 
 

  • Pour faire un simple diapo avec toutes les images.
  • <articleXX|cycle>

- ou

  • <sjcycleXX|ALIGN>
  • Vous pouvez aussi paramétrer toutes vos photos en 400x400
  • définir les dimensions avec :
  • |hauteurmax=400|largeurmax=500
  • j’ai mis 500 pour avoir un peu d’espace autour des photos
  • Mettre des flèches à droite et à gauche des images pour
  • pouvoir faire défiler manuellement avec :
  • |next=.cycle-next|prev=.cycle-prev
  • Si vous voulez n’utiliser que les flèches pour faire défiler les photos
    vous stoppez le démarrage du diapo avec :
  • |paused=true
  • Si vous préférez des boutons cliquables au dessus de l’image avec :
  • |pager=.cycle-pager
  • Choisir les photos du diapos si il y en a plusieurs dans l’article avec :
  • |docs=703,704,705,706,707,708,709
  • choisir sa couleur de fond avec :
  • |backgroundcolor=#4CA66B
  • choisir l’effet de transition avec :|fx=votre choix
  • pour ce premier diaporama : |fx=tileBlind
  • plusieurs possibilités pour les effets :

fondu (fade)
fondu simultané (fadeout)
glissement horizontal (scrollHorz)
glissement vertical (scrollVert)
retournement horizontal (flipHorz)
retournement vertical (flipVert)
Remplacement- paquet de carte (shuffle)
glissement par bande en largeur (tileBlind)
glissement par bandes en longueur (tileSlide)
Carousel (carousel)
Aucun (none)

  • Choisir le temps d’exposition de l’image avec :
  • |timeout=1000
  • Le temps d’affichage pour chaque image se compte en millisecondes, 1000 étant -* très court, 4000 préconisé est plus pratique, faites vos essais.
  • Je n’ai pas mis le temps de transition entre chaque image qui peut se faire avec : |speed=1000>
    ni de temps d’attente avant le départ du diaporama qui se fait avec |delay=200>


-* Ce qui nous donne ce code pour le premier diaporama.
  • Pour le deuxième diaporama , on change les dimensions, l’image est plus petite, il n’y a plus les flèches
    on change aussi le fond d’écran et l’effet de transition, le temps d’exposition est plus court.
  • |overlay=.cycle-overlay ouvre un bandeau sous l’image où se mettront les titres des images :
  • Là ça se passe dans le portfolio, modifier, titre de l’image, vous pouvez la centrer :
  • <center>KIKIL'AMOUREUX</center>
    -* Mettez un titre à chaque image si vous le désirez
  • Ce qui nous donne pour le deuxième diaporama
  • Il faut que le survol de la souris soit activé pour afficher un texte

configurer le plugin avec :

  • Activez passage au survol
  • mettez un message
  • j’ai mis le message "IMAGES TUTOS CYCLE2 "
  • Dans votre diaporama où vous ne voulez pas de message.
  • le paramètre est |pauseonhover=false
  • L’option |tooltip_carac=oui vous affichera les caractéristiques que vous avez mis dans les paramètres de vos images ici :
  • le message mis dans la configuration du plugin apparaît au passage de la souris.
  • Vous pouvez changer le message dans votre code : avec :
  • pauseonhover=true|pauseonhovercontent=ratatouille vous salue
  • Votre message sera « ratatouille vous salue » qui remplace celui du paramètre plugin
  • Pour avoir un message ou un nom d’image ou un décompte en bas à droite avec :
  • |caption=.cycle-caption affichera le nombre de diapo ainsi que le numéro de l’image qui défile
  • |caption=.cycle-caption|captiontemplate=" DIAPO DE TUX"
  • Vous affichera la même légende « DIAPO DE TUX » sur toutes les images du diapo, probablement illisible sauf dans la partie qui est dans la marge en couleur, j’ai donc changé la hauteur par  :|hauteurmax=500
  • L’autre solution est de changer la couleur de la police dans les css.
  • |captiontemplate="Tous vos tux slideNum sur slideCount"
  • vous affichera « tous vos tux 1sur9, 2 sur 9 etc...juqu’audernier.
  •  
  • Maintenant une légende pour chaque image

captiontemplate=image slideNum : cycleTitle

  • vous affichera les titres que vous avez choisis dans les paramètres de l’image .
     
     
  • Mediabox : ouvre l’image d’origine suivant vos paramétrages de la mediabox (dans l’administration : Squelettes > Boîte multimédia. Peut être surchargé lors de l’inclusion avec :
  • |mediabox=oui
    .


.

DEUXIÈME DIAPORAMA
-* Ce qui nous donne ce code pour le deuxième diapo

.

.


ceci est un aperçu des possibilités, ce plugin est plein de paramètres


 
 

Le couteau suisse

Ce plugin réunit plusieurs fonctionnalités, petites mais pratiques, en un seul plugin :
Il suffira de cocher les outils voulus, ainsi que de confirmer tel ou tel paramètres.
 
https://contrib.spip.net/Le-Couteau-Suisse




 

Comment se passer du couteau suisse

  • On a constaté qu plusieurs lames du couteau, dans certaines circonstances, plantent votre site.
  • On a aussi constaté que des plugins faisaient le même boulot.
  • à savoir :
  • typo-enluminé
  • corbeille
  • onglets dans le texte
  • blocs dépliables
  • sommaire automatique

galleria

Diaporama paramétrable
https://contrib.spip.net/Galleria-guide-complet



 
]Une fois le plugin installé
parcourir/téléverser vos image
Effet normal, en cliquant à gauche ou à droite de l’image vous faites défiler vos images
- les différentes transition sont :
- fade|flash|pulse|slide|fadeslide|doorslide
- si vous mettez vos images dans le portfolio, alors :


- autres codes pour d’autres effets :
xx étant le numéro de l’article

- à vous de lire la doc pour plus de codes

saveauto

Sauvegarde automatique de la base de données de SPIP
https://contrib.spip.net/spip.php?page=recherche&recherche=saveauto



 
dans maintenance- sauvegarder la base , en bas de pase aprés la sauvegarde en sqlite, vous avez ceci :
 

adminer

Adminer permet de gérer des bases de données
 
https://contrib.spip.net/Editer-votre-base-en-ligne-avec-Adminer




 
- Plus besoin de passer par PhpMyadmin pour parcourir ou exporter votre BDD mysql

verifier_plugins





 

skeleditor




Permet d’éditer et de modifier vos fichiers squelettes
 

 

plugin onglet dans le texte

 

blocs dépliables


 

shoutbox

faites une rubrique pour chater, mettez lui le mot-clé invisible
faites un article (moi je l'ai appelé ( p'iti t'chat) et mettez lui le mot clé article_1
dans cette article vous mettez juste  <shoutbox| > et c'est tout
choisissez l'emplacement de la noisette article_1, dans configuration>escal-->
Choix des blocs latéraux..
Pour effacer des posts, si vous deviez le faire, je me suis servi du plugin adminer, ceci évite d'aller dans phpmyadmin, et dans la table shoutbox, vous choisissez les lignes à supprimer.
Si vous voulez un t'chat privé, servez vous d'accès_restreint ..

 
 

petit t’chat dans la colnne de gauche en page d’accueill

supersized

 
 

Mettez dans votre article  <supersized|{id_article=XX}>  (XX étant le numéro de l'article).
uploadez vos photos et placez les dans le portfolio. c'est tout
Pour éviter d'avoir l'image du  bandeau devant, je suis allé chercher le fichier slide.html dans le plugin supersized et je l'ai copié dans squelettes, puis j'ai commenté la ligne du LOGO:
comme ceci
<!--<li><a href="#URL_SITE_SPIP" >[(#LOGO_SITE_SPIP|sinon{#NOM_SITE_SPIP})]</a></li>-->
On doit pouvoir faire un copier coller d'une petite partie du fichier, cherchez laquelle !

 

un forum sur votre site

 

 

  • Pour commencer, ouvrez Éditions, mots-clés
  • Créez un groupe de mot-clé type_rubrique et à l’intérieur créez le mot clé forum
     
  • Ensuite, il faut créer une rubrique forum et mettre les mots-clés, invisible, pas à découvrir ,forum
  • Là vous avez plusieurs choix..
  • celui d’accès restreint pour que seul les gens que vous autorisez puisse y aller.
  • soit ouvert à tous
  • soit sur abonnement
  • soit .....
  • Dans la configuration de spip, à
  • Allez dans configuration forum et cochez
  • Enregistrement obligatoire (les utilisateurs doivent s’abonner en fournissant leur adresse email avant de pouvoir poster des contributions).
  • en cochant bien aussi "à tous les articles sans exception" qui apparait au changement d’option .
  • dans la rubrique forum, ouvrez des sous rubriques pour chaque thèmes
  • puis mettez autant d’articles que de problèmes à discuter par thème..
  • dans vos pages spip, vous verrez en haut à droite un logo "forum", cliquez pour ouvrir.

 

 

Nivo Slider

 

plugin cibloc


 
Mise en page par blocs, avec colonnes, icônes, boutons, liens..
https://contrib.spip.net/cibloc-mettre-en-forme-le-texte-d-articles-avec-des.

 



lagrenouille dort que d’une oreille
Haut de page
Réalisé sous SPIP
Habillage ESCAL 4.2.0