Grande image de fond unique pour une seule page article escal

Bonjour,

Comment afficher une grande image de fond unique dans une seule page article, utilisant le mot-clé « pleine page »,

Car ainsi on peut ensuite utiliser cette technique, pour toutes les autres « pages-uniques » d’un site,

C’est par exemple :

  • La page des erreurs 400 d’escal,

Comment afficher dans la page 404 une grande image de fond pleine page qui se propose automatiquement quand on utilise le plugin https://contrib.spip.net/SPIP-400-Gestion-des-erreurs-HTTP

« Ce plugin tente compléte la distribution de SPIP en proposant des modèles de pages d’erreur HTTP (codes 401 et 404) avec un texte explicatif et la possibilité pour l’internaute de transmettre un « ticket de bug » au webmestre du site. »

Quel est le fichier à adapter ?

  • La page contact d’escal,

Comment afficher dans la page contact une grande image de fond « contact » unique pleine page

  • La page inscription

Comment afficher dans la page « inscription newsletter » une grande image de fond « inscription » unique pleine page

  • etc …

Avez-vous des suggestions, des idées ?

Merci

On peut avec des css dans perso.css

Pour tous les articles en pleinepage avec une image monimage.jpg dans /squelettes/images

.page-article-pleinepage{
background-image: url(…/images/monimage.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position: top center;
-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 */
}

Pour un article précis XX
.articleXX{

Pour la page 404
.page-404{

Pour la page contact
.page-contact{

etc …

ben ça va pas
j'ai koi kagué

/*======================
image grande
=======================*/
.article413{
background-image: url(squelettes/images/expo-gudrun.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position: top center;
-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 */
}

Le 29/12/2017 à 12:50, Jean Christophe Villeneuve a écrit :

On peut avec des css dans perso.css

Pour tous les articles en pleinepage avec une image monimage.jpg dans /squelettes/images

.page-article-pleinepage{
background-image: url(../images/monimage.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position: top center;
-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 */
}

Pour un article précis XX
.articleXX{
...

Pour la page 404
.page-404{
...

Pour la page contact
.page-contact{
...

etc ...

Le 29/12/2017 à 12:20, JASEUR BOREAL a écrit :

Bonjour,

    *Comment afficher une grande image de fond unique dans une seule
    page**article, *utilisant le mot-clé *"pleine page", *

Car ainsi on peut ensuite utiliser cette technique, pour toutes les autres /"pages-uniques" /d'un site,

C'est par exemple :

*

          La page des erreurs 400 d'escal,

    *Comment afficher dans la page 404 une grande image de fond
    pleine page *qui se propose automatiquement quand on utilise le
    plugin SPIP 400 - Gestion des erreurs HTTP - SPIP-Contrib

    /"Ce plugin tente compléte la distribution de SPIP en proposant
    des modèles de pages d’erreur HTTP (//codes 401 et 404//) avec un
    texte explicatif et la possibilité pour l’internaute de
    transmettre un « ticket de bug » au webmestre du site."/

        *Quel est le fichier à adapter ?*

*

          La page contact d'escal,

    *Comment afficher dans la page contact une grande image de fond
    "contact" unique pleine page *

*

          La page inscription

    *Comment afficher dans la page "inscription newsletter" une
    grande image de fond "inscription" unique pleine page
    *

  * etc ...

Avez-vous des suggestions, des idées ?

Merci

_______________________________________________
Spip-avec-escal@rezo.net -http://listes.rezo.net/mailman/listinfo/spip-avec-escal

_______________________________________________
Spip-avec-escal@rezo.net - http://listes.rezo.net/mailman/listinfo/spip-avec-escal

--

amicalement momo
------------------------------------
http://monnuage.chezlagrenouille.fr/funambule/
---------------------------------------------
auto-hebergement :Debian/stretch
env: i3-weechat-w3m-clavier bépo
----------------------------------