Forum du site

Accueil

rédacteur vert !
Irna le 7 novembre 2021 à 23:22	Rappel du sujet : Bonsoir, je suis en train d’installer sur un site de test la dernière version d’Escal avec Spip 4. J’ai réussi à configurer à peu près comme je voulais, je bloque juste sur un tout petit truc : je voudrais installer le bloc latéral "annuaire", mais l’image "rédacteurs" reste désespérément verte, ce qui choque un peu avec les tonalités orange du site. 1) J’ai bien modifié l’image redacteur.svg que j’ai installée dans squelettes/images ; elle apparaît bien en noir chez moi, ou quand je la récupère par ftp, mais reste en vert sur la page d’accueil. 2) J’ai bien entendu vidé (plusieurs fois) le cache et le cache image, j’ai même supprimé tout le cache par ftp. 3) J’ai vérifié dans config.css.html que le chemin indiqué dans .legende_redacteur était le bon : `(#CHEMIN{images/redacteur.svg})`, que la boucle était correcte dans inc-liste_auteurs : `<BOUCLE_legende_auteur(AUTEURS){statut=1comite}{tous}> </BOUCLE_legende_auteur> [<li class="legende_redacteur"> (#TOTAL_BOUCLE) <:info_redacteurs:></li>] </B_legende_auteur>` Du coup, je donne ma langue au chat... La page d’accueil du site de test est là : https://irna.fr/test/ Si vous avez une idée... Irna PS : Bravo pour cette nouvelle version d’Escal, je la trouve vraiment bien !
Jean Christophe Villeneuve le 8 novembre 2021 à 09:12	rédacteur vert ! Hello Merci pour les fleurs, je prends 😎 Sans doute un problème de cache de ton navigateur. De mon côté je vois ça :
Irna le 8 novembre 2021 à 13:19	rédacteur vert ! Ah, ça doit être ça, merci ! Ce qui m’a trompée c’est que j’avais le même phénomène sur l’ordi et sur le téléphone (je vois d’ailleurs toujours l’icône verte !). Pourquoi celle-là, alors que les autres modifications sont bien visibles ? Mystère :) Pendant que j’y suis, j’ai une petite question (mais elle n’est peut-être pas à sa place dans cette rubrique) : je voulais essayer de mettre soit un cadre soit un ombrage autour des images dans les articles, pour mieux les distinguer du texte de l’article (j’ai pas mal de captures d’écran de discussions dans certains articles, et il n’est pas toujours évident de bien distinguer où s’arrête mon texte et où commence la capture), mais je ne sais pas trop comment faire. Le plugin mediabox présent dans spip 4 n’a pas l’air de fonctionner avec Escal ? Y a-t-il un moyen simple de rajouter cadre ou ombre sur toutes les images ? Merci (et pour les fleurs, elles sont méritées, tu fais un super boulot !) Irna
Jean Christophe Villeneuve le 8 novembre 2021 à 14:42	rédacteur vert ! Tu as un exemple d’article avec une de ces captures ? Ah oui, en effet, il y a un souci avec la mediabox et spip4. Je vais regarder ça.
Irna le 8 novembre 2021 à 16:04	Images Je précise que ça ne me pose problème que sur PC, sur téléphone les images sont plus clairement distinctes du texte. Sur cette page par exemple : https://irna.fr/test/Mais-ou-est-Dominique.html les images sont très larges, avec souvent un fond blanc comme le fond du site, et ne sont pas assez distinctes du texte. J’ai essayé de limiter la largeur maximale des images dans les articles à 650 px au lieu de 850, c’est un peu mieux, mais je préfèrerais marquer un peu plus la distinction entre texte et image quand l’image a un fond blanc. Autres exemples : https://irna.fr/test/Ou-l-on-decouvre-que-l-habit-ne-fait-pas-le-moine-ni-le-chapeau-l-Aventurier.html ou https://irna.fr/test/Ou-l-on-decouvre-troisieme-partie.html Sur téléphone les images sont plus petites et je trouve que c’est plus clair (par contre j’ai un problème avec l’encart "sommaire" quand il y en a un, il ne s’adapte pas à la largeur de l’écran de téléphone...) Merci pour ton aide ! Irna
Jean Christophe Villeneuve le 8 novembre 2021 à 17:00	Images Pour le sommaire, tu as raison, je vais faire un correctif pour qu’il prenne toute la largeur sur les mobiles. Pour les images, il y a plusieurs façons de procéder mais dans tous les cas, il faut créer un fichier pour y mettre tes règles css personnelles. Pour ça, tu vas créer un dossier /squelettes à la racine de ton site, au même niveau que /config, /ecrire, ... dans /squelettes, créer un dossier /styles dans /squelettes/styles, créer un fichier perso.css C’est dans ce fichier qu’on va pouvoir jouer. Pour cibler les images des articles et seulement elles, on va écrire dans perso.css ce code : .texte-article img{ border: 2px solid #EC8B64; } Mais bon, un cadre, c’est pas très beau. On va lui préférer une ombre. on va donc plutôt écrire : .texte-article img{ box-shadow: 5px 10px 5px #EC8B64; } Mais si cette ombre peut être sympa sur les images de type texte, je trouve que ça surcharge inutilement les images de type photo. On peut donc ne cibler que certaines images. Pour ça, dans le texte de l’article, au lieu d’écrire <doc243\|center> on va écrire <span class="ombrage"><doc243\|center></span> et on mettra alors dans perso.css ce code : .ombrage img{ box-shadow: 5px 10px 5px #EC8B64; } Voilà à toi de jouer !
Irna le 8 novembre 2021 à 22:32	Images Super ! Merci beaucoup, je vais essayer ça !
Irna le 9 novembre 2021 à 21:51	Ombrage des images Bon, résultat des courses : le `<span class="ombrage">` fonctionne bien, mais j’ai voulu essayer de mettre un ombrage plus clair à toutes les images pour voir, c’est pas mal aussi ! Par contre il y a peut-être un problème de syntaxe, le texte que tu m’indiques `.texte-article img{ box-shadow: 5px 10px 5px #EC8B64; }` ne semble pas fonctionner ! Si je mets juste `img{ box-shadow: 5px 10px 5px #EC8B64; }` ça affecte bien sûr toutes les images, y compris celle du bandeau... En farfouillant dans la doc spip, j’ai trouvé cette piste : `.spip_documents img { box-shadow: 5px 8px 5px #DFDFDF; }` ça a l’air de fonctionner... Merci encore pour ton aide ! Irna
Jean Christophe Villeneuve le 9 novembre 2021 à 22:01	Ombrage des images Oui désolé, c’est #texte-article img{ box-shadow: 5px 10px 5px #EC8B64; } qu’il fallait mettre.
Irna le 9 novembre 2021 à 22:47	Ombrage des images Ah, j’aurais pu y penser :D

Edito