Tutorial, CSS, HTML
Par GloriaV
11. Menú flotante HTML
Fondos, gif,...
Fondos, gif,..." target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> Otros blogs
Fondos, gif,...&lang=fr" data-text="11. Menú flotante HTML Otros blogsFondos, gif,..." data-url="https://tutorialgloriav.eklablog.com/-a118444436" data-lang="fr" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> 12.08.2015 … Par GloriaV Para que video funciona automáticamente cuando se abre la página añadir - ?;autoplay=1;rel=0" Link de video - http://www.youtube.com/embed/OvZYhxT5Mf8 YouTube da este código: <a href="https://tutorialgloriav.eklablog.com/-a118443738" class="Post-readMore"> Lire la suite </a> <div class="Post-shares PostShares"> <a class="PostShares-element" href="https://www.facebook.com/sharer/sharer.php?u=https://tutorialgloriav.eklablog.com/-a118443738&t=Para que video funciona automáticamente cuando se abre la página añadir - ?;autoplay=1;rel=0" Link de video - http://www.youtube.com/embed/OvZYhxT5Mf8 YouTube da este código: <iframe width="560" height="315" src="https://www.youtube.com/embed/OvZYhxT5Mf8"..." target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-facebook"></span> </a> <a class="PostShares-element" href="https://twitter.com/share?url=https://tutorialgloriav.eklablog.com/-a118443738&related=twitterapi%2Ctwitter&hashtags= &text=Para que video funciona automáticamente cuando se abre la página añadir - ?;autoplay=1;rel=0" Link de video - http://www.youtube.com/embed/OvZYhxT5Mf8 YouTube da este código: <iframe width="560" height="315" src="https://www.youtube.com/embed/OvZYhxT5Mf8"...&lang=fr" data-text="Para que video funciona automáticamente cuando se abre la página añadir - ?;autoplay=1;rel=0" Link de video - http://www.youtube.com/embed/OvZYhxT5Mf8 YouTube da este código: <iframe width="560" height="315" src="https://www.youtube.com/embed/OvZYhxT5Mf8"..." data-url="https://tutorialgloriav.eklablog.com/-a118443738" data-lang="fr" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-twitter"></span> </a> <a class="PostShares-element" href="https://admin.over-blog.com/_repost/4019768" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-retweet"></span> </a> </div> </div> <div class="Post Post--OB"> <div class="Post-meta-container"> <span class="Post-date"> 12.08.2015 </span> <span class="Post-comments"> <span id="comment-count-4019766">…</span><script> ob.commentCount(document.querySelector("#comment-count-4019766"), { resource: "https://tutorialgloriav.eklablog.com/api/comment-count/4019766", format: (count) => { const string = count === 0 ? "no comment" : count === 1 ? "%c commentaire" : "%c commentaires" return string.replace("%c", count) } }) </script> </span> </div> <p class="Post-author"> Par GloriaV </p> <a href="https://tutorialgloriav.eklablog.com/-a118443664"> <figure class="Post-cover"> <img class="Post-coverImage" src="https://image.eklablog.com/FLE_MLvp88m8DB7M4l9glXvj2YM=/640x220/smart/filters:no_upscale()/https%3A%2F%2Flh6.googleusercontent.com%2F-guJYKaqO0uU%2FVEfJPPUxujI%2FAAAAAAABJpw%2FAANnVVLRSB8%2Fw141-h150-no%2F6.gif" alt=""/> </figure> </a> <p class="Post-snippet"> Generador para video HTML con CSS <div id="module_menu_contenu143589664" class="module_menu_contenu"><div class="module_menu_contenu_block"><div id="deezer"><object id="youtubeColorRu" width="200" height="158"><param name="movie" value="http://www.youtube.com/v/0haJartV0yM?version=2&color1=0x3D6894&color2=0x3D6894&border=0"... </p> <a href="https://tutorialgloriav.eklablog.com/-a118443664" class="Post-readMore"> Lire la suite </a> <div class="Post-shares PostShares"> <a class="PostShares-element" href="https://www.facebook.com/sharer/sharer.php?u=https://tutorialgloriav.eklablog.com/-a118443664&t=Generador para video HTML con CSS <div id="module_menu_contenu143589664" class="module_menu_contenu"><div class="module_menu_contenu_block"><div id="deezer"><object id="youtubeColorRu" width="200" height="158"><param name="movie" value="http://www.youtube.com/v/0haJartV0yM?version=2&color1=0x3D6894&color2=0x3D6894&border=0"..." target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-facebook"></span> </a> <a class="PostShares-element" href="https://twitter.com/share?url=https://tutorialgloriav.eklablog.com/-a118443664&related=twitterapi%2Ctwitter&hashtags= &text=Generador para video HTML con CSS <div id="module_menu_contenu143589664" class="module_menu_contenu"><div class="module_menu_contenu_block"><div id="deezer"><object id="youtubeColorRu" width="200" height="158"><param name="movie" value="http://www.youtube.com/v/0haJartV0yM?version=2&color1=0x3D6894&color2=0x3D6894&border=0"...&lang=fr" data-text="Generador para video HTML con CSS <div id="module_menu_contenu143589664" class="module_menu_contenu"><div class="module_menu_contenu_block"><div id="deezer"><object id="youtubeColorRu" width="200" height="158"><param name="movie" value="http://www.youtube.com/v/0haJartV0yM?version=2&color1=0x3D6894&color2=0x3D6894&border=0"..." data-url="https://tutorialgloriav.eklablog.com/-a118443664" data-lang="fr" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-twitter"></span> </a> <a class="PostShares-element" href="https://www.pinterest.com/pin/create/button/?url=https%3A%2F%2Ftutorialgloriav.eklablog.com%2F-a118443664&media=https%3A%2F%2Flh6.googleusercontent.com%2F-guJYKaqO0uU%2FVEfJPPUxujI%2FAAAAAAABJpw%2FAANnVVLRSB8%2Fw141-h150-no%2F6.gif&description=Generador%20para%20video%20HTML%20con%20CSS%20%3Cdiv%20id%3D%22module_menu_contenu143589664%22%20class%3D%22module_menu_contenu%22%3E%3Cdiv%20class%3D%22module_menu_contenu_block%22%3E%3Cdiv%20id%3D%22deezer%22%3E%3Cobject%20id%3D%22youtubeColorRu%22%20width%3D%22200%22%20height%3D%22158%22%3E%3Cparam%20name%3D%22movie%22%20value%3D%22http%3A%2F%2Fwww.youtube.com%2Fv%2F0haJartV0yM%3Fversion%3D2%26amp%3Bcolor1%3D0x3D6894%26amp%3Bcolor2%3D0x3D6894%26amp%3Bborder%3D0%22..." target="_blank" onclick="window.open(this.href, 'mywin','left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;" data-pin-custom="true"> <span class="fa fa-fw fa-pinterest"></span> </a> <a class="PostShares-element" href="https://admin.over-blog.com/_repost/4019766" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-retweet"></span> </a> </div> </div> <div class="Post Post--OB"> <div class="Post-meta-container"> <span class="Post-date"> 12.08.2015 </span> <span class="Post-comments"> <span id="comment-count-4019761">…</span><script> ob.commentCount(document.querySelector("#comment-count-4019761"), { resource: "https://tutorialgloriav.eklablog.com/api/comment-count/4019761", format: (count) => { const string = count === 0 ? "no comment" : count === 1 ? "%c commentaire" : "%c commentaires" return string.replace("%c", count) } }) </script> </span> </div> <p class="Post-author"> Par GloriaV </p> <a href="https://tutorialgloriav.eklablog.com/-a118443548"> <figure class="Post-cover"> <img class="Post-coverImage" src="https://image.eklablog.com/x20rqAFM2P-qU-cC1jMUOc4R97o=/640x220/smart/filters:no_upscale()/https%3A%2F%2Fekladata.com%2F6OgIN-PSVe0Jk9SGvQjQIoIylik.png" alt=""/> </figure> </a> <p class="Post-snippet"> El otoño es una segunda primavera en la que cada hoja es una flor. Albert Camus <p><br /><br /><br /></p><div style="padding: 10px;"><div style="padding: 3px; border-radius: 5px; border: 1px ridge #; box-shadow: 0px 1px 7px #000; background-image: url('https://lh3.googleusercontent.com/2Aj1rtfXEC2ismd5AUxpnEkR0b4NfSCkubvYfDL_7qy6=s100-no');... </p> <a href="https://tutorialgloriav.eklablog.com/-a118443548" class="Post-readMore"> Lire la suite </a> <div class="Post-shares PostShares"> <a class="PostShares-element" href="https://www.facebook.com/sharer/sharer.php?u=https://tutorialgloriav.eklablog.com/-a118443548&t=El otoño es una segunda primavera en la que cada hoja es una flor. Albert Camus <p><br /><br /><br /></p><div style="padding: 10px;"><div style="padding: 3px; border-radius: 5px; border: 1px ridge #; box-shadow: 0px 1px 7px #000; background-image: url('https://lh3.googleusercontent.com/2Aj1rtfXEC2ismd5AUxpnEkR0b4NfSCkubvYfDL_7qy6=s100-no');..." target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-facebook"></span> </a> <a class="PostShares-element" href="https://twitter.com/share?url=https://tutorialgloriav.eklablog.com/-a118443548&related=twitterapi%2Ctwitter&hashtags= &text=El otoño es una segunda primavera en la que cada hoja es una flor. Albert Camus <p><br /><br /><br /></p><div style="padding: 10px;"><div style="padding: 3px; border-radius: 5px; border: 1px ridge #; box-shadow: 0px 1px 7px #000; background-image: url('https://lh3.googleusercontent.com/2Aj1rtfXEC2ismd5AUxpnEkR0b4NfSCkubvYfDL_7qy6=s100-no');...&lang=fr" data-text="El otoño es una segunda primavera en la que cada hoja es una flor. Albert Camus <p><br /><br /><br /></p><div style="padding: 10px;"><div style="padding: 3px; border-radius: 5px; border: 1px ridge #; box-shadow: 0px 1px 7px #000; background-image: url('https://lh3.googleusercontent.com/2Aj1rtfXEC2ismd5AUxpnEkR0b4NfSCkubvYfDL_7qy6=s100-no');..." data-url="https://tutorialgloriav.eklablog.com/-a118443548" data-lang="fr" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-twitter"></span> </a> <a class="PostShares-element" href="https://www.pinterest.com/pin/create/button/?url=https%3A%2F%2Ftutorialgloriav.eklablog.com%2F-a118443548&media=https%3A%2F%2Fekladata.com%2F6OgIN-PSVe0Jk9SGvQjQIoIylik.png&description=El%20oto%C3%B1o%20es%20una%20segunda%20primavera%20en%20la%20que%20cada%20hoja%20es%20una%20flor.%20Albert%20Camus%20%3Cp%3E%3Cbr%20%2F%3E%3Cbr%20%2F%3E%3Cbr%20%2F%3E%3C%2Fp%3E%3Cdiv%20style%3D%22padding%3A%2010px%3B%22%3E%3Cdiv%20style%3D%22padding%3A%203px%3B%20border-radius%3A%205px%3B%20border%3A%201px%20ridge%20%23%3B%20box-shadow%3A%200px%201px%207px%20%23000%3B%20background-image%3A%20url%28%27https%3A%2F%2Flh3.googleusercontent.com%2F2Aj1rtfXEC2ismd5AUxpnEkR0b4NfSCkubvYfDL_7qy6%3Ds100-no%27%29%3B..." target="_blank" onclick="window.open(this.href, 'mywin','left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;" data-pin-custom="true"> <span class="fa fa-fw fa-pinterest"></span> </a> <a class="PostShares-element" href="https://admin.over-blog.com/_repost/4019761" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-retweet"></span> </a> </div> </div> <div class="Post Post--OB"> <div class="Post-meta-container"> <span class="Post-date"> 12.08.2015 </span> <span class="Post-comments"> <span id="comment-count-4019760">…</span><script> ob.commentCount(document.querySelector("#comment-count-4019760"), { resource: "https://tutorialgloriav.eklablog.com/api/comment-count/4019760", format: (count) => { const string = count === 0 ? "no comment" : count === 1 ? "%c commentaire" : "%c commentaires" return string.replace("%c", count) } }) </script> </span> </div> <p class="Post-author"> Par GloriaV </p> <a href="https://tutorialgloriav.eklablog.com/-a118443544"> <figure class="Post-cover"> <img class="Post-coverImage" src="https://image.eklablog.com/B5TlU5L-TNEaWgn3hOmzhCn_Ayk=/640x220/smart/filters:no_upscale()/https%3A%2F%2Fekladata.com%2FgfngC2IHdZud5QsH7WP35ib1Yo0%40155x140.png" alt=""/> </figure> </a> <p class="Post-snippet"> Es apasionante que le des tanto sentido a mi vida. Te amo, te adoro. <p> </p><div style="padding: 10px;"> <div style="padding: 3px; border-radius: 20px; box-shadow: 0px 2px 11px #606060; background-image: url('https://ekladata.com/9fq6OkS7yP1pinD_t3pvSJvFcgo@78x110.gif');... </p> <a href="https://tutorialgloriav.eklablog.com/-a118443544" class="Post-readMore"> Lire la suite </a> <div class="Post-shares PostShares"> <a class="PostShares-element" href="https://www.facebook.com/sharer/sharer.php?u=https://tutorialgloriav.eklablog.com/-a118443544&t=Es apasionante que le des tanto sentido a mi vida. Te amo, te adoro. <p> </p><div style="padding: 10px;"> <div style="padding: 3px; border-radius: 20px; box-shadow: 0px 2px 11px #606060; background-image: url('https://ekladata.com/9fq6OkS7yP1pinD_t3pvSJvFcgo@78x110.gif');..." target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-facebook"></span> </a> <a class="PostShares-element" href="https://twitter.com/share?url=https://tutorialgloriav.eklablog.com/-a118443544&related=twitterapi%2Ctwitter&hashtags= &text=Es apasionante que le des tanto sentido a mi vida. Te amo, te adoro. <p> </p><div style="padding: 10px;"> <div style="padding: 3px; border-radius: 20px; box-shadow: 0px 2px 11px #606060; background-image: url('https://ekladata.com/9fq6OkS7yP1pinD_t3pvSJvFcgo@78x110.gif');...&lang=fr" data-text="Es apasionante que le des tanto sentido a mi vida. Te amo, te adoro. <p> </p><div style="padding: 10px;"> <div style="padding: 3px; border-radius: 20px; box-shadow: 0px 2px 11px #606060; background-image: url('https://ekladata.com/9fq6OkS7yP1pinD_t3pvSJvFcgo@78x110.gif');..." data-url="https://tutorialgloriav.eklablog.com/-a118443544" data-lang="fr" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-twitter"></span> </a> <a class="PostShares-element" href="https://www.pinterest.com/pin/create/button/?url=https%3A%2F%2Ftutorialgloriav.eklablog.com%2F-a118443544&media=https%3A%2F%2Fekladata.com%2FgfngC2IHdZud5QsH7WP35ib1Yo0%40155x140.png&description=Es%20apasionante%20que%20le%20des%20tanto%20sentido%20a%20mi%20vida.%20Te%20amo%2C%20te%20adoro.%20%3Cp%3E%26nbsp%3B%3C%2Fp%3E%3Cdiv%20style%3D%22padding%3A%2010px%3B%22%3E%20%3Cdiv%20style%3D%22padding%3A%203px%3B%20border-radius%3A%2020px%3B%20box-shadow%3A%200px%202px%2011px%20%23606060%3B%20background-image%3A%20url%28%27https%3A%2F%2Fekladata.com%2F9fq6OkS7yP1pinD_t3pvSJvFcgo%4078x110.gif%27%29%3B..." target="_blank" onclick="window.open(this.href, 'mywin','left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;" data-pin-custom="true"> <span class="fa fa-fw fa-pinterest"></span> </a> <a class="PostShares-element" href="https://admin.over-blog.com/_repost/4019760" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-retweet"></span> </a> </div> </div> <div class="Post Post--OB"> <div class="Post-meta-container"> <span class="Post-date"> 12.08.2015 </span> <span class="Post-comments"> <span id="comment-count-4019758">…</span><script> ob.commentCount(document.querySelector("#comment-count-4019758"), { resource: "https://tutorialgloriav.eklablog.com/api/comment-count/4019758", format: (count) => { const string = count === 0 ? "no comment" : count === 1 ? "%c commentaire" : "%c commentaires" return string.replace("%c", count) } }) </script> </span> </div> <p class="Post-author"> Par GloriaV </p> <p class="Post-snippet"> Las ideas son como las pulgas, saltan de unos a otros, pero no pican a todos. George Bernard Shaw <div style="padding-right: 10px; padding-left: 10px;"><div style="padding: 3px; width: auto; height: 100%; border-radius: 10px; border: 1px ridge #; background-image:... </p> <a href="https://tutorialgloriav.eklablog.com/-a118443540" class="Post-readMore"> Lire la suite </a> <div class="Post-shares PostShares"> <a class="PostShares-element" href="https://www.facebook.com/sharer/sharer.php?u=https://tutorialgloriav.eklablog.com/-a118443540&t=Las ideas son como las pulgas, saltan de unos a otros, pero no pican a todos. George Bernard Shaw <div style="padding-right: 10px; padding-left: 10px;"><div style="padding: 3px; width: auto; height: 100%; border-radius: 10px; border: 1px ridge #; background-image:..." target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-facebook"></span> </a> <a class="PostShares-element" href="https://twitter.com/share?url=https://tutorialgloriav.eklablog.com/-a118443540&related=twitterapi%2Ctwitter&hashtags= &text=Las ideas son como las pulgas, saltan de unos a otros, pero no pican a todos. George Bernard Shaw <div style="padding-right: 10px; padding-left: 10px;"><div style="padding: 3px; width: auto; height: 100%; border-radius: 10px; border: 1px ridge #; background-image:...&lang=fr" data-text="Las ideas son como las pulgas, saltan de unos a otros, pero no pican a todos. George Bernard Shaw <div style="padding-right: 10px; padding-left: 10px;"><div style="padding: 3px; width: auto; height: 100%; border-radius: 10px; border: 1px ridge #; background-image:..." data-url="https://tutorialgloriav.eklablog.com/-a118443540" data-lang="fr" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-twitter"></span> </a> <a class="PostShares-element" href="https://admin.over-blog.com/_repost/4019758" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-retweet"></span> </a> </div> </div> <div class="Post Post--OB"> <div class="Post-meta-container"> <span class="Post-date"> 10.08.2015 </span> <span class="Post-comments"> <span id="comment-count-4019756">…</span><script> ob.commentCount(document.querySelector("#comment-count-4019756"), { resource: "https://tutorialgloriav.eklablog.com/api/comment-count/4019756", format: (count) => { const string = count === 0 ? "no comment" : count === 1 ? "%c commentaire" : "%c commentaires" return string.replace("%c", count) } }) </script> </span> </div> <p class="Post-author"> Par GloriaV </p> <p class="Post-snippet"> El aprendizaje es un simple apéndice de nosotros mismos; dondequiera que estemos, está también nuestro aprendizaje.William Shakespeare <div style="padding-right: 10px; padding-left: 10px;"><div style="padding: 3px; width: auto; height: 100%; border-radius:... </p> <a href="https://tutorialgloriav.eklablog.com/-a118430120" class="Post-readMore"> Lire la suite </a> <div class="Post-shares PostShares"> <a class="PostShares-element" href="https://www.facebook.com/sharer/sharer.php?u=https://tutorialgloriav.eklablog.com/-a118430120&t=El aprendizaje es un simple apéndice de nosotros mismos; dondequiera que estemos, está también nuestro aprendizaje.William Shakespeare <div style="padding-right: 10px; padding-left: 10px;"><div style="padding: 3px; width: auto; height: 100%; border-radius:..." target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-facebook"></span> </a> <a class="PostShares-element" href="https://twitter.com/share?url=https://tutorialgloriav.eklablog.com/-a118430120&related=twitterapi%2Ctwitter&hashtags= &text=El aprendizaje es un simple apéndice de nosotros mismos; dondequiera que estemos, está también nuestro aprendizaje.William Shakespeare <div style="padding-right: 10px; padding-left: 10px;"><div style="padding: 3px; width: auto; height: 100%; border-radius:...&lang=fr" data-text="El aprendizaje es un simple apéndice de nosotros mismos; dondequiera que estemos, está también nuestro aprendizaje.William Shakespeare <div style="padding-right: 10px; padding-left: 10px;"><div style="padding: 3px; width: auto; height: 100%; border-radius:..." data-url="https://tutorialgloriav.eklablog.com/-a118430120" data-lang="fr" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-twitter"></span> </a> <a class="PostShares-element" href="https://admin.over-blog.com/_repost/4019756" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-retweet"></span> </a> </div> </div> <div class="Post Post--OB"> <div class="Post-meta-container"> <span class="Post-date"> 10.08.2015 </span> <span class="Post-comments"> <span id="comment-count-4019754">…</span><script> ob.commentCount(document.querySelector("#comment-count-4019754"), { resource: "https://tutorialgloriav.eklablog.com/api/comment-count/4019754", format: (count) => { const string = count === 0 ? "no comment" : count === 1 ? "%c commentaire" : "%c commentaires" return string.replace("%c", count) } }) </script> </span> </div> <p class="Post-author"> Par GloriaV </p> <p class="Post-snippet"> Nuestros amigos son los hermanos que Dios olvidó darnos. <div style="padding-right: 10px; padding-left: 10px;"><div style="padding: 3px; width: auto; height: 100%; border-radius: 10px; border: 1px ridge #; background-image: url('https://ekladata.com/M0CxdhkDbXvzeTzsEp-Xv_CSqFQ@78x110.gif');... </p> <a href="https://tutorialgloriav.eklablog.com/-a118430116" class="Post-readMore"> Lire la suite </a> <div class="Post-shares PostShares"> <a class="PostShares-element" href="https://www.facebook.com/sharer/sharer.php?u=https://tutorialgloriav.eklablog.com/-a118430116&t=Nuestros amigos son los hermanos que Dios olvidó darnos. <div style="padding-right: 10px; padding-left: 10px;"><div style="padding: 3px; width: auto; height: 100%; border-radius: 10px; border: 1px ridge #; background-image: url('https://ekladata.com/M0CxdhkDbXvzeTzsEp-Xv_CSqFQ@78x110.gif');..." target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-facebook"></span> </a> <a class="PostShares-element" href="https://twitter.com/share?url=https://tutorialgloriav.eklablog.com/-a118430116&related=twitterapi%2Ctwitter&hashtags= &text=Nuestros amigos son los hermanos que Dios olvidó darnos. <div style="padding-right: 10px; padding-left: 10px;"><div style="padding: 3px; width: auto; height: 100%; border-radius: 10px; border: 1px ridge #; background-image: url('https://ekladata.com/M0CxdhkDbXvzeTzsEp-Xv_CSqFQ@78x110.gif');...&lang=fr" data-text="Nuestros amigos son los hermanos que Dios olvidó darnos. <div style="padding-right: 10px; padding-left: 10px;"><div style="padding: 3px; width: auto; height: 100%; border-radius: 10px; border: 1px ridge #; background-image: url('https://ekladata.com/M0CxdhkDbXvzeTzsEp-Xv_CSqFQ@78x110.gif');..." data-url="https://tutorialgloriav.eklablog.com/-a118430116" data-lang="fr" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-twitter"></span> </a> <a class="PostShares-element" href="https://admin.over-blog.com/_repost/4019754" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-retweet"></span> </a> </div> </div> <div class="Post Post--OB"> <div class="Post-meta-container"> <span class="Post-date"> 10.08.2015 </span> <span class="Post-comments"> <span id="comment-count-4019750">…</span><script> ob.commentCount(document.querySelector("#comment-count-4019750"), { resource: "https://tutorialgloriav.eklablog.com/api/comment-count/4019750", format: (count) => { const string = count === 0 ? "no comment" : count === 1 ? "%c commentaire" : "%c commentaires" return string.replace("%c", count) } }) </script> </span> </div> <p class="Post-author"> Par GloriaV </p> <p class="Post-snippet"> * Donde reina el amor, las leyes sobran. Platón <div style="padding-right: 10px; padding-left: 1px;"><div style="padding: 3px; width: 100%; height: 100%; border-radius: 10px; background-image: url('http://www.constellation7.org/stormyseas.gif');box-shadow:... </p> <a href="https://tutorialgloriav.eklablog.com/-a118429860" class="Post-readMore"> Lire la suite </a> <div class="Post-shares PostShares"> <a class="PostShares-element" href="https://www.facebook.com/sharer/sharer.php?u=https://tutorialgloriav.eklablog.com/-a118429860&t=* Donde reina el amor, las leyes sobran. Platón <div style="padding-right: 10px; padding-left: 1px;"><div style="padding: 3px; width: 100%; height: 100%; border-radius: 10px; background-image: url('http://www.constellation7.org/stormyseas.gif');box-shadow:..." target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-facebook"></span> </a> <a class="PostShares-element" href="https://twitter.com/share?url=https://tutorialgloriav.eklablog.com/-a118429860&related=twitterapi%2Ctwitter&hashtags= &text=* Donde reina el amor, las leyes sobran. Platón <div style="padding-right: 10px; padding-left: 1px;"><div style="padding: 3px; width: 100%; height: 100%; border-radius: 10px; background-image: url('http://www.constellation7.org/stormyseas.gif');box-shadow:...&lang=fr" data-text="* Donde reina el amor, las leyes sobran. Platón <div style="padding-right: 10px; padding-left: 1px;"><div style="padding: 3px; width: 100%; height: 100%; border-radius: 10px; background-image: url('http://www.constellation7.org/stormyseas.gif');box-shadow:..." data-url="https://tutorialgloriav.eklablog.com/-a118429860" data-lang="fr" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-twitter"></span> </a> <a class="PostShares-element" href="https://admin.over-blog.com/_repost/4019750" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-retweet"></span> </a> </div> </div> <div class="Post Post--OB"> <h2 class="Post-title"> <a class="Post-titleLink" href="https://tutorialgloriav.eklablog.com/-a118429804" title="En savoir plus : "> </a> </h2> <div class="Post-meta-container"> <span class="Post-date"> 10.08.2015 </span> <span class="Post-comments"> <span id="comment-count-4019748">…</span><script> ob.commentCount(document.querySelector("#comment-count-4019748"), { resource: "https://tutorialgloriav.eklablog.com/api/comment-count/4019748", format: (count) => { const string = count === 0 ? "no comment" : count === 1 ? "%c commentaire" : "%c commentaires" return string.replace("%c", count) } }) </script> </span> </div> <p class="Post-author"> Par GloriaV </p> <a href="https://tutorialgloriav.eklablog.com/-a118429804"> <figure class="Post-cover"> <img class="Post-coverImage" src="https://image.eklablog.com/ysO3CriTKnrl-x4tLEgnsKKn1DA=/640x220/smart/filters:no_upscale()/https%3A%2F%2Fekladata.com%2F1JvFBSfqiavLwyvQIjzy-mm21Dk.png" alt=" "/> </figure> </a> <p class="Post-snippet"> Parece probado que en la vida se triunfa gracias a tres factores: la salud, la inteligencia y el carácter, añadamos un cuarto factor; un poco de suerte. Alfred Binet <div style="padding-left: 10px; padding-right: 10px; padding-top: 50px;"><div style="padding:... </p> <a href="https://tutorialgloriav.eklablog.com/-a118429804" class="Post-readMore"> Lire la suite </a> <div class="Post-shares PostShares"> <a class="PostShares-element" href="https://www.facebook.com/sharer/sharer.php?u=https://tutorialgloriav.eklablog.com/-a118429804&t= " target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-facebook"></span> </a> <a class="PostShares-element" href="https://twitter.com/share?url=https://tutorialgloriav.eklablog.com/-a118429804&related=twitterapi%2Ctwitter&hashtags= &text= &lang=fr" data-text=" " data-url="https://tutorialgloriav.eklablog.com/-a118429804" data-lang="fr" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-twitter"></span> </a> <a class="PostShares-element" href="https://www.pinterest.com/pin/create/button/?url=https%3A%2F%2Ftutorialgloriav.eklablog.com%2F-a118429804&media=https%3A%2F%2Fekladata.com%2F1JvFBSfqiavLwyvQIjzy-mm21Dk.png&description=Parece%20probado%20que%20en%20la%20vida%20se%20triunfa%20gracias%20a%20tres%20factores%3A%20la%20salud%2C%20la%20inteligencia%20y%20el%20car%C3%A1cter%2C%20a%C3%B1adamos%20un%20cuarto%20factor%3B%20un%20poco%20de%20suerte.%20Alfred%20Binet%20%3Cdiv%20style%3D%22padding-left%3A%2010px%3B%20padding-right%3A%2010px%3B%20padding-top%3A%2050px%3B%22%3E%3Cdiv%20style%3D%22padding%3A..." target="_blank" onclick="window.open(this.href, 'mywin','left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;" data-pin-custom="true"> <span class="fa fa-fw fa-pinterest"></span> </a> <a class="PostShares-element" href="https://admin.over-blog.com/_repost/4019748" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-retweet"></span> </a> </div> </div> <div class="Pagination"> <div class="ob-pagination"> <a href="/" class="ob-page ob-page-link ob-page-first" ><<</a> <a href="/page/274" class="ob-page ob-page-link ob-page-previous" ><</a> <a href="/page/200" class="ob-page ob-page-link ob-page-more ob-page-tens" >200</a> <a href="/page/210" class="ob-page ob-page-link ob-page-more ob-page-tens" >210</a> <a href="/page/220" class="ob-page ob-page-link ob-page-more ob-page-tens" >220</a> <a href="/page/230" class="ob-page ob-page-link ob-page-more ob-page-tens" >230</a> <a href="/page/240" class="ob-page ob-page-link ob-page-more ob-page-tens" >240</a> <a href="/page/250" class="ob-page ob-page-link ob-page-more ob-page-tens" >250</a> <a href="/page/260" class="ob-page ob-page-link ob-page-more ob-page-tens" >260</a> <a href="/page/270" class="ob-page ob-page-link ob-page-tens" >270</a> <a href="/page/271" class="ob-page ob-page-link " >271</a> <a href="/page/272" class="ob-page ob-page-link " >272</a> <a href="/page/273" class="ob-page ob-page-link " >273</a> <a href="/page/274" class="ob-page ob-page-link " >274</a> <span class="ob-page ob-page-current " >275</span> <a href="/page/276" class="ob-page ob-page-link " >276</a> <a href="/page/277" class="ob-page ob-page-link " >277</a> <a href="/page/278" class="ob-page ob-page-link " >278</a> <a href="/page/279" class="ob-page ob-page-link " >279</a> <a href="/page/280" class="ob-page ob-page-link ob-page-tens" >280</a> <a href="/page/290" class="ob-page ob-page-link ob-page-more ob-page-tens" >290</a> <a href="/page/300" class="ob-page ob-page-link ob-page-more ob-page-hundreds" >300</a> <a href="/page/276" class="ob-page ob-page-link ob-page-next" >></a> <a href="/page/329" class="ob-page ob-page-link ob-page-last" >>></a> </div> </div> </div> <!-- **************************** --> <!-- ***** Sidebar ***** --> <!-- **************************** --> <aside class="Sidebar"> <!-- ***************** Sidebar: newsletter ********************* --> <div class="Sidebar-widget" data-order="2"> <div class="Sidebar-about SidebarSubscribe"> <div class="ob-h3 Sidebar-title"> Newsletter </div> <form class="Sidebar-form" action="/mail/subscribe?utm_source=_ob_abo_newsletter&utm_medium=_ob_sidebar" method="post"> <input class="ob-input SidebarForm-input" type="email" name="email" placeholder="Saisissez votre email ici" required="required" /> <input class="ob-input ob-input-submit SidebarForm-submit" type="submit" value="S'abonner" /> </form> </div> </div> <!-- ***************** Sidebar: Ads ***************** --> <!-- ***************** Sidebar: Tags ***************** --> <!-- ***************** Sidebar: Pages ***************** --> <!-- ***************** Sidebar: About ***************** --> <div class="Sidebar-widget Sidebar-about SidebarAbout" data-order="3"> <div class="ob-h3 Sidebar-title"> </div> <p class="SidebarAbout-description"> Tutorial, CSS, HTML <br>Voir le profil de <a href="https://www.eklablog.com/user/333295.html" target="_blank">GloriaV</a> sur le portail Eklablog </p> </div> <!-- ***************** Sidebar: Follow ***************** --> <div class="Sidebar-widget" data-order="5"> <div class="ob-h3 Sidebar-title"> Suivez-moi </div> <ul class="Sidebar-follow SidebarFollow"> <li class="SidebarFollow-element"> <a class="SidebarFollow-elementLink SidebarFollow-elementLink--rss" href="/rss" target="_blank"> <span class="fa fa-fw fa-rss"></span> </a> </li> </ul> </div> <!-- ****************** Sidebar: Biography ****************** --> <div class="Sidebar-widget Sidebar-about SidebarAbout" data-order="4"> <div class="ob-h3 Sidebar-title"> À propos </div> <a href="https://www.eklablog.com/user/333295.html" target="_blank"> <img class="SidebarAbout-avatar" src="https://image.eklablog.com/LYX6vCgy7VchPpruWFW7GR2ZN0c=/300x300/smart/filters:no_upscale()/https%3A%2F%2Fekladata.com%2Fj8TA7u2vBt7maG9CHh9APsLmuIk.gif" alt="GloriaV" /> </a> <p class="SidebarAbout-description"> <br>Voir le profil de <a href="https://www.eklablog.com/user/333295.html" target="_blank">GloriaV</a> sur le portail Eklablog </p> </div> <!-- ********************** Sidebar: Twitter Hub ********************** --> <!-- ********************** Sidebar: Facebook Hub ********************** --> <!-- ********************** Sidebar: Flickr Hub ********************** --> <!-- *********************** Sidebar: Free Module #1 *********************** --> <!-- *********************** Sidebar: Free Module #2 *********************** --> <!-- ***************** Sidebar: Ads #2 ***************** --> </aside> </div> <!-- **************************** --> <!-- ***** Footer ***** --> <!-- **************************** --> <!-- Footer --> <div class="Footer"> <p class="Footer-content"> Thème Magazine © - Hébergé par <a href="https://www.eklablog.com" target="_bank">Eklablog</a> </p> </div> <!-- jQuery onReady --> <script type="text/javascript"> jQuery(document).ready(function() { /* Menu */ $(".Nav-menuButton").click(function(){ if($(".Nav-menu").hasClass("Nav-menu--open")) { $(".Nav-menu").removeClass("Nav-menu--open"); } else { $(".Nav-menu").addClass("Nav-menu--open"); } }); /* Search */ $(".NavSearch-icon").click(function(){ if($(".NavSearch").hasClass("NavSearch--open")) { if($(".NavSearch-input").val().length === 0) { $(".NavSearch").removeClass("NavSearch--open"); } else { $(".NavSearch-form").submit(); } } else { $(".NavSearch").addClass("NavSearch--open"); } }); /* Fancybox */ $(".ob-link-img, .author-avatar, .blog-avatar, .asset-img-link, .avatar").attr("rel", "fancybox"); $("a[rel=fancybox]").fancybox({ 'overlayShow' : true, 'transitionIn' : 'fadin', 'transitionOut' : 'fadin', 'type' : 'image' }); window.addEventListener("resize", function() { if (window.innerWidth > 970) { $(".menu-main").removeClass("menu-main--open"); } }) }); </script> <script async defer> function createDropdownTrigger() { var trigger = document.createElement("span") trigger.classList.add("trigger") return trigger } function addTriggers() { var elementsToTriggers = document.querySelectorAll(".menu_level_1 > .branch > span, .menu_level_1 > .branch > a") elementsToTriggers.forEach(function(elementToTrigger) { elementToTrigger.insertAdjacentElement("afterend", createDropdownTrigger()) }) } function triggerLevelHidden() { var lastMenuLevelElements = document.querySelectorAll(".menu_level_0") if (lastMenuLevelElements[0]) { lastMenuLevelElements.forEach(function(lastMenuLevelElement) { if (window.innerWidth <= 970) { lastMenuLevelElement.classList.add("level_hidden") } else { lastMenuLevelElement.classList.remove("level_hidden") } }) } } function handleDropdown() { var triggers = document.querySelectorAll(".trigger") var openSection = null; triggers.forEach(function(trigger) { trigger.addEventListener("click", function(e) { var menuLevel0 = e.target.nextElementSibling if (menuLevel0.style.maxHeight) { menuLevel0.style.maxHeight = null trigger.style.transform = "rotate(-45deg)" openSection = null; } else { if (openSection) { openSection.style.maxHeight = null; openSection.previousElementSibling.style.transform = "rotate(-45deg)"; } menuLevel0.style.maxHeight = menuLevel0.scrollHeight + "px" trigger.style.transform = "rotate(45deg)" openSection = menuLevel0; } }) }) } (function init() { addTriggers() triggerLevelHidden() handleDropdown() })() window.addEventListener("resize", function(e) { triggerLevelHidden() }) </script> <div class="ob-footer" id="legals" > <ul> <li class="ob-footer-item">Voir le profil de <a href="https://www.eklablog.com/user/333295.html" target="_blank">GloriaV</a> sur le portail Eklablog</li> <li class="ob-footer-item"><a href="/top">Top articles</a></li> <li class="ob-footer-item"><a href="/contact">Contact</a></li> <li class="ob-footer-item"><a href="https://www.eklablog.com/abuse/506131"> Signaler un abus </a></li> <li class="ob-footer-item"><a href="https://www.eklablog.com/terms-of-use" target="_blank">C.G.U.</a></li> <li class="ob-footer-item"><a href="https://www.eklablog.com/cookies" target="_blank">Cookies et données personnelles</a></li> <li class="ob-footer-item"><a href="javascript:Didomi.notice.show()">Préférences cookies</a></li> </ul> </div> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer', "GTM-WG3SK3P"); </script> <script src="https://assets.over-blog-kiwi.com/b/blog/v2026.07.02/obfuscated_link.4b3f12e9.js"></script> </body> </html>
Fondos, gif,..." data-url="https://tutorialgloriav.eklablog.com/-a118444436" data-lang="fr" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;">
Para que video funciona automáticamente cuando se abre la página añadir - ?;autoplay=1;rel=0" Link de video - http://www.youtube.com/embed/OvZYhxT5Mf8 YouTube da este código: <a href="https://tutorialgloriav.eklablog.com/-a118443738" class="Post-readMore"> Lire la suite </a> <div class="Post-shares PostShares"> <a class="PostShares-element" href="https://www.facebook.com/sharer/sharer.php?u=https://tutorialgloriav.eklablog.com/-a118443738&t=Para que video funciona automáticamente cuando se abre la página añadir - ?;autoplay=1;rel=0" Link de video - http://www.youtube.com/embed/OvZYhxT5Mf8 YouTube da este código: <iframe width="560" height="315" src="https://www.youtube.com/embed/OvZYhxT5Mf8"..." target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-facebook"></span> </a> <a class="PostShares-element" href="https://twitter.com/share?url=https://tutorialgloriav.eklablog.com/-a118443738&related=twitterapi%2Ctwitter&hashtags= &text=Para que video funciona automáticamente cuando se abre la página añadir - ?;autoplay=1;rel=0" Link de video - http://www.youtube.com/embed/OvZYhxT5Mf8 YouTube da este código: <iframe width="560" height="315" src="https://www.youtube.com/embed/OvZYhxT5Mf8"...&lang=fr" data-text="Para que video funciona automáticamente cuando se abre la página añadir - ?;autoplay=1;rel=0" Link de video - http://www.youtube.com/embed/OvZYhxT5Mf8 YouTube da este código: <iframe width="560" height="315" src="https://www.youtube.com/embed/OvZYhxT5Mf8"..." data-url="https://tutorialgloriav.eklablog.com/-a118443738" data-lang="fr" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-twitter"></span> </a> <a class="PostShares-element" href="https://admin.over-blog.com/_repost/4019768" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-retweet"></span> </a> </div> </div> <div class="Post Post--OB"> <div class="Post-meta-container"> <span class="Post-date"> 12.08.2015 </span> <span class="Post-comments"> <span id="comment-count-4019766">…</span><script> ob.commentCount(document.querySelector("#comment-count-4019766"), { resource: "https://tutorialgloriav.eklablog.com/api/comment-count/4019766", format: (count) => { const string = count === 0 ? "no comment" : count === 1 ? "%c commentaire" : "%c commentaires" return string.replace("%c", count) } }) </script> </span> </div> <p class="Post-author"> Par GloriaV </p> <a href="https://tutorialgloriav.eklablog.com/-a118443664"> <figure class="Post-cover"> <img class="Post-coverImage" src="https://image.eklablog.com/FLE_MLvp88m8DB7M4l9glXvj2YM=/640x220/smart/filters:no_upscale()/https%3A%2F%2Flh6.googleusercontent.com%2F-guJYKaqO0uU%2FVEfJPPUxujI%2FAAAAAAABJpw%2FAANnVVLRSB8%2Fw141-h150-no%2F6.gif" alt=""/> </figure> </a> <p class="Post-snippet"> Generador para video HTML con CSS <div id="module_menu_contenu143589664" class="module_menu_contenu"><div class="module_menu_contenu_block"><div id="deezer"><object id="youtubeColorRu" width="200" height="158"><param name="movie" value="http://www.youtube.com/v/0haJartV0yM?version=2&color1=0x3D6894&color2=0x3D6894&border=0"... </p> <a href="https://tutorialgloriav.eklablog.com/-a118443664" class="Post-readMore"> Lire la suite </a> <div class="Post-shares PostShares"> <a class="PostShares-element" href="https://www.facebook.com/sharer/sharer.php?u=https://tutorialgloriav.eklablog.com/-a118443664&t=Generador para video HTML con CSS <div id="module_menu_contenu143589664" class="module_menu_contenu"><div class="module_menu_contenu_block"><div id="deezer"><object id="youtubeColorRu" width="200" height="158"><param name="movie" value="http://www.youtube.com/v/0haJartV0yM?version=2&color1=0x3D6894&color2=0x3D6894&border=0"..." target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-facebook"></span> </a> <a class="PostShares-element" href="https://twitter.com/share?url=https://tutorialgloriav.eklablog.com/-a118443664&related=twitterapi%2Ctwitter&hashtags= &text=Generador para video HTML con CSS <div id="module_menu_contenu143589664" class="module_menu_contenu"><div class="module_menu_contenu_block"><div id="deezer"><object id="youtubeColorRu" width="200" height="158"><param name="movie" value="http://www.youtube.com/v/0haJartV0yM?version=2&color1=0x3D6894&color2=0x3D6894&border=0"...&lang=fr" data-text="Generador para video HTML con CSS <div id="module_menu_contenu143589664" class="module_menu_contenu"><div class="module_menu_contenu_block"><div id="deezer"><object id="youtubeColorRu" width="200" height="158"><param name="movie" value="http://www.youtube.com/v/0haJartV0yM?version=2&color1=0x3D6894&color2=0x3D6894&border=0"..." data-url="https://tutorialgloriav.eklablog.com/-a118443664" data-lang="fr" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-twitter"></span> </a> <a class="PostShares-element" href="https://www.pinterest.com/pin/create/button/?url=https%3A%2F%2Ftutorialgloriav.eklablog.com%2F-a118443664&media=https%3A%2F%2Flh6.googleusercontent.com%2F-guJYKaqO0uU%2FVEfJPPUxujI%2FAAAAAAABJpw%2FAANnVVLRSB8%2Fw141-h150-no%2F6.gif&description=Generador%20para%20video%20HTML%20con%20CSS%20%3Cdiv%20id%3D%22module_menu_contenu143589664%22%20class%3D%22module_menu_contenu%22%3E%3Cdiv%20class%3D%22module_menu_contenu_block%22%3E%3Cdiv%20id%3D%22deezer%22%3E%3Cobject%20id%3D%22youtubeColorRu%22%20width%3D%22200%22%20height%3D%22158%22%3E%3Cparam%20name%3D%22movie%22%20value%3D%22http%3A%2F%2Fwww.youtube.com%2Fv%2F0haJartV0yM%3Fversion%3D2%26amp%3Bcolor1%3D0x3D6894%26amp%3Bcolor2%3D0x3D6894%26amp%3Bborder%3D0%22..." target="_blank" onclick="window.open(this.href, 'mywin','left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;" data-pin-custom="true"> <span class="fa fa-fw fa-pinterest"></span> </a> <a class="PostShares-element" href="https://admin.over-blog.com/_repost/4019766" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-retweet"></span> </a> </div> </div> <div class="Post Post--OB"> <div class="Post-meta-container"> <span class="Post-date"> 12.08.2015 </span> <span class="Post-comments"> <span id="comment-count-4019761">…</span><script> ob.commentCount(document.querySelector("#comment-count-4019761"), { resource: "https://tutorialgloriav.eklablog.com/api/comment-count/4019761", format: (count) => { const string = count === 0 ? "no comment" : count === 1 ? "%c commentaire" : "%c commentaires" return string.replace("%c", count) } }) </script> </span> </div> <p class="Post-author"> Par GloriaV </p> <a href="https://tutorialgloriav.eklablog.com/-a118443548"> <figure class="Post-cover"> <img class="Post-coverImage" src="https://image.eklablog.com/x20rqAFM2P-qU-cC1jMUOc4R97o=/640x220/smart/filters:no_upscale()/https%3A%2F%2Fekladata.com%2F6OgIN-PSVe0Jk9SGvQjQIoIylik.png" alt=""/> </figure> </a> <p class="Post-snippet"> El otoño es una segunda primavera en la que cada hoja es una flor. Albert Camus <p><br /><br /><br /></p><div style="padding: 10px;"><div style="padding: 3px; border-radius: 5px; border: 1px ridge #; box-shadow: 0px 1px 7px #000; background-image: url('https://lh3.googleusercontent.com/2Aj1rtfXEC2ismd5AUxpnEkR0b4NfSCkubvYfDL_7qy6=s100-no');... </p> <a href="https://tutorialgloriav.eklablog.com/-a118443548" class="Post-readMore"> Lire la suite </a> <div class="Post-shares PostShares"> <a class="PostShares-element" href="https://www.facebook.com/sharer/sharer.php?u=https://tutorialgloriav.eklablog.com/-a118443548&t=El otoño es una segunda primavera en la que cada hoja es una flor. Albert Camus <p><br /><br /><br /></p><div style="padding: 10px;"><div style="padding: 3px; border-radius: 5px; border: 1px ridge #; box-shadow: 0px 1px 7px #000; background-image: url('https://lh3.googleusercontent.com/2Aj1rtfXEC2ismd5AUxpnEkR0b4NfSCkubvYfDL_7qy6=s100-no');..." target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-facebook"></span> </a> <a class="PostShares-element" href="https://twitter.com/share?url=https://tutorialgloriav.eklablog.com/-a118443548&related=twitterapi%2Ctwitter&hashtags= &text=El otoño es una segunda primavera en la que cada hoja es una flor. Albert Camus <p><br /><br /><br /></p><div style="padding: 10px;"><div style="padding: 3px; border-radius: 5px; border: 1px ridge #; box-shadow: 0px 1px 7px #000; background-image: url('https://lh3.googleusercontent.com/2Aj1rtfXEC2ismd5AUxpnEkR0b4NfSCkubvYfDL_7qy6=s100-no');...&lang=fr" data-text="El otoño es una segunda primavera en la que cada hoja es una flor. Albert Camus <p><br /><br /><br /></p><div style="padding: 10px;"><div style="padding: 3px; border-radius: 5px; border: 1px ridge #; box-shadow: 0px 1px 7px #000; background-image: url('https://lh3.googleusercontent.com/2Aj1rtfXEC2ismd5AUxpnEkR0b4NfSCkubvYfDL_7qy6=s100-no');..." data-url="https://tutorialgloriav.eklablog.com/-a118443548" data-lang="fr" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-twitter"></span> </a> <a class="PostShares-element" href="https://www.pinterest.com/pin/create/button/?url=https%3A%2F%2Ftutorialgloriav.eklablog.com%2F-a118443548&media=https%3A%2F%2Fekladata.com%2F6OgIN-PSVe0Jk9SGvQjQIoIylik.png&description=El%20oto%C3%B1o%20es%20una%20segunda%20primavera%20en%20la%20que%20cada%20hoja%20es%20una%20flor.%20Albert%20Camus%20%3Cp%3E%3Cbr%20%2F%3E%3Cbr%20%2F%3E%3Cbr%20%2F%3E%3C%2Fp%3E%3Cdiv%20style%3D%22padding%3A%2010px%3B%22%3E%3Cdiv%20style%3D%22padding%3A%203px%3B%20border-radius%3A%205px%3B%20border%3A%201px%20ridge%20%23%3B%20box-shadow%3A%200px%201px%207px%20%23000%3B%20background-image%3A%20url%28%27https%3A%2F%2Flh3.googleusercontent.com%2F2Aj1rtfXEC2ismd5AUxpnEkR0b4NfSCkubvYfDL_7qy6%3Ds100-no%27%29%3B..." target="_blank" onclick="window.open(this.href, 'mywin','left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;" data-pin-custom="true"> <span class="fa fa-fw fa-pinterest"></span> </a> <a class="PostShares-element" href="https://admin.over-blog.com/_repost/4019761" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-retweet"></span> </a> </div> </div> <div class="Post Post--OB"> <div class="Post-meta-container"> <span class="Post-date"> 12.08.2015 </span> <span class="Post-comments"> <span id="comment-count-4019760">…</span><script> ob.commentCount(document.querySelector("#comment-count-4019760"), { resource: "https://tutorialgloriav.eklablog.com/api/comment-count/4019760", format: (count) => { const string = count === 0 ? "no comment" : count === 1 ? "%c commentaire" : "%c commentaires" return string.replace("%c", count) } }) </script> </span> </div> <p class="Post-author"> Par GloriaV </p> <a href="https://tutorialgloriav.eklablog.com/-a118443544"> <figure class="Post-cover"> <img class="Post-coverImage" src="https://image.eklablog.com/B5TlU5L-TNEaWgn3hOmzhCn_Ayk=/640x220/smart/filters:no_upscale()/https%3A%2F%2Fekladata.com%2FgfngC2IHdZud5QsH7WP35ib1Yo0%40155x140.png" alt=""/> </figure> </a> <p class="Post-snippet"> Es apasionante que le des tanto sentido a mi vida. Te amo, te adoro. <p> </p><div style="padding: 10px;"> <div style="padding: 3px; border-radius: 20px; box-shadow: 0px 2px 11px #606060; background-image: url('https://ekladata.com/9fq6OkS7yP1pinD_t3pvSJvFcgo@78x110.gif');... </p> <a href="https://tutorialgloriav.eklablog.com/-a118443544" class="Post-readMore"> Lire la suite </a> <div class="Post-shares PostShares"> <a class="PostShares-element" href="https://www.facebook.com/sharer/sharer.php?u=https://tutorialgloriav.eklablog.com/-a118443544&t=Es apasionante que le des tanto sentido a mi vida. Te amo, te adoro. <p> </p><div style="padding: 10px;"> <div style="padding: 3px; border-radius: 20px; box-shadow: 0px 2px 11px #606060; background-image: url('https://ekladata.com/9fq6OkS7yP1pinD_t3pvSJvFcgo@78x110.gif');..." target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-facebook"></span> </a> <a class="PostShares-element" href="https://twitter.com/share?url=https://tutorialgloriav.eklablog.com/-a118443544&related=twitterapi%2Ctwitter&hashtags= &text=Es apasionante que le des tanto sentido a mi vida. Te amo, te adoro. <p> </p><div style="padding: 10px;"> <div style="padding: 3px; border-radius: 20px; box-shadow: 0px 2px 11px #606060; background-image: url('https://ekladata.com/9fq6OkS7yP1pinD_t3pvSJvFcgo@78x110.gif');...&lang=fr" data-text="Es apasionante que le des tanto sentido a mi vida. Te amo, te adoro. <p> </p><div style="padding: 10px;"> <div style="padding: 3px; border-radius: 20px; box-shadow: 0px 2px 11px #606060; background-image: url('https://ekladata.com/9fq6OkS7yP1pinD_t3pvSJvFcgo@78x110.gif');..." data-url="https://tutorialgloriav.eklablog.com/-a118443544" data-lang="fr" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-twitter"></span> </a> <a class="PostShares-element" href="https://www.pinterest.com/pin/create/button/?url=https%3A%2F%2Ftutorialgloriav.eklablog.com%2F-a118443544&media=https%3A%2F%2Fekladata.com%2FgfngC2IHdZud5QsH7WP35ib1Yo0%40155x140.png&description=Es%20apasionante%20que%20le%20des%20tanto%20sentido%20a%20mi%20vida.%20Te%20amo%2C%20te%20adoro.%20%3Cp%3E%26nbsp%3B%3C%2Fp%3E%3Cdiv%20style%3D%22padding%3A%2010px%3B%22%3E%20%3Cdiv%20style%3D%22padding%3A%203px%3B%20border-radius%3A%2020px%3B%20box-shadow%3A%200px%202px%2011px%20%23606060%3B%20background-image%3A%20url%28%27https%3A%2F%2Fekladata.com%2F9fq6OkS7yP1pinD_t3pvSJvFcgo%4078x110.gif%27%29%3B..." target="_blank" onclick="window.open(this.href, 'mywin','left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;" data-pin-custom="true"> <span class="fa fa-fw fa-pinterest"></span> </a> <a class="PostShares-element" href="https://admin.over-blog.com/_repost/4019760" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-retweet"></span> </a> </div> </div> <div class="Post Post--OB"> <div class="Post-meta-container"> <span class="Post-date"> 12.08.2015 </span> <span class="Post-comments"> <span id="comment-count-4019758">…</span><script> ob.commentCount(document.querySelector("#comment-count-4019758"), { resource: "https://tutorialgloriav.eklablog.com/api/comment-count/4019758", format: (count) => { const string = count === 0 ? "no comment" : count === 1 ? "%c commentaire" : "%c commentaires" return string.replace("%c", count) } }) </script> </span> </div> <p class="Post-author"> Par GloriaV </p> <p class="Post-snippet"> Las ideas son como las pulgas, saltan de unos a otros, pero no pican a todos. George Bernard Shaw <div style="padding-right: 10px; padding-left: 10px;"><div style="padding: 3px; width: auto; height: 100%; border-radius: 10px; border: 1px ridge #; background-image:... </p> <a href="https://tutorialgloriav.eklablog.com/-a118443540" class="Post-readMore"> Lire la suite </a> <div class="Post-shares PostShares"> <a class="PostShares-element" href="https://www.facebook.com/sharer/sharer.php?u=https://tutorialgloriav.eklablog.com/-a118443540&t=Las ideas son como las pulgas, saltan de unos a otros, pero no pican a todos. George Bernard Shaw <div style="padding-right: 10px; padding-left: 10px;"><div style="padding: 3px; width: auto; height: 100%; border-radius: 10px; border: 1px ridge #; background-image:..." target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-facebook"></span> </a> <a class="PostShares-element" href="https://twitter.com/share?url=https://tutorialgloriav.eklablog.com/-a118443540&related=twitterapi%2Ctwitter&hashtags= &text=Las ideas son como las pulgas, saltan de unos a otros, pero no pican a todos. George Bernard Shaw <div style="padding-right: 10px; padding-left: 10px;"><div style="padding: 3px; width: auto; height: 100%; border-radius: 10px; border: 1px ridge #; background-image:...&lang=fr" data-text="Las ideas son como las pulgas, saltan de unos a otros, pero no pican a todos. George Bernard Shaw <div style="padding-right: 10px; padding-left: 10px;"><div style="padding: 3px; width: auto; height: 100%; border-radius: 10px; border: 1px ridge #; background-image:..." data-url="https://tutorialgloriav.eklablog.com/-a118443540" data-lang="fr" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-twitter"></span> </a> <a class="PostShares-element" href="https://admin.over-blog.com/_repost/4019758" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-retweet"></span> </a> </div> </div> <div class="Post Post--OB"> <div class="Post-meta-container"> <span class="Post-date"> 10.08.2015 </span> <span class="Post-comments"> <span id="comment-count-4019756">…</span><script> ob.commentCount(document.querySelector("#comment-count-4019756"), { resource: "https://tutorialgloriav.eklablog.com/api/comment-count/4019756", format: (count) => { const string = count === 0 ? "no comment" : count === 1 ? "%c commentaire" : "%c commentaires" return string.replace("%c", count) } }) </script> </span> </div> <p class="Post-author"> Par GloriaV </p> <p class="Post-snippet"> El aprendizaje es un simple apéndice de nosotros mismos; dondequiera que estemos, está también nuestro aprendizaje.William Shakespeare <div style="padding-right: 10px; padding-left: 10px;"><div style="padding: 3px; width: auto; height: 100%; border-radius:... </p> <a href="https://tutorialgloriav.eklablog.com/-a118430120" class="Post-readMore"> Lire la suite </a> <div class="Post-shares PostShares"> <a class="PostShares-element" href="https://www.facebook.com/sharer/sharer.php?u=https://tutorialgloriav.eklablog.com/-a118430120&t=El aprendizaje es un simple apéndice de nosotros mismos; dondequiera que estemos, está también nuestro aprendizaje.William Shakespeare <div style="padding-right: 10px; padding-left: 10px;"><div style="padding: 3px; width: auto; height: 100%; border-radius:..." target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-facebook"></span> </a> <a class="PostShares-element" href="https://twitter.com/share?url=https://tutorialgloriav.eklablog.com/-a118430120&related=twitterapi%2Ctwitter&hashtags= &text=El aprendizaje es un simple apéndice de nosotros mismos; dondequiera que estemos, está también nuestro aprendizaje.William Shakespeare <div style="padding-right: 10px; padding-left: 10px;"><div style="padding: 3px; width: auto; height: 100%; border-radius:...&lang=fr" data-text="El aprendizaje es un simple apéndice de nosotros mismos; dondequiera que estemos, está también nuestro aprendizaje.William Shakespeare <div style="padding-right: 10px; padding-left: 10px;"><div style="padding: 3px; width: auto; height: 100%; border-radius:..." data-url="https://tutorialgloriav.eklablog.com/-a118430120" data-lang="fr" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-twitter"></span> </a> <a class="PostShares-element" href="https://admin.over-blog.com/_repost/4019756" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-retweet"></span> </a> </div> </div> <div class="Post Post--OB"> <div class="Post-meta-container"> <span class="Post-date"> 10.08.2015 </span> <span class="Post-comments"> <span id="comment-count-4019754">…</span><script> ob.commentCount(document.querySelector("#comment-count-4019754"), { resource: "https://tutorialgloriav.eklablog.com/api/comment-count/4019754", format: (count) => { const string = count === 0 ? "no comment" : count === 1 ? "%c commentaire" : "%c commentaires" return string.replace("%c", count) } }) </script> </span> </div> <p class="Post-author"> Par GloriaV </p> <p class="Post-snippet"> Nuestros amigos son los hermanos que Dios olvidó darnos. <div style="padding-right: 10px; padding-left: 10px;"><div style="padding: 3px; width: auto; height: 100%; border-radius: 10px; border: 1px ridge #; background-image: url('https://ekladata.com/M0CxdhkDbXvzeTzsEp-Xv_CSqFQ@78x110.gif');... </p> <a href="https://tutorialgloriav.eklablog.com/-a118430116" class="Post-readMore"> Lire la suite </a> <div class="Post-shares PostShares"> <a class="PostShares-element" href="https://www.facebook.com/sharer/sharer.php?u=https://tutorialgloriav.eklablog.com/-a118430116&t=Nuestros amigos son los hermanos que Dios olvidó darnos. <div style="padding-right: 10px; padding-left: 10px;"><div style="padding: 3px; width: auto; height: 100%; border-radius: 10px; border: 1px ridge #; background-image: url('https://ekladata.com/M0CxdhkDbXvzeTzsEp-Xv_CSqFQ@78x110.gif');..." target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-facebook"></span> </a> <a class="PostShares-element" href="https://twitter.com/share?url=https://tutorialgloriav.eklablog.com/-a118430116&related=twitterapi%2Ctwitter&hashtags= &text=Nuestros amigos son los hermanos que Dios olvidó darnos. <div style="padding-right: 10px; padding-left: 10px;"><div style="padding: 3px; width: auto; height: 100%; border-radius: 10px; border: 1px ridge #; background-image: url('https://ekladata.com/M0CxdhkDbXvzeTzsEp-Xv_CSqFQ@78x110.gif');...&lang=fr" data-text="Nuestros amigos son los hermanos que Dios olvidó darnos. <div style="padding-right: 10px; padding-left: 10px;"><div style="padding: 3px; width: auto; height: 100%; border-radius: 10px; border: 1px ridge #; background-image: url('https://ekladata.com/M0CxdhkDbXvzeTzsEp-Xv_CSqFQ@78x110.gif');..." data-url="https://tutorialgloriav.eklablog.com/-a118430116" data-lang="fr" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-twitter"></span> </a> <a class="PostShares-element" href="https://admin.over-blog.com/_repost/4019754" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-retweet"></span> </a> </div> </div> <div class="Post Post--OB"> <div class="Post-meta-container"> <span class="Post-date"> 10.08.2015 </span> <span class="Post-comments"> <span id="comment-count-4019750">…</span><script> ob.commentCount(document.querySelector("#comment-count-4019750"), { resource: "https://tutorialgloriav.eklablog.com/api/comment-count/4019750", format: (count) => { const string = count === 0 ? "no comment" : count === 1 ? "%c commentaire" : "%c commentaires" return string.replace("%c", count) } }) </script> </span> </div> <p class="Post-author"> Par GloriaV </p> <p class="Post-snippet"> * Donde reina el amor, las leyes sobran. Platón <div style="padding-right: 10px; padding-left: 1px;"><div style="padding: 3px; width: 100%; height: 100%; border-radius: 10px; background-image: url('http://www.constellation7.org/stormyseas.gif');box-shadow:... </p> <a href="https://tutorialgloriav.eklablog.com/-a118429860" class="Post-readMore"> Lire la suite </a> <div class="Post-shares PostShares"> <a class="PostShares-element" href="https://www.facebook.com/sharer/sharer.php?u=https://tutorialgloriav.eklablog.com/-a118429860&t=* Donde reina el amor, las leyes sobran. Platón <div style="padding-right: 10px; padding-left: 1px;"><div style="padding: 3px; width: 100%; height: 100%; border-radius: 10px; background-image: url('http://www.constellation7.org/stormyseas.gif');box-shadow:..." target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-facebook"></span> </a> <a class="PostShares-element" href="https://twitter.com/share?url=https://tutorialgloriav.eklablog.com/-a118429860&related=twitterapi%2Ctwitter&hashtags= &text=* Donde reina el amor, las leyes sobran. Platón <div style="padding-right: 10px; padding-left: 1px;"><div style="padding: 3px; width: 100%; height: 100%; border-radius: 10px; background-image: url('http://www.constellation7.org/stormyseas.gif');box-shadow:...&lang=fr" data-text="* Donde reina el amor, las leyes sobran. Platón <div style="padding-right: 10px; padding-left: 1px;"><div style="padding: 3px; width: 100%; height: 100%; border-radius: 10px; background-image: url('http://www.constellation7.org/stormyseas.gif');box-shadow:..." data-url="https://tutorialgloriav.eklablog.com/-a118429860" data-lang="fr" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-twitter"></span> </a> <a class="PostShares-element" href="https://admin.over-blog.com/_repost/4019750" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-retweet"></span> </a> </div> </div> <div class="Post Post--OB"> <h2 class="Post-title"> <a class="Post-titleLink" href="https://tutorialgloriav.eklablog.com/-a118429804" title="En savoir plus : "> </a> </h2> <div class="Post-meta-container"> <span class="Post-date"> 10.08.2015 </span> <span class="Post-comments"> <span id="comment-count-4019748">…</span><script> ob.commentCount(document.querySelector("#comment-count-4019748"), { resource: "https://tutorialgloriav.eklablog.com/api/comment-count/4019748", format: (count) => { const string = count === 0 ? "no comment" : count === 1 ? "%c commentaire" : "%c commentaires" return string.replace("%c", count) } }) </script> </span> </div> <p class="Post-author"> Par GloriaV </p> <a href="https://tutorialgloriav.eklablog.com/-a118429804"> <figure class="Post-cover"> <img class="Post-coverImage" src="https://image.eklablog.com/ysO3CriTKnrl-x4tLEgnsKKn1DA=/640x220/smart/filters:no_upscale()/https%3A%2F%2Fekladata.com%2F1JvFBSfqiavLwyvQIjzy-mm21Dk.png" alt=" "/> </figure> </a> <p class="Post-snippet"> Parece probado que en la vida se triunfa gracias a tres factores: la salud, la inteligencia y el carácter, añadamos un cuarto factor; un poco de suerte. Alfred Binet <div style="padding-left: 10px; padding-right: 10px; padding-top: 50px;"><div style="padding:... </p> <a href="https://tutorialgloriav.eklablog.com/-a118429804" class="Post-readMore"> Lire la suite </a> <div class="Post-shares PostShares"> <a class="PostShares-element" href="https://www.facebook.com/sharer/sharer.php?u=https://tutorialgloriav.eklablog.com/-a118429804&t= " target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-facebook"></span> </a> <a class="PostShares-element" href="https://twitter.com/share?url=https://tutorialgloriav.eklablog.com/-a118429804&related=twitterapi%2Ctwitter&hashtags= &text= &lang=fr" data-text=" " data-url="https://tutorialgloriav.eklablog.com/-a118429804" data-lang="fr" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-twitter"></span> </a> <a class="PostShares-element" href="https://www.pinterest.com/pin/create/button/?url=https%3A%2F%2Ftutorialgloriav.eklablog.com%2F-a118429804&media=https%3A%2F%2Fekladata.com%2F1JvFBSfqiavLwyvQIjzy-mm21Dk.png&description=Parece%20probado%20que%20en%20la%20vida%20se%20triunfa%20gracias%20a%20tres%20factores%3A%20la%20salud%2C%20la%20inteligencia%20y%20el%20car%C3%A1cter%2C%20a%C3%B1adamos%20un%20cuarto%20factor%3B%20un%20poco%20de%20suerte.%20Alfred%20Binet%20%3Cdiv%20style%3D%22padding-left%3A%2010px%3B%20padding-right%3A%2010px%3B%20padding-top%3A%2050px%3B%22%3E%3Cdiv%20style%3D%22padding%3A..." target="_blank" onclick="window.open(this.href, 'mywin','left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;" data-pin-custom="true"> <span class="fa fa-fw fa-pinterest"></span> </a> <a class="PostShares-element" href="https://admin.over-blog.com/_repost/4019748" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;"> <span class="fa fa-fw fa-retweet"></span> </a> </div> </div> <div class="Pagination"> <div class="ob-pagination"> <a href="/" class="ob-page ob-page-link ob-page-first" ><<</a> <a href="/page/274" class="ob-page ob-page-link ob-page-previous" ><</a> <a href="/page/200" class="ob-page ob-page-link ob-page-more ob-page-tens" >200</a> <a href="/page/210" class="ob-page ob-page-link ob-page-more ob-page-tens" >210</a> <a href="/page/220" class="ob-page ob-page-link ob-page-more ob-page-tens" >220</a> <a href="/page/230" class="ob-page ob-page-link ob-page-more ob-page-tens" >230</a> <a href="/page/240" class="ob-page ob-page-link ob-page-more ob-page-tens" >240</a> <a href="/page/250" class="ob-page ob-page-link ob-page-more ob-page-tens" >250</a> <a href="/page/260" class="ob-page ob-page-link ob-page-more ob-page-tens" >260</a> <a href="/page/270" class="ob-page ob-page-link ob-page-tens" >270</a> <a href="/page/271" class="ob-page ob-page-link " >271</a> <a href="/page/272" class="ob-page ob-page-link " >272</a> <a href="/page/273" class="ob-page ob-page-link " >273</a> <a href="/page/274" class="ob-page ob-page-link " >274</a> <span class="ob-page ob-page-current " >275</span> <a href="/page/276" class="ob-page ob-page-link " >276</a> <a href="/page/277" class="ob-page ob-page-link " >277</a> <a href="/page/278" class="ob-page ob-page-link " >278</a> <a href="/page/279" class="ob-page ob-page-link " >279</a> <a href="/page/280" class="ob-page ob-page-link ob-page-tens" >280</a> <a href="/page/290" class="ob-page ob-page-link ob-page-more ob-page-tens" >290</a> <a href="/page/300" class="ob-page ob-page-link ob-page-more ob-page-hundreds" >300</a> <a href="/page/276" class="ob-page ob-page-link ob-page-next" >></a> <a href="/page/329" class="ob-page ob-page-link ob-page-last" >>></a> </div> </div> </div> <!-- **************************** --> <!-- ***** Sidebar ***** --> <!-- **************************** --> <aside class="Sidebar"> <!-- ***************** Sidebar: newsletter ********************* --> <div class="Sidebar-widget" data-order="2"> <div class="Sidebar-about SidebarSubscribe"> <div class="ob-h3 Sidebar-title"> Newsletter </div> <form class="Sidebar-form" action="/mail/subscribe?utm_source=_ob_abo_newsletter&utm_medium=_ob_sidebar" method="post"> <input class="ob-input SidebarForm-input" type="email" name="email" placeholder="Saisissez votre email ici" required="required" /> <input class="ob-input ob-input-submit SidebarForm-submit" type="submit" value="S'abonner" /> </form> </div> </div> <!-- ***************** Sidebar: Ads ***************** --> <!-- ***************** Sidebar: Tags ***************** --> <!-- ***************** Sidebar: Pages ***************** --> <!-- ***************** Sidebar: About ***************** --> <div class="Sidebar-widget Sidebar-about SidebarAbout" data-order="3"> <div class="ob-h3 Sidebar-title"> </div> <p class="SidebarAbout-description"> Tutorial, CSS, HTML <br>Voir le profil de <a href="https://www.eklablog.com/user/333295.html" target="_blank">GloriaV</a> sur le portail Eklablog </p> </div> <!-- ***************** Sidebar: Follow ***************** --> <div class="Sidebar-widget" data-order="5"> <div class="ob-h3 Sidebar-title"> Suivez-moi </div> <ul class="Sidebar-follow SidebarFollow"> <li class="SidebarFollow-element"> <a class="SidebarFollow-elementLink SidebarFollow-elementLink--rss" href="/rss" target="_blank"> <span class="fa fa-fw fa-rss"></span> </a> </li> </ul> </div> <!-- ****************** Sidebar: Biography ****************** --> <div class="Sidebar-widget Sidebar-about SidebarAbout" data-order="4"> <div class="ob-h3 Sidebar-title"> À propos </div> <a href="https://www.eklablog.com/user/333295.html" target="_blank"> <img class="SidebarAbout-avatar" src="https://image.eklablog.com/LYX6vCgy7VchPpruWFW7GR2ZN0c=/300x300/smart/filters:no_upscale()/https%3A%2F%2Fekladata.com%2Fj8TA7u2vBt7maG9CHh9APsLmuIk.gif" alt="GloriaV" /> </a> <p class="SidebarAbout-description"> <br>Voir le profil de <a href="https://www.eklablog.com/user/333295.html" target="_blank">GloriaV</a> sur le portail Eklablog </p> </div> <!-- ********************** Sidebar: Twitter Hub ********************** --> <!-- ********************** Sidebar: Facebook Hub ********************** --> <!-- ********************** Sidebar: Flickr Hub ********************** --> <!-- *********************** Sidebar: Free Module #1 *********************** --> <!-- *********************** Sidebar: Free Module #2 *********************** --> <!-- ***************** Sidebar: Ads #2 ***************** --> </aside> </div> <!-- **************************** --> <!-- ***** Footer ***** --> <!-- **************************** --> <!-- Footer --> <div class="Footer"> <p class="Footer-content"> Thème Magazine © - Hébergé par <a href="https://www.eklablog.com" target="_bank">Eklablog</a> </p> </div> <!-- jQuery onReady --> <script type="text/javascript"> jQuery(document).ready(function() { /* Menu */ $(".Nav-menuButton").click(function(){ if($(".Nav-menu").hasClass("Nav-menu--open")) { $(".Nav-menu").removeClass("Nav-menu--open"); } else { $(".Nav-menu").addClass("Nav-menu--open"); } }); /* Search */ $(".NavSearch-icon").click(function(){ if($(".NavSearch").hasClass("NavSearch--open")) { if($(".NavSearch-input").val().length === 0) { $(".NavSearch").removeClass("NavSearch--open"); } else { $(".NavSearch-form").submit(); } } else { $(".NavSearch").addClass("NavSearch--open"); } }); /* Fancybox */ $(".ob-link-img, .author-avatar, .blog-avatar, .asset-img-link, .avatar").attr("rel", "fancybox"); $("a[rel=fancybox]").fancybox({ 'overlayShow' : true, 'transitionIn' : 'fadin', 'transitionOut' : 'fadin', 'type' : 'image' }); window.addEventListener("resize", function() { if (window.innerWidth > 970) { $(".menu-main").removeClass("menu-main--open"); } }) }); </script> <script async defer> function createDropdownTrigger() { var trigger = document.createElement("span") trigger.classList.add("trigger") return trigger } function addTriggers() { var elementsToTriggers = document.querySelectorAll(".menu_level_1 > .branch > span, .menu_level_1 > .branch > a") elementsToTriggers.forEach(function(elementToTrigger) { elementToTrigger.insertAdjacentElement("afterend", createDropdownTrigger()) }) } function triggerLevelHidden() { var lastMenuLevelElements = document.querySelectorAll(".menu_level_0") if (lastMenuLevelElements[0]) { lastMenuLevelElements.forEach(function(lastMenuLevelElement) { if (window.innerWidth <= 970) { lastMenuLevelElement.classList.add("level_hidden") } else { lastMenuLevelElement.classList.remove("level_hidden") } }) } } function handleDropdown() { var triggers = document.querySelectorAll(".trigger") var openSection = null; triggers.forEach(function(trigger) { trigger.addEventListener("click", function(e) { var menuLevel0 = e.target.nextElementSibling if (menuLevel0.style.maxHeight) { menuLevel0.style.maxHeight = null trigger.style.transform = "rotate(-45deg)" openSection = null; } else { if (openSection) { openSection.style.maxHeight = null; openSection.previousElementSibling.style.transform = "rotate(-45deg)"; } menuLevel0.style.maxHeight = menuLevel0.scrollHeight + "px" trigger.style.transform = "rotate(45deg)" openSection = menuLevel0; } }) }) } (function init() { addTriggers() triggerLevelHidden() handleDropdown() })() window.addEventListener("resize", function(e) { triggerLevelHidden() }) </script> <div class="ob-footer" id="legals" > <ul> <li class="ob-footer-item">Voir le profil de <a href="https://www.eklablog.com/user/333295.html" target="_blank">GloriaV</a> sur le portail Eklablog</li> <li class="ob-footer-item"><a href="/top">Top articles</a></li> <li class="ob-footer-item"><a href="/contact">Contact</a></li> <li class="ob-footer-item"><a href="https://www.eklablog.com/abuse/506131"> Signaler un abus </a></li> <li class="ob-footer-item"><a href="https://www.eklablog.com/terms-of-use" target="_blank">C.G.U.</a></li> <li class="ob-footer-item"><a href="https://www.eklablog.com/cookies" target="_blank">Cookies et données personnelles</a></li> <li class="ob-footer-item"><a href="javascript:Didomi.notice.show()">Préférences cookies</a></li> </ul> </div> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer', "GTM-WG3SK3P"); </script> <script src="https://assets.over-blog-kiwi.com/b/blog/v2026.07.02/obfuscated_link.4b3f12e9.js"></script> </body> </html>
