[SPIP Zone] Problème de css dans un squelette

Bonjour

Je souhaite incorporer une image se trouvant dans la médiathèque dans le body de la dist

Donc, pour ce faire, je mets le code entre la ligne 15 et 16 car c’est exactement là que je voudrais mon image :

http://zone.spip.org/trac/spip-zone/browser/core/plugins/dist/sommaire.html#L15

Si je mets simplement le code :

[(#CHEMIN{IMG/jpg/banniere.jpg}|balise_img{banniere, banniere})]

Cela fonctionne !

Ce qui me donne donc :

[(#CHEMIN{IMG/jpg/banniere.jpg}|balise_img{banniere, banniere})]

Par contre, ce que je voudrais en plus, c’est ce qui est écris dans cette article :

http://www.alsacreations.com/astuce/lire/1216-arriere-plan-background-extensible.html

donc j’ai essayer de faire dans ma page sommaire au même endroit que au-dessus :

body.pas_surlignable {

margin:0;

padding:0;

background-image: [(#CHEMIN{IMG/jpg/banniere.jpg}|balise_img{banniere, banniere})]

background-repeat: no-repeat

background-position: center

background-attachement: fixed;

-webkit-background-size: cover; /* pour Chrome et Safari */

-moz-background-size: cover; /* pour Firefox */

-o-background-size: cover; /* pour Opera */

background-size: cover; /* version standardisée */

}

Sauf que là, cela ne fonctionne pas, j’ai toujours mon image qui s’affiche, mais en plus, j’ai au dessous de mon image:

body.pas_surlignable { margin:0; padding:0; background-image:

et en dessous:

background-repeat: no-repeat background-position: center background-attachement: fixed; -webkit-background-size: cover; /* pour Chrome et Safari / -moz-background-size: cover; / pour Firefox / -o-background-size: cover; / pour Opera / background-size: cover; / version standardisée */ }

Donc, j’aurais besoin d’un peu d’aide, car je ne comprends pas trop ce que ne va pas L

Bonjour Franck,

Je ne comprends pas tout, mais :

- Pourquoi styler .pas_surlignable et pas seulement le body ?
- La syntaxe CSS n'est pas correcte (il manque url(…) à la valeur de background-image, il manque les points virgule finaux…)
- Où est utilisé le fragment de CSS cité ?
-- Si c'est dans dans une feuille de style externe, il ne faut pas y mettre de code SPIP, mais seulement du code CSS.
-- Si c'est dans le squelette, il manque la balise <style> qui permet dans l'insérer. Dans ce cas, la syntaxe devrait être [background-image: url((#CHEMIN{IMG/jpg/banniere.jpg}|balise_img{banniere, banniere}));]

Il faudrait commencer par corriger/préciser cela…

Le 23 août 2012 à 14:35, Franck_ a écrit :

Bonjour

Je souhaite incorporer une image se trouvant dans la médiathèque dans le body de la dist
Donc, pour ce faire, je mets le code entre la ligne 15 et 16 car c’est exactement là que je voudrais mon image :
Connexion · GitLab

Si je mets simplement le code :
[(#CHEMIN{IMG/jpg/banniere.jpg}|balise_img{banniere, banniere})]

Cela fonctionne !

Ce qui me donne donc :
<body class="pas_surlignable page_sommaire">
[(#CHEMIN{IMG/jpg/banniere.jpg}|balise_img{banniere, banniere})]
<div class="page">

Par contre, ce que je voudrais en plus, c’est ce qui est écris dans cette article :
Un arrière-plan extensible intelligent - Alsacreations

donc j’ai essayer de faire dans ma page sommaire au même endroit que au-dessus :

<body class="pas_surlignable page_sommaire">
body.pas_surlignable {
      margin:0;
      padding:0;
      background-image: [(#CHEMIN{IMG/jpg/banniere.jpg}|balise_img{banniere, banniere})]
      background-repeat: no-repeat
      background-position: center
      background-attachement: fixed;
      -webkit-background-size: cover; /* pour Chrome et Safari */
      -moz-background-size: cover; /* pour Firefox */
      -o-background-size: cover; /* pour Opera */
      background-size: cover; /* version standardisée */
}

<div class="page">

Sauf que là, cela ne fonctionne pas, j’ai toujours mon image qui s’affiche, mais en plus, j’ai au dessous de mon image:
body.pas_surlignable { margin:0; padding:0; background-image:

et en dessous:
background-repeat: no-repeat background-position: center background-attachement: fixed; -webkit-background-size: cover; /* pour Chrome et Safari */ -moz-background-size: cover; /* pour Firefox */ -o-background-size: cover; /* pour Opera */ background-size: cover; /* version standardisée */ }

Donc, j’aurais besoin d’un peu d’aide, car je ne comprends pas trop ce que ne va pas L
_______________________________________________
spip-zone@rezo.net - http://listes.rezo.net/mailman/listinfo/spip-zone

Re

Alors en faite, le fait de ne pas faire tout le body, est un oubli, j'avais
essayer juste avant et comme cela ne voulait pas, j'avais voulu essayer ou
cas ou...

Donc, là, j'ai bien rajouter les ; et <style> (ça par contre, je ne me
souvenais plus que c'était obligatoire :smiley: )

Car oui, c'est dans un squelette (la page sommaire de la dist), il faut que
je puisse mettre du code spip car après, dans une deuxième temps, je
voudrais pouvoir "essayer" de faire en sorte de changer l'image depuis
l'espace privé, (mais ça, c'est n'y gagner, n'y certainement pour de suite
:-D)

Donc dans un premier temps, faut déjà que je comprenne pourquoi maintenant,
cela ne fonctionne quand même pas, l'image, ne s'affiche pas. Par contre mon
firebug semble indiquer que le reste est bien pris en compte.

Donc, maintenant, cela ressemble à ça Tetue et Christophe:

...
<body class="pas_surlignable page_sommaire">
<style>
body {
  margin:0;
  padding:0;
  [background-image:
url((#CHEMIN{IMG/jpg/banniere.jpg}|balise_img{banniere, banniere}));]
  background-repeat: no-repeat;
  background-position: center;
  background-attachement: fixed;
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */
}
</style>
<div class="page">
...

Ps, j'avais fait mon message là, car
http://www.spip.net/spip.php?page=site&lang=fr
Cela dit:
SPIP Zone
Un outil communautaire sous SVN pour développer des squelettes, des scripts,
des plugins, des outils... autour de SPIP.

Maintenant, je dois reconnaitre aussi que je ne savais pas trop ou écrire
quand même, car si sur le forum, il y a une section "squelette"
Sur la même page que plus haut, cela dit:

SPIP Forums
Ce forum de discussion est recommandé pour les utilisateurs et utilisatrices
occasionnels. Comme sur tout forum, merci de consulter les messages déjà
postés pour voir si votre question n’a pas déjà été posée précédemment et la
réponse publiée.

-----Message d'origine-----
De : tetue@rezo.net [mailto:tetue@rezo.net]
Envoyé : jeudi 23 août 2012 15:40
À : Franck_
Cc : spip-zone@rezo.net
Objet : Re: [SPIP Zone] Problème de css dans un squelette

Bonjour Franck,

Je ne comprends pas tout, mais :

- Pourquoi styler .pas_surlignable et pas seulement le body ?
- La syntaxe CSS n'est pas correcte (il manque url(…) à la valeur de
background-image, il manque les points virgule finaux…)
- Où est utilisé le fragment de CSS cité ?
-- Si c'est dans dans une feuille de style externe, il ne faut pas y mettre
de code SPIP, mais seulement du code CSS.
-- Si c'est dans le squelette, il manque la balise <style> qui permet dans
l'insérer. Dans ce cas, la syntaxe devrait être [background-image:
url((#CHEMIN{IMG/jpg/banniere.jpg}|balise_img{banniere, banniere}));]

Il faudrait commencer par corriger/préciser cela…

Le 23 août 2012 à 14:35, Franck_ a écrit :

Bonjour

Je souhaite incorporer une image se trouvant dans la médiathèque dans
le body de la dist Donc, pour ce faire, je mets le code entre la ligne 15

et 16 car c’est exactement là que je voudrais mon image :

Connexion · GitLab
re.html#L15

Si je mets simplement le code :
[(#CHEMIN{IMG/jpg/banniere.jpg}|balise_img{banniere, banniere})]

Cela fonctionne !

Ce qui me donne donc :
<body class="pas_surlignable page_sommaire">
[(#CHEMIN{IMG/jpg/banniere.jpg}|balise_img{banniere, banniere})] <div
class="page">

Par contre, ce que je voudrais en plus, c’est ce qui est écris dans cette

article :

Un arrière-plan extensible intelligent - Alsacreations
extensible.html

donc j’ai essayer de faire dans ma page sommaire au même endroit que

au-dessus :

<body class="pas_surlignable page_sommaire"> body.pas_surlignable {
      margin:0;
      padding:0;
      background-image:

[(#CHEMIN{IMG/jpg/banniere.jpg}|balise_img{banniere, banniere})]

      background-repeat: no-repeat
      background-position: center
      background-attachement: fixed;
      -webkit-background-size: cover; /* pour Chrome et Safari */
      -moz-background-size: cover; /* pour Firefox */
      -o-background-size: cover; /* pour Opera */
      background-size: cover; /* version standardisée */ }

<div class="page">

Sauf que là, cela ne fonctionne pas, j’ai toujours mon image qui

s’affiche, mais en plus, j’ai au dessous de mon image:

body.pas_surlignable { margin:0; padding:0; background-image:

et en dessous:
background-repeat: no-repeat background-position: center
background-attachement: fixed; -webkit-background-size: cover; /* pour
Chrome et Safari */ -moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */ background-size: cover; /*
version standardisée */ }

Donc, j’aurais besoin d’un peu d’aide, car je ne comprends pas trop ce
que ne va pas L _______________________________________________
spip-zone@rezo.net - http://listes.rezo.net/mailman/listinfo/spip-zone