Bandeau

Site de démonstration du jeu de squelettes ESCAL fonctionnant sous SPIP3 et mis à la disposition des Etablissements SColaires de l’Académie de Lyon... et de qui veut.

Des modèles
Article mis en ligne le 5 décembre 2015
dernière modification le 1er octobre 2022

par Jean Christophe Villeneuve

choix_article

Voici un petit modèle livré avec la version 4.0.13 qui permet d’inclure des articles dans un autre article.
Et si vous utilisez le plugin Insérer modeles, vous pourrez l’insérer en 1 clic (ou presque).

Pour un seul article, on utilisera le raccourci
<choix_articleXX>
où XX est le le numéro de l’article.

Pour plusieurs articles, le raccourci sera
<choix_article|id=XX,YY,ZZ>

On peut choisir le nombre de colonnes pour afficher ces articles avec le paramètre colonne. Par défaut une seule colonne mais on peut en avoir 2 ou 3 (c’est le maximum).

Si le nombre d’articles n’est pas un multiple du nombre de colonnes, le ou les derniers articles adapteront leur largeur.

Le raccourci à utiliser sera du genre
<choix_article|id=233,173,252,209|colonne=3>

On peut aussi choisir la largeur du logo des articles avec le paramètre logo. Par défaut, la largeur est de 80px.

On peut aussi choisir le fond avec le paramètre background. On peut utiliser

  • soit une couleur (nom, code hexa ou code rgb)
  • soit un dégradé (exemple : linear-gradient(#DAE6F6, #336699) )
  • soit une image (exemple : url("squelettes/images/bandeau-escal.jpg") no-repeat).

Le raccourci pourra alors être

<choix_article|id=233,173,36,299|colonne=3|logo=50|background=red>

ou

<choix_article|id=233,173,36,299|colonne=2|logo=60|background=#336699>

ou encore

<choix_article|id=233,173,36,299|colonne=3|logo=40|background=url("squelettes/images/mon_image.png") no-repeat>

si votre image mon_image.png se trouve dans /squelettes/images

Cet exemple

<choix_article|id=233,173,36,299|colonne=3|logo=50|background=linear-gradient(#DAE6F6, #336699)>

donnera

Voilà, à vous de jouer !

nuage de mots-clés

Depuis la version 4.5.31 d’Escal, on peut insérer un nuage de mots-clés où on le souhaite avec un raccourci de ce type :

<tag|groupe1=XX|groupe2=YY|groupe3=ZZ|nombre=NN>

où XX, YY et ZZ sont les noms des groupes de mots-clés (il en faut au moins 1) et où NN est le nombre maximum de mots-clés à afficher (par defaut 40).

Par exemple,

<tag|groupe1=Themes>

affichera tous les mots-clés du groupe "Themes"

Les couleurs et l’aspect sont aussi paramétrables en mettant ce code dans le fichier /squelettes/styles/perso.css (à créer si pas existant) et en modifiant à votre guise :

/*************************************************/
/*           styles pour le nuage de mots             */
/*************************************************/
/***** le fond *****/
#tag_cloud {
	border: 1px solid #178FCB;
	border-radius: 10px;
	line-height: 1.5;
	text-align: center;
	margin: 10px -5px;
	padding: 10px 0;
	background-color: #DAE6F6;
}
/***** definition des couleurs *****/
.tag_color_1 {
	color: #0066ff !important;
}
.tag_color_2 {
	color: #642725 !important;
}
.tag_color_3 {
	color: #4E6D68 !important;
}
.tag_color_4 {
	color: #B79E47 !important;
}
.tag_color_5 {
	color: #D3491B !important;
}
qrcode:https://escal.edu.ac-lyon.fr/spip/spip.php?article251

Plan du site Contact Mentions légales Données personnelles et cookies Espace privé squelette RSS

2009-2024 © Escal - Tous droits réservés
Haut de page
Réalisé sous SPIP
Habillage ESCAL 4.6.2