+- Forum CMS Made Simple FR (https://www.cmsmadesimple.fr/forum)
+-- Forum : Général (https://www.cmsmadesimple.fr/forum/forum-3.html)
+--- Forum : Graphisme (https://www.cmsmadesimple.fr/forum/forum-9.html)
+--- Sujet : .swf en background (/thread-873.html)
.swf en background - bennn - 10/01/2011
Bonjour à tous.
J'aimerais savoir s'il est possible de mettre un flash en fond de page dans mon cms ?
Quelqu'un a t"il déjà fait ceci et comment ?
Merci pour vos réponses.
Benoit
.swf en background - jissey - 10/01/2011
bonsoir,
du flash en fond de page???
en fond de page, avec les css on met une image mais pas du flash!
.swf en background - bennn - 10/01/2011
oui justement.
J'aimerais bien savoir si c'est possible de remplacer l'image de fond par un .swf.
Ou alors trouver un moyen de mettre les autres éléments (boutons, texte) par dessus un flash.
Impossible tu penses?
.swf en background - jissey - 11/01/2011
Impossible peut-être pas, mais certainement compliqué.
En tout cas c'est pas très conventionnel (dans le sens W3C du terme).
Si on peut le faire, CMSMS pourra aussi le faire, ça c'est sûr, la question n'est pas
Citation :J'aimerais savoir s'il est possible de mettre un flash en fond de page dans mon cms ?mais plutôt :
J'aimerais savoir s'il est possible de mettre un flash en fond de page en HTML ?
.swf en background - bess - 11/01/2011
jouez sur les z-index du CSS sera le seul moyen, et c'est ainsi qu'est configuré le menu de Cmsms dans les installations de base
tout le flash en z-index:1 et la surcouche en z-index:1000
ca passera sur tous les navigateurs digne de nom, flash ou pas flash.
.swf en background - jissey - 11/01/2011
Salut,
Pour intégrer cette méthode dans cmsms, il te faudra donc agir sur les CSS et le ou les gabarits.
L'animation Flash dans une div de fond avec une classe CSS et le z-index qui va bien.
Une div qui contiendra le contenu de la page avec une classe CSS et son z-index.
Citation :ca passera sur tous les navigateurs digne de nom, flash ou pas flash.En l'occurrence, ici, il y aura flash...je suis curieux de savoir si il laissera passer quelque chose par dessus.
Je ne suis pas un spécialiste de la mise en page, je ne demande qu'à être convaincu.
.swf en background - bennn - 11/01/2011
Merci pour vos réponses.
Je vais tenter cela (z-index), dans l'idée ça à l'air facile mais par contre c'est clair qu'avec mes quelques notions de html et css ca risque d'être vite compliqué.
Le plus simple sera peut être pour moi de justement rester simple et de faire un fond statique.
Je le tente et je vous tiens au courant.
.swf en background - Kler - 11/01/2011
Essaie du côte de JQuery Parallax
C'est à mon avis la meilleur solution pour intégrer du dynamisme à une page sans le flash.
Et cet autre excellent article (en anglais).
.swf en background - bennn - 12/01/2011
bon en fait pas si compliqué.
J'ai fait ca avec z-index dans le css expliqué par Bess.
Par contre j'ai du ajouter aussi ceci dans l'objet type, dans mon gabarit. <param name="wmode" value="opaque">
le seul hic c'est que j'arrive pas à centrer ce flash dans la page (je cherche).
Suis aller jeter un oeil a Jquery Parallax. Effectivement ca a vraiment l'air pas mal.
Merci
.swf en background - bennn - 12/01/2011
apparemment ca fonctionne pas avec internet explorer... grrr
.swf en background - abraham28 - 30/03/2011
Cette solution ne fonctionne pas avec pas mal de butineurs malheureusement...
.swf en background - kraygoon - 30/03/2011
Personnellement je serai tenté par cette méthode (non testée).
Une DIV après la balise BODY :
<div id="fullbg">Ici mon code pour afficher du flash</div>
Suivi d'une DIV pour le reste du code du site :
<div id="interface">Tout le code du site avec header, content et footer</div>
Pour le CSS :
html, body { height : 100%; }
body { position : relative ; }
#fullbg { position : absolute ; z-index : -10 ; left : 0 ; top : 0 ; width : 100% ; height : 100% }
#interface { position : relative ; z-index : 1 ; }
Ainsi ce qu'il y a dans #fullbg devrait toujours être en dessous, et ce qu'il y a dans #interface au dessus.
A voir. Après il faut aussi gérer les proportions d'affichage du SWF de fond pour qu'il s'adapte à la résolution d'écran du visiteur (4/3, 16/9, 16/10...).