boucle et css, css et boucle

Général
1
Bonjour

j’essaie de définir le background-image à partir d’une boucle, de telle manière que chaque rubrique ait sa propre image de fond, qu’un rédacteur peut changer à volonté.
est ce que cela est possible ?

j’ai essayé dans la css
#bando
<BOUCLE_RUB_BGD (RUBRIQUES) {id_rubrique}>
background: [(#LOGO_RUBRIQUE)] no-repeat;
</BOUCLE_RUB_BGD>
mais cela ne marche pas.

quelqu’un aurait une piste ?

raf

Do You Yahoo!?
En finir avec le spam? Yahoo! Mail vous offre la meilleure protection possible contre les messages non sollicités
http://mail.yahoo.fr Yahoo! Mail

2

Bonjour,

Peux-tu nous donner le code qui a été généré par ta boucle stp?

Mais je me doute de la réponse.
Il faut que tu fasses quelque chose de ce genre:

#bando
<BOUCLE_RUB_BGD (RUBRIQUES) {id_rubrique}> {
background: [url((#LOGO_RUBRIQUE|extraire_attribut{src}))] no-repeat;
}</BOUCLE_RUB_BGD>

Le 30 avr. 08 à 07:26, Raf Raf a écrit :

Bonjour

j’essaie de définir le background-image à partir d’une boucle, de telle manière que chaque rubrique ait sa propre image de fond, qu’un rédacteur peut changer à volonté.
est ce que cela est possible ?

j’ai essayé dans la css
#bando
<BOUCLE_RUB_BGD (RUBRIQUES) {id_rubrique}>
background: [(#LOGO_RUBRIQUE)] no-repeat;
</BOUCLE_RUB_BGD>
mais cela ne marche pas.

quelqu’un aurait une piste ?

raf

Do You Yahoo!?
En finir avec le spam? Yahoo! Mail vous offre la meilleure protection possible contre les messages non sollicités
http://mail.yahoo.fr Yahoo! Mail

liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net
Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.spip.net/
irc://irc.freenode.net/spip
FAQ : http://www.spip.net/fr_article1054.html

3

Bonjour,

Raf Raf a écrit :
> Bonjour
>
> j'essaie de définir le background-image à partir d'une boucle, de telle
> manière que chaque rubrique ait sa propre image de fond, qu'un rédacteur
> peut changer à volonté.
> est ce que cela est possible ?
>
> j'ai essayé dans la css
> #bando
> <BOUCLE_RUB_BGD (RUBRIQUES) {id_rubrique}>
> background: [(#LOGO_RUBRIQUE)] no-repeat;
> </BOUCLE_RUB_BGD>
> mais cela ne marche pas.

Avez-vous regardé le code produit ?

piste:
<div class="contientlogo" style="background-image: url([(#LOGO_ARTICLE||image_reduire{172,0}|extraire_attribut{src})]); height: [(#LOGO_ARTICLE||image_reduire{172,0}|extraire_attribut{height})]px; position: relative;">

A adapter pour récupérer width et alt (exemples récents dans la liste)

--
Cordialement,

   Frédéric Moinard

4

Raf Raf wrote:

j'ai essayé dans la css
#bando
<BOUCLE_RUB_BGD (RUBRIQUES) {id_rubrique}>
background: [(#LOGO_RUBRIQUE)] no-repeat;
</BOUCLE_RUB_BGD>
mais cela ne marche pas.

#bando {
<BOUCLE_rub_bkgd(RUBRIQUES) {id_rubrique}>
   background-image:url([(#CHEMIN{IMG/rubon#ID_RUBRIQUE})]);
</BOUCLE_rub_bkgd>
   background-repeat:no-repeat;
}

on joue sur le fait que les logos de rubrique, et d'article, et d'auteur... n'ont pas leur chemin d'accès archivé en base de données,
mais que ce chemin d'accès est fixé en dur : IMG/rubonxx.jpg (où xx représente l'id de la rubrique).

5

denisb wrote:

   background-image:url([(#CHEMIN{IMG/rubon#ID_RUBRIQUE})]);

plus simple et, surtout, plus juste aussi ...

<BOUCLE_
   background-image:url(#URL_SITE_SPIP/IMG/[(#LOGO_RUBRIQUE|fichier)]);
</BOUCLE_
   background-image:url(image_par_defaut.jpg);
<//BOUCLE_

6

denisb wrote:

plus simple et, surtout, plus juste aussi ...

pffff...
les yeux, les trous, tout ça...

<BOUCLE_
   [background-image:url(#URL_SITE_SPIP/IMG/(#LOGO_RUBRIQUE|fichier));]
</BOUCLE_

est finalement suffisant.