Bonjour,
J'essaie, sans succès, de placer une BOUCLE dans une règle CSS, pour obtenir
un background-image dynamique dans un div.
Ce code dans le html ne donne rien.
<div style="background-image: url(
<BOUCLE_image(ARTICLES){id_article=X}>#TEXTE</BOUCLE_image>)"></div>
Ceci ne m'étonne pas, mais existe-t-il une solution qui fonctionne?
Merci
Antoine
Antoine LUCAS a écrit :
Bonjour,
J'essaie, sans succès, de placer une BOUCLE dans une règle CSS, pour obtenir
un background-image dynamique dans un div.
Ce code dans le html ne donne rien.
<div style="background-image: url(
<BOUCLE_image(ARTICLES){id_article=X}>#TEXTE</BOUCLE_image>)"></div>
Ceci ne m'étonne pas, mais existe-t-il une solution qui fonctionne?
si, si ca marche, mais il faut juste eviter le traitement sur le texte :
<div style="background-image: url(<BOUCLE_image(ARTICLES){id_article=X}>#TEXTE*</BOUCLE_image>)"></div>
Stephane a écrit :
Antoine LUCAS a écrit :
si, si ca marche, mais il faut juste eviter le traitement sur le texte :
<div style="background-image: url(<BOUCLE_image(ARTICLES){id_article=X}>#TEXTE*</BOUCLE_image>)"></div>
et il faut que la css soit appelée par spip comme un squelette ...
JL
Stephane a écrit :
Antoine LUCAS a écrit :
si, si ca marche, mais il faut juste eviter le traitement sur le texte :
<div style="background-image:
url(<BOUCLE_image(ARTICLES){id_article=X}>#TEXTE*</BOUCLE_image>)"></div>et il faut que la css soit appelée par spip comme un squelette ...
JL
Euh je ne vois pas trop comment faire pour appeler la css comme un
squelette?
EuhŠ je ne vois pas trop comment faire pour appeler la css comme un squelette?
comme ca
et ton fichier style est dans
squelettes/css/style.html ( attention a l’extension , ce n’est pas .css )
et dans ton style.html :
#HTTP_HEADER{‹ Content-Type: text/css ›}
[(#INCLURE{css/styles.css}|compacte_css)]
qui appelle ton fichier style.css
mais tu peux simplement rajouter le #HGEADER dans ton premier fichier
EuhS( je ne vois pas trop comment faire pour appeler la css comme un
squelette?
comme ca
<link rel="stylesheet" type="text/css" href="[(#URL_PAGE{css/styles})]" />et ton fichier style est dans
squelettes/css/style.html ( attention a l'extension , ce n'est pas .css )et dans ton style.html :
#HTTP_HEADER{'Content-Type: text/css'}
[(#INCLURE{css/styles.css}|compacte_css)]qui appelle ton fichier style.css
mais tu peux simplement rajouter le #HGEADER dans ton premier fichier
Si je comprends bien la procédure est la suivante :
Dans mon squelette j'ajoute ce lien dans <head>
<link rel="stylesheet" type="text/css" href="[(#URL_PAGE{css/styles})]" />
Et dans mon fichier style.html situé dans "squelettes/css/style.html"
je place ce code suivant:
#HTTP_HEADER{'Content-Type: text/css'}
[(#INCLURE{css/styles.css}|compacte_css)]
et la règle css reste dans le div de mon squelette de page soit:
<div style="background-image:
url(<BOUCLE_image(ARTICLES){id_article=X}>#TEXTE*</BOUCLE_image>)"></div>
#TEXTE avec ou sans * ?
Antoine LUCAS a écrit :
EuhS( je ne vois pas trop comment faire pour appeler la css comme un
squelette?
comme ca
<link rel="stylesheet" type="text/css" href="[(#URL_PAGE{css/styles})]" />et ton fichier style est dans
squelettes/css/style.html ( attention a l'extension , ce n'est pas .css )et dans ton style.html :
#HTTP_HEADER{'Content-Type: text/css'}
[(#INCLURE{css/styles.css}|compacte_css)]qui appelle ton fichier style.css
mais tu peux simplement rajouter le #HGEADER dans ton premier fichierSi je comprends bien la procédure est la suivante :
Dans mon squelette j'ajoute ce lien dans <head>
<link rel="stylesheet" type="text/css" href="[(#URL_PAGE{css/styles})]" />
Et dans mon fichier style.html situé dans "squelettes/css/style.html"
oui (enfin "squelettes/css/styles.html" )
je place ce code suivant:
#HTTP_HEADER{'Content-Type: text/css'}
[(#INCLURE{css/styles.css}|compacte_css)]
moi je ferai :
#HTTP_HEADER{'Content-Type: text/css'}
[(#INCLURE{css/styles.css}{background=toto}{id_article=#ENV{id_article,12}|compacte_css)]
[(#INCLURE{css/styles.css}{background=titi}{id_article=#ENV{id_article,12}}|compacte_css)]
qui lui va appeler "squelettes/css/styles.css.html"
qui contient :
.[(#ENV{background})] {
background-image:url(<BOUCLE_image(DOCUMENTS){id_article=#ENV{id_article}}{titre=#ENV{background}}>#URL_DOCUMENT</BOUCLE_image>)
}
et dans tes squelettes simplement :
avec <div class="toto"> (dans mon exemple, il faut attacher tes images de fond à l'article 12 et leur donner un titre titi et toto)
si tu veux que ca soit l'image toto de l'article en cours, tu peux passer l'id_article :
<link rel="stylesheet" type="text/css" href="[(#URL_PAGE{css/styles}|parametre_url{id_article,#ID_ARTICLE})]" />
mais en general, le mieux c'est de mettre ces images sur les secteurs ou les rubriques et avec une par defaut pour les squelette hors hierarchie (plan, auteur...)
@++