[david_ball]

#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: -1.11.7
#~ Url du site :
#~ Hébergeur / Soft :
#~ Informations Système :
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~

Bonjour,

Je voudrai mettre un slide du module Showtime Slideshow en fond de ma page web (dans le body) et cela ne veut pas.

J'ai essayé de mettre le lien du slide dans le gabarit et dans la feuille de style mais rien de marche.


Pour ma feuille de style je mets :

/* =====================================
BASIC STYLES
===================================== */
body {
background: {Showtime show='1'};
font-family: Arial;
font-size: 14px;
color: [[$mc]];
line-height: 1.3
}



J'ai également essayé ceci :


[[assign var='boxed_ar' value="{Showtime show='1'}"]]


}
/* you can change appearance of the page by adding or removing #boxed id to body tag. */
body#boxed {
background: [[$boxed_ar]]

}




Mais aucun des deux ne marchent.


Merci par avance.

[jissey]

Bonjour et bienvenue,
la balise showtime génère du HTML et du JS.
Inutile de la mettre dans une feuille de style!
Quelles sont tes compétences en HTML/CSS et même JS(javascript)?
Il faut créer une div qui engobe ta page et y insérer showtime.
Ensuite, tu auras des soucis de recouvrement à certains endroits que tu régleras avec la directive CSS z-index.
Ce que je t'explique là n'a rien à voir avec CMS Made Simpe. C'est de la technique de base pour une page HTML.
Si tu ne comprends pas cette technique, il faut que tu te formes à la création de pages HTML avant tout.
Ca n'est pas un reproche (je me fais souvent assaisonner quand je conseille aux gens de se former avant de poser des questions), c'est un conseil que je te donne et une démarche incontournable que tu dois avoir quelque soit la solution de CMS choisie.
Passe de bonnes fêtes studieuses.

[david_ball]

Je pensais avoir des connaissances mais je m’aperçois que non.

Tu as des exemples de div ?

Merci de ta réponse en tout cas.

[jissey]

re,
voici un exemple,
il te suffit d'inspecter le code source avec firebug ou bien les "outils de développement" des navigateurs.
http://marjo.ghionux.net/
Dans cet exemple, la div n'englobe pas toute la page, elle a une position absolute et un z-index à zero.
En regardant le code, tu verras que c'est la div "slideshow" qui contient le tag :

Code :

<div id="slideshow">{Showtime show='1'}</div>

Tout est dans les CSS que tu peux inspecter pour t'en inspirer.

[david_ball]

Nikel ca marche.

Juste un probleme, le slide s'affiche puis en dessous le sidebard/content s'affiche.

Il y a un moyen de les superposer ?

Encore merci

[david_ball]

Tout est ok!

Tout fonctionne merci encore à toi

[jissey]

ok super.
Alors quand un problème est résolu, il faut marqué [Résolu] devant le titre du post en modifiant ton premier message.
A+
<edit>oups, j'avais pas vu...</edit>