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.

Utilisé à ce jour dans 526 sites
logo article ou rubrique
Remplacer une image d’Escal
Article mis en ligne le 20 novembre 2017
dernière modification le 11 mars 2019

par Jean Christophe Villeneuve

Après avoir peaufiné la charte graphique de son site, on peut avoir besoin de remplacer des images pour les accorder à cette charte graphique.

Pour remplacer une image, il faut d’abord connaître son nom. Pour cela :

  • on fait un clic droit sur celle-ci et on choisit "Afficher l’image"
  • dans la barre d’adresse du navigateur on repère le nom de l’image
    (exemple : forum_bouton_proposerUnSujet.svg ou bien accueil2.png)


Si l’image se trouve en cache, on obtient un nom bizarre comme accueil2-ee6ee.png ?1510409370
On peut alors retrouver son nom en allant voir dans /plugins/auto/escal/images où se trouvent toutes les images d’Escal.

Ensuite, tout dépend du format de l’image :

 Pour les images png, jpg ou gif

  • on nomme l’image de remplacement avec le même nom que l’image d’origine (bien respecter la casse et l’extension doit être la même)
  • on copie ensuite cette image dans /squelettes/images (et surtout pas dans /plugins/auto/escal/images !!)

et hop, votre image remplacera celle d’Escal !

 Pour les images svg

On peut faire la même chose mais on peut aussi tout simplement changer la couleur des images d’Escal pour les adapter à sa charte graphique. Ysabeau nous a fait un super tuto pour ça :
https://dutailly.net/changer-la-couleur-des-icones-escal-avec-inkscape

On peut aussi facilement changer la taille des icônes avec une simple règle css. Par exemple, pour changer la taille des icônes du pied de page

  1. img.icone-pied {
  2.         height: 20px;
  3. }

Télécharger

qrcode:http://escal.ac-lyon.fr/spip/spip.php?article334

Plan du site Contact Mentions légales Espace rédacteurs squelette RSS

2009-2019 © Escal V4 - Tous droits réservés
Haut de page
Réalisé sous SPIP
Habillage ESCAL 4.2.97