Vidéo youtube sur image

Vidéo youtube sur image - HTML/CSS - Programmation

Marsh Posté le 18-07-2010 à 21:56:48    

Bonsoir,
 
Je n'arrive plus à trouver la méthode qui consiste à mettre une vidéo youtube sur une image de fond. On peut m'éclairer ?
 
Merci


---------------
Mes VenTes - Mes AchaTs
Reply

Marsh Posté le 18-07-2010 à 21:56:48   

Reply

Marsh Posté le 19-07-2010 à 12:21:25    

C'est simple pourtant :p
Tu bloques où ?

Reply

Marsh Posté le 20-07-2010 à 14:53:01    

J'y suis arrivé mais je bloque ailleurs. Sur un menu. En fait je veux intégrer un menu dans facebook. Jusqu'à maintenant ça fonctionne, mais quand je suis sur l'onglet 3 du menu et que je veux retourner à l'onglet 1, le focus reste sur l'onglet 3.  
 
Voici le code :
 

Code :
  1. <div style="display:none">
  2. <fb:tabs><fb:tab-item title='toto'/>
  3. </div>
  4. <script>
  5. <!--
  6. function switch_menu(element) {
  7. //verification de l'existence de la classe sur l'element cliqué
  8. if(element.hasClassName('selected')) {
  9. return false;
  10. }
  11. //accede a tous les element "a"  
  12. var menu = document.getElementById("toggle_tabs_unused" ).getElementsByTagName('a');
  14. //parcourt le tableau de "a" et enleve tout les class selected
  15. for(var i = 0;i < menu.length ;i++) {
  16. menu[i].removeClassName('selected');
  17. }
  19. //ajoute la classe selected à l'element html
  20. element.addClassName('selected');
  21. return false;
  22. }
  23. //-->
  24. </script>
  25. <div style="position: relative; overflow: hidden">
  26. <div class="tabs clearfix">
  27. <center>
  28. <div class="left_tabs">
  29. <ul class="toggle_tabs" id="toggle_tabs_unused">
  30. <li><a href="http://www.facebook.com/pages/Esrit-Li/142626145749313?v=app_6009294086" clicktoshow="div1" clicktohide="div2,div3,div4" onclick="switch_menu(this)" class="">menu 1</a></li>
  31. <li><a href="http://www.facebook.com/pages/Esrit-Li/142626145749313?v=app_7146470109" clicktoshow="div2" clicktohide="div1,div3,div4" onclick="switch_menu(this)">menu 2</a></li>
  32. <li><a href="http://www.facebook.com/pages/Esrit-Li/142626145749313?v=app_10442206389" clicktoshow="div3" clicktohide="div1,div2,div4" onclick="switch_menu(this)">menu 3</a></li>
  33. <li><a href="" clicktoshow="div4" clicktohide="div1,div2,div3" onclick="switch_menu(this)">menu 4</a></li>
  34. </ul>
  35. </div>
  36. </center>
  37. </div>
  38. </div>
  39. <div id="conteneur">
  40. <div id="div1">
  41. Contenu de l'element 1
  42. </div>
  43. <div id="div2" style="display: none;">
  44. Contenu de l'element 2
  45. </div>
  46. <div id="div3" style="display: none;">
  47. Contenu de l'element 3
  48. </div>
  49. <div id="div4" style="display: none;">
  50. Contenu de l'element 4
  51. </div>
  52. </div>


---------------
Mes VenTes - Mes AchaTs
Reply

Marsh Posté le 20-07-2010 à 23:19:39    

Bon, c'est arrangé. Une idée pour que le menu 1 se mette entièrement sur la gauche et le reste sur la droite ?


---------------
Mes VenTes - Mes AchaTs
Reply

Marsh Posté le 21-07-2010 à 00:22:44    

Grr, impossible de savoir mettre l'onglet du menu 1 à gauche et le reste à droite
 
 

Code :
  1. <div style="position: relative; overflow: hidden">
  2. <div class="tabs clearfix">
  3. <center>
  4. <div class="left_tabs">
  5. <ul class="toggle_tabs" id="toggle_tabs_unused">
  6. <li><a href="#" clicktoshow="div1" clicktohide="div2,div3,div4" onclick="switch_menu(this)">menu 1</a></li>
  7. <li><a href="#" clicktoshow="div2" clicktohide="div1,div3,div4" onclick="switch_menu(this)">menu 2</a></li>
  8. <li><a href="#" clicktoshow="div3" clicktohide="div1,div2,div4" onclick="switch_menu(this)">menu 3</a></li>
  9. <li><a href="#" clicktoshow="div4" clicktohide="div1,div2,div3" onclick="switch_menu(this)">menu 4</a></li>
  10. </ul>
  11. </div>
  12. </center>
  13. </div>
  14. </div>


 
Vous y voyez quelque chose ?


---------------
Mes VenTes - Mes AchaTs
Reply

Marsh Posté le 21-07-2010 à 04:29:04    

Un en float:left et l'autre en float:right ?

Reply

Marsh Posté le 22-07-2010 à 12:40:49    

J'y ai pensé mais je n'arrive pas à le placer (ça doit bien faire 10ans que je n'utilise plus html...)


---------------
Mes VenTes - Mes AchaTs
Reply

Marsh Posté le 26-07-2010 à 22:21:12    

Rha, je galère là


---------------
Mes VenTes - Mes AchaTs
Reply

Marsh Posté le 27-07-2010 à 20:58:17    

up


---------------
Mes VenTes - Mes AchaTs
Reply

Marsh Posté le 27-07-2010 à 21:54:25    

Que se passe-t-il quand tu mets float:left et float:right ?

Reply

Marsh Posté le 27-07-2010 à 21:54:25   

Reply

Marsh Posté le 27-07-2010 à 23:29:44    

le problème c'est que je ne sais pas où le placer... J'ai essayé entre <li></li>, mais y a rien qui se passe.


Message édité par pr0faz le 27-07-2010 à 23:35:01

---------------
Mes VenTes - Mes AchaTs
Reply

Marsh Posté le 28-07-2010 à 01:36:58    

Les <li> doivent etre affecté par le float.
Quels sont les styles que tu appliques ?

Reply

Marsh Posté le 28-07-2010 à 10:34:28    

Voila le code en entier :
 

Code :
  1. <div style="display:none">
  2. <fb:tabs><fb:tab-item title='toto'/>
  3. </div>
  4. <script>
  5. <!--
  6. function switch_menu(element) {
  7. //verification de l'existence de la classe sur l'element cliqué
  8. if(element.hasClassName('selected')) {
  9. return false;
  10. }
  11. //accede a tous les element "a"  
  12. var menu = document.getElementById("toggle_tabs_unused" ).getElementsByTagName('a');
  14. //parcourt le tableau de "a" et enleve tout les class selected
  15. for(var i = 0;i < menu.length ;i++) {
  16. menu[i].removeClassName('selected');
  17. }
  19. //ajoute la classe selected à l'element html
  20. element.addClassName('selected');
  21. return false;
  22. }
  23. //-->
  24. </script>
  25. <div style="position: relative; overflow: hidden">
  26. <div class="tabs clearfix">
  27. <center>
  28. <div class="left_tabs">
  29. <ul class="toggle_tabs" id="toggle_tabs_unused">
  30. <li><a href="#" clicktoshow="div1" clicktohide="div2,div3,div4" onclick="switch_menu(this)" class="selected">element menu 1</a></li>
  31. <li><a href="#" clicktoshow="div2" clicktohide="div1,div3,div4" onclick="switch_menu(this)">element menu 2</a></li>
  32. <li><a href="#" clicktoshow="div3" clicktohide="div1,div2,div4" onclick="switch_menu(this)">element menu 3</a></li>
  33. <li><a href="#" clicktoshow="div4" clicktohide="div1,div2,div3" onclick="switch_menu(this)">element menu 4</a></li>
  34. </ul>
  35. </div>
  36. </center>
  37. </div>
  38. </div>
  39. <div id="conteneur">
  40. <div id="div1">
  41. Contenu de l'element 1
  42. </div>
  43. <div id="div2" style="display: none;">
  44. Contenu de l'element 2
  45. </div>
  46. <div id="div3" style="display: none;">
  47. Contenu de l'element 3
  48. </div>
  49. <div id="div4" style="display: none;">
  50. Contenu de l'element 4
  51. </div>
  52. </div>


---------------
Mes VenTes - Mes AchaTs
Reply

Marsh Posté le 28-07-2010 à 13:13:53    

Quels sont les styles appliqués à la classe toggle_tabs et à ses dérivés ?

Reply

Marsh Posté le 28-07-2010 à 13:53:17    

Aucun Pascal, tout est là.


---------------
Mes VenTes - Mes AchaTs
Reply

Marsh Posté le 28-07-2010 à 13:55:39    

Ah, où tu veux savoir quel style est généré par "toggle_tabs" ?


---------------
Mes VenTes - Mes AchaTs
Reply

Marsh Posté le 28-07-2010 à 16:06:54    

Mais comment appliques-tu tes styles si tu n'utilises pas de css ?

Reply

Marsh Posté le 28-07-2010 à 17:09:09    

C'est en fbml (sur facebook)


---------------
Mes VenTes - Mes AchaTs
Reply

Marsh Posté le 28-07-2010 à 20:28:12    

Je t'ai retrouvé le lien pour que tu regardes de plus près le code en question :
 
http://www.facebooker.fr/creer-un- [...] lfbjs.html


---------------
Mes VenTes - Mes AchaTs
Reply

Marsh Posté le 30-07-2010 à 20:36:54    

T'as pas trouvé une astuce Pascal ?


---------------
Mes VenTes - Mes AchaTs
Reply

Marsh Posté le 31-07-2010 à 00:00:08    

Euh non je ne suis pas vraiment à l'aise avec le fbml...
Si tu peux pas choisir les styles que tu veux, ca sera difficile...

Reply

Marsh Posté le 31-07-2010 à 09:54:01    

oui j'me doute, pourtant y doit bien y avoir une solution, je trifouille mais pour l'instant rien ne va


---------------
Mes VenTes - Mes AchaTs
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed