Insérer une div avec un placement bien défini 
Author: Gdid S.Bonjour à tous. J'ai fait réaliser par une société, une vidéo " transparente " pour mon entreprise. J'ai 2 instructions à insérer. 1 instruction : Pour cela, intégrer le code source suivant entre les balises de la page : [removed] function closevideo() { document.getElementById('banvideo').style.visibility='hidden'; } [removed] Ok pas de problème 2ème instruction : Pour placer la vidéo sur le site, prenez en référence une déja existante. Elle servira de repère de placement à notre vidéo. Dans le code source, juste à côté de l'ouverture de la choisie, coller le code source suivant : Et là, je ne sais pas si c'est réalisable dans WEBSITE 10. Je suppose qu'en exportant le site en code, on pourrait l'intégrer. Je souhaiterai que tout soit réalisé dans ce logiciel car dans le cas contraire, les mises à jours suivantes le fichier html sera écrasé à chaque fois . En espérant avoir été précis et en vous remerciant par avance pour votre aide, Cordialement, Florent
Bonjour,
Pouvez-vous nous donner d'autres précisions à propos de cette vidéo "transparente", sous quel format est-elle ? Avez-vous essayé d'utiliser ce fichier depuis votre ordinateur dans un objet vidéo ? Ou peut-être, l'objet "Animation flash", ou vous pouvez choisir un arrière plan transparent ?
@ Suivre ... Mimoune
PS : Désolée, mais je ne comprends pas réellement votre demande en fait ! Je ne vois pas le rapport entre le titre de votre sujet et le contenu ?
Author
Bonjour,
En fin de compte, la société qui me fournit cette vidéo, m'a transmis le code à insérer entre les Div. La vidéo est au format SWF avec fond transparent. Il faut que l'acteur dans la vidéo soit positionné exactement à un endroit. La vidéodure une quinzaine de secondes puis doit disparaitre. Si vous souhaitez le code, il faudra passer en message privé, j pense.
En vous remerciant pour votre retour d'information,
Cordialement, Florent
Salut,
Ok pour le format... et avez-vous tenté d'utiliser un objet "Animation flash" pour l'insertion de cette vidéo, qui est pas mal plus simple que d'y insérer le code dans un objet HTML ?
1/ insérer l'objet sur votre page ou vous le souhaitez,
2/ dans les paramètres choisir le fichier local (.swf) à utiliser pour l'animation flash, en cliquant sur l'îcone jaune (petit dossier) qui vous permet de le récupérer directement de votre ordinateur sans oublier de cocher la case plus bas "Arrière-plan transparent" ...
Author
Re bonjour,
Il faut que cette vidéo soit posée à un endroit spécifique comme si dans photoshop, on superpose un calque. La page est déjà en place et cette vidéo vient en plus 15 secondes et disparait. L'acteur rend le site un peu plus "humain"
Merci pour votre attention
Cordialement, Florent
Bien,
Vous avez tous les éléments pour ce faire, donc y a plus qu'à coller tous ce code dans un objet "html et Widgets", je ne comprends pas votre souci ... à tester déjà, il suffit de placer le code au bon endroit peut être une partie dans les propriétés Avancées de votre page pour votre code personnalisé, s'il faut le placer dans l'entête (/head)... et aussi joindre le ou les fichiers attachés à ce code sous l'onglet "Avancées" de l'objet html !
Author
Re bonjour,
Je suis désolé de vous ennuyer avec mon problème mais je ne trouve pas de solution.
J'ai mis le code avant la balise <Head> pour le script de fermeture du bouton. OK
Mais je dois insérer le code la page index et la div doit se positionner exactement près du logo en milieu de page. Si vous souhaitez voir le résultat, l'url est www.broderieweber.com. La société qui m'a fourni la vidéo m'a modifié le fichier index.html mais maintenant, il me sera impossible de faire une mise à jour. Ils m'ont transmis le code à insérer.
D'avance merci pour votre aide.
Cordiaalement, Florent
Bonsoir,
En effet c'est moins évident à insérer directement au premier plan par dessus les objets insérés sur la page par websiteX5...
J'ai fait pas mal de tentatives et je suis parvenue à ce résultat si ça peut aider et convenir, à vous de voir, je ne vois guère mieux :
1/ Insérer un objet html pour la partie de gauche de votre page, soit le texte + et le logo et l'image flash qui arrive par dessus... pour les autres éléments de votre page vous pouvez sans problème ajouter d'autres objets autour.... voir la capture jointe...
Y placer ce code :
<div style="float: left; width: 388px;">
<img src="logo_bw_140px.png" title="" alt="" height="296" width="140" style=" position: absolute; top: 80px; right: 20px;">
<div id="banvideo" style="position: absolute; z-index: 9999; top:-55px; right: 80px; width: 296px; height: 450px; ">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="transparent" width="100%" height="100%" id="transparent">
<param name="movie" value="http://client.beandbas.tv/transparent.swf">
<param name="allowFullScreen" value="true">
<param name="allowscriptaccess" value="always">
<param name="scale" value="noScale">
<param name="wmode" value="transparent">
<param name="flashvars" value="ref=broderieweber_trans">
<embed src="http://client.beandbas.tv/transparent.swf" width="100%" type="application/x-shockwave-flash" height="100%" allowfullscreen="true" allowscriptaccess="always" scale="noScale" wmode="transparent" flashvars="ref=broderieweber_trans" name="transparent"></object>
</div>
<div style="text-align: left;">
<div><p style="text-align: left;"><span><br>Nous vous proposons les services suivants :<br><br> * la création de logos<br> * la fourniture du support (T-<wbr>Shirt, Polos, Casquettes, Vetements de travail, Sacs, Ecusson, divers ...)<br> * un travail minutieux<br> * Etablissement d'un devis<br> * Des engagements en terme de délais<br><br>Pour donner à votre entreprise, tous les éléments d'une communication exceptionnelle et de qualité, n'hésitez pas à faire broder votre publicité sur vos vêtements professionnels.<br><br>Pour la création de votre programme, nous acceptons tous les formats informatiques pour la broderie de vos logos, sigles, signalétiques ... Nous brodons sur tous les supports textiles (T-<wbr>Shirt, Polo, casquette, Bleu de travail, Tablier, etc...)<br><br>Pour les particuliers, nous personnalisons votre linge de maison. Nous pouvons également vous proposer des idées cadeaux originales pour vos fêtes (Fête des mères, Baptème, Mariage, Communion, Anniversaire, etc...)<br></span></p></div></div></div>
2/ Sous l'onglet Avancées de l'Objet HTML et Widget, ne pas oublier je joindre le fichier associé au code, celui du logo bien sûr et préciser le chemin du dossier dans lequel l'image sera ranger, par défaut le dossier Files, dans le code je l'ai placé à la racine, soit dans aucun dossier à vous de voir et de corriger dans le code si nécesaire.
3/ Ne pas oublier d'ajouter Le script dans les propriétés de la page, toujours avant la balise de fermeture </head>
@ suivre....
PS : j'ai essayé de placé l'ensemble en suivant votre modèle...
Author
Bonjour et mille fois merci pour aide et implication.
Je vais essayer de le faire tel que vous me le démontrez. Pour faire en sorte que l'acteur pose son coude sur le bord du logo, doit-on modifier le logo pour qu'il soit positionner plus bas ou jouer avec le padding.
Au plaisir de vous lire,
Cordialement, F.WEBER
Bonjour,
Oui bien sûr vous pouvez jouer avec le "Top" du logo par exemple :
<div style="float: left; width: 388px;">
<img src="logo_bw_140px.png" title="" alt="" height="296" width="140" style=" position: absolute; <b>top: 80px</b>; right: 20px;">
et (ou) avec celui de la vidéo :
<div id="banvideo" style="position: absolute; z-index: 9999;<b> top:-55px</b>; right: 80px; width: 296px; height: 450px; ">
Bien garder dans les paramètres de l'objet HTML une hauteur de 450 (là où l'on place le code, en bas à droite), qui correspond à la hauteur de la vidéo.
Voir mes tests ici : Lien retiré
@ Suivre...
Author
Re bonjour,
Merci pour votre aide. J'y suis presque et cela grâce à vous. J'ai juste le logo qui se trouve effectivement dans files mais il n'apparait pas. De plus, j'ai un ascenseur qui s'est mis sur le côté droit. Pouvez-vous encore m'aider ?
Pour Mimoune,
Vous connaissez maintenant notre activité. Si vous avez envie ou besoin d'une broderie sur un vêtement, nous serions heureux de vous l'offrir
Bien cordialement, F.WEBER
Re,
Bien pour le logo, il faut alors modifier cette partie de code, en ajoutant "/files"
Comme ici :
<img src="/files/logo_bw_140px.png"....
C'est très aimable à vous pour l'offre, je vais y réfléchir, merci !
Bonne continuation, je pense que ça devrait aller là.
Edit: Oui j'ai placé le slash en trop devant "files" en fait :
<img src="files/logo_bw_140px.png"....
mais bon ça marche aussi en mettant le lien en entier alors pourquoi pas.
Author
Encore Re,
Désolé de vous solliciter amis j'ai toujours ce petit souci. Je vous joins 1 capture et un lien car mon image est bien dans le dossier "files"
http://www.broderieweber.com/files/logo_bw_140px.png
Author
Re bonjour Mimoune,
J'ai rajouté www/ et cela fonctionne. Encore merci et surtout n'hésitez pas, l'offre vous est spécifiquement réservée.
Bon Week-end
Cordialement, F.WEBER