#LOGO_ARTICLE_RUBRIQUE et class

davduf

Novembre 2017

Bonjour à tous

J’ai besoin de faire apparaitre un logo comm suit

<img src="adresse_logo.jpg" alt="" class="module of_6 backcover">

J’ai fait, en vain :

<img src=" [(#LOGO_ARTICLE_RUBRIQUE{#URL_ARTICLE})]" alt="" class="module of_6 backcover">

Je sais, c’est basique mais je m’arrache les cheveux :-)

Merci ! merci !

Boucles CSS Résolu

Par note Par date Par date chronologique

Indiquez l’intérêt que vous portez à cette réponse

0

Philivert

Novembre 2017

Bonjour,
[(#LOGO_ARTICLE_RUBRIQUE#URL_ARTICLE)] ne peut pas être inclus comme tu le fais puisqu’il définit déjà un img.

Il faut que tu fasses quelque chose comme :
<div class="module of_6 backcover">[(#LOGO_ARTICLE_RUBRIQUE{#URL_ARTICLE})] </div>
Indiquez l’intérêt que vous portez à cette réponse

0

Philivert

Novembre 2017

par contre #URL_ARTICLE ne renvoie pas le n° de la rubrique et [(#LOGO_ARTICLE_RUBRIQUE)] devrait se suffire si tu es dans le bon contexte.
Indiquez l’intérêt que vous portez à cette réponse

0

Pierrox

Novembre 2017

tu peux utiliser également le filtre extraire_attribut
<img src="[(#LOGO_ARTICLE_RUBRIQUE|extraire_attribut{src})]" class="mes classes" />
ou
[(#LOGO_ARTICLE_RUBRIQUE|inserer_attribut{class,mes_classes})]
Aprés c’est une question de préférence.
Perso je priviligie la lecture su code html (1er exemple)
Indiquez l’intérêt que vous portez à cette réponse

0

davduf

Novembre 2017

Oh, merci de votre réactivité !

Hélas :
<B_articles> <BOUCLE_articles(ARTICLES) {!par date} {id_rubrique != 36} {id_rubrique != 37} {id_mot=104} {0,1}> <article class="double event type2 group"> <div class="module of_6"> <div class="valign"> <B_nav> <BOUCLE_nav(RUBRIQUES) {id_rubrique} {par num titre, titre}> #TITRE </BOUCLE_nav> </B_nav> <h2 class="tit1">#TITRE</h2> <a href="#URL_ARTICLE" class="boton" rel="bookmark">En route !</a> </div> </div> <img src="[(#LOGO_ARTICLE_RUBRIQUE|extraire_attribut{src})]" class="module of_6 backcover" /> </article> </BOUCLE_articles> </B_articles>
Renvoie à une icone d’image cassée, donc introuvable...

Merci d’avance !
Indiquez l’intérêt que vous portez à cette réponse

0
Pierrox

Novembre 2017
hum ça devrait fonctionner,
```
#LOGO_ARTICLE_RUBRIQUE
```
est censé récupérer :

– le logo de l’article
– sinon le logo de la rubrique parente ou le premier logo rubrique trouvé en remontant l’arborescence.

est ce que tu peux tester dans ton code :

(pas dans un tag img)
```
[(#LOGO_ARTICLE_RUBRIQUE|image_reduire{200,200})]
```
voir si une image est bien affichée ?

Vérifier que GD2 est bien activé dans la configuration du site.
Indiquez l’intérêt que vous portez à cette réponse

0

davduf

Novembre 2017

Oh merci ! Le GD2 n’était pas configuré !
Tout marche !
<img src="[(#LOGO_ARTICLE_RUBRIQUE|image_nb{330,330,330}|extraire_attribut{src})]" class="module of_6 backcover" />
ça vous semble ok pour le traitement noir et blanc ou c’est vieux jeu comme boucle ? :-)
Indiquez l’intérêt que vous portez à cette réponse

0

Pierrox

Novembre 2017

Perso le filtre spip me va très bien ; bien qu’en css3 :
img.grayscale{ filter: grayscale(100%); }
ça marche aussi
Indiquez l’intérêt que vous portez à cette réponse

0

davduf

Novembre 2017

Bonjour Pierrox !
Quelle différence entre appeler le filtre CSS et le filtre SPIP ?

Merci encore !
Indiquez l’intérêt que vous portez à cette réponse

0

Pierrox

Novembre 2017

le filtre spip :
-> traitement appliqué par le serveur, la source de l’image dans le code html est une vrai image noir et blanc.

le filtre css :
-> Traitement appliqué par le navigateur, la source de l’image dans le code html est une image couleur.

A noter que dans le cadre d’un traitement css, il est probable que certains navigateurs ne soient pas compatibles...
Indiquez l’intérêt que vous portez à cette réponse

0

davduf

Novembre 2017

Oh merci merci !
Je vais donc garder le filtre SPIP
Indiquez l’intérêt que vous portez à cette réponse

0

davduf

Novembre 2017

Petite précision...

J’ai donc :
<img src="[(#LOGO_ARTICLE_RUBRIQUE|image_nb{330,330,330}|extraire_attribut{src})]" class="module of_6 backcover" />
Mais je n’arrive pas à intégrer #LOGO_ARTICLE_SURVOL

Comment faire pour qu’au survol, le logo ne soit plus passé en noir et blanc ?

Merci !