tutorialgloriav.eklablog.com

13.08.2015 …

Par GloriaV

HTML

12.08.2015 …

Par GloriaV

12.08.2015 …

Par GloriaV

Rainbow HTML

CSS .hovergallery12 img{/*GloriaV *//*URL: http://tutorialgloriav.eklablog.com/*//*...

12.08.2015 …

Par GloriaV

11. Menú flotante HTML

Otros blogs

Fondos, gif,...

Otros blogs

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 blogs

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;">

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/cijOcwWEmJNorbxae7vwof1pKP8=/640x220/smart/filters:no_upscale()/http%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=http%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/QiA4wCOeYbdw2hcsk6NHOYyFX80=/640x220/smart/filters:no_upscale()/http%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=http%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="Pagination"> <div class="ob-pagination"> <a href="/archive/2015-08/" class="ob-page ob-page-link ob-page-first" ><<</a> <a href="/archive/2015-08/14" class="ob-page ob-page-link ob-page-previous" ><</a> <a href="/archive/2015-08/10" class="ob-page ob-page-link ob-page-tens" >10</a> <a href="/archive/2015-08/11" class="ob-page ob-page-link " >11</a> <a href="/archive/2015-08/12" class="ob-page ob-page-link " >12</a> <a href="/archive/2015-08/13" class="ob-page ob-page-link " >13</a> <a href="/archive/2015-08/14" class="ob-page ob-page-link " >14</a> <span class="ob-page ob-page-current " >15</span> <a href="/archive/2015-08/16" class="ob-page ob-page-link " >16</a> <a href="/archive/2015-08/17" class="ob-page ob-page-link " >17</a> <a href="/archive/2015-08/18" class="ob-page ob-page-link " >18</a> <a href="/archive/2015-08/19" class="ob-page ob-page-link " >19</a> <a href="/archive/2015-08/20" class="ob-page ob-page-link ob-page-tens" >20</a> <a href="/archive/2015-08/16" class="ob-page ob-page-link ob-page-next" >></a> <a href="/archive/2015-08/20" class="ob-page ob-page-link ob-page-last" >>></a> </div> </div> </div>    <aside class="Sidebar">  <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>     <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>  <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>  <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>       </aside> </div>     <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>  <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>