Título de la nueva página
<html class="translated-ltr"><head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta name="description" edit="mootools shell, easy test you snippets before implementing"> <meta name="keywords" edit="mootools,javascript,javascript framework,shell,test"> <meta name="robots" edit="all"> <title>Editar este Fiddle - jsFiddle</title> <link href="http://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet" type="text/css"> <meta name="google-site-verification" content="9m4aWTtDLfQ1kJNm3NtNsCrtpsOx_QoOPQRJ7jAwup8"> <meta name="author" edit="Piotr Zalewa"> <meta name="copyright" content="share alike"> <script src="http://dnn506yrbagrg.cloudfront.net/pages/scripts/0012/8885.js?374488" async="" type="text/javascript"></script><script type="text/javascript" src="/js/jslint.min.js"></script> <script type="text/javascript" src="/js/lib/mootools-1.2.5-core-json-fixed.js"></script><script type="text/javascript" src="/js/lib/mootools-1.2.5-more-main.js"></script><script type="text/javascript" src="/codemirror/js/codemirror.js"></script><script type="text/javascript" src="/codemirror/js/mirrorframe.js"></script><script type="text/javascript" src="/js/Sidebar.js"></script><script type="text/javascript" src="/js/LayoutCM.js"></script><script type="text/javascript" src="/js/Actions.js"></script><script type="text/javascript" src="/js/Resources.js"></script><script type="text/javascript" src="/js/EditorCM.js"></script><script type="text/javascript" src="/js/Settings.js"></script> <script src="/mooshellmedia/js/clientcide.2.2.0.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript" charset="utf-8"> // switch this to false once on production var disqus_developer = false; // uniqie shell ID var disqus_identifier = 'yfbaX'; // title var disqus_title = ''; </script> <!--meta name="viewport" content="width=device-width, maximum-scale=0.5" /--> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-touch-fullscreen" content="yes"> <link rel="stylesheet" type="text/css" href="/css/normalize.css"> <link rel="stylesheet" type="text/css" href="/css/tricks.css"> <link rel="icon" href="/favicon.png"> <!--[if lte IE 6]> <link rel="stylesheet" type="text/css" href="/mooshellmedia/css/ie-hacks.css"/> <![endif]--> <link rel="stylesheet" type="text/css" href="/css/style.css"> <link rel="stylesheet" type="text/css" href="/css/light.css"> <script type="text/javascript"> var csspath = "/css/", jspath = "/js/", imgpath = "/img/", mediapath = "/mooshellmedia/", codemirrorpath = "/codemirror/", panel_html = 'html', panel_css = 'css', panel_js = 'javascript', makefavouritepath = "/_make_favourite/", example_server = "http://jsfiddle.net", username = "", mooshell, preload_resources; Layout.skin = "";// "light" window.addEvent('domready', function() { if (panel_js != 'javascript' && $('jslint')) { $('jslint').getParent('li').hide(); } $extend(Layout, new Events()); mooshell = new MooShellActions({ example_id: '2603986', exampleURL: "http://jsfiddle.net/djdiego88/yfbaX/", exampleSaveUrl: '/_save/', loadDependenciesURL: '/_get_dependencies/{lib_id}/', loadLibraryVersionsURL: '/_get_library_versions/{group_id}/' }); new MooShellEditor.JS($('id_code_js'), {language: panel_js}); // add user defined parameters new MooShellEditor.HTML($('id_code_html'), {language: panel_html}); // add user defined parameters new MooShellEditor.CSS($('id_code_css'), {language: panel_css}); // add user defined parameters Layout.render(); }); window.addEvent('load', function() { }); </script> <style id="defaultStickyWinStyle">div.DefaultStickyWin {font-family:verdana; font-size:11px; line-height: 13px;position: relative;}div.DefaultStickyWin div.top{-moz-user-select: none;-khtml-user-select: none;}div.DefaultStickyWin div.top_ul{background:url(http://github.com/anutron/clientcide/raw/master/Assets/stickyWinHTML/full.png) top left no-repeat; height:30px; width:15px; float:left}div.DefaultStickyWin div.top_ur{position:relative; left:0px !important; left:-4px; background:url(http://github.com/anutron/clientcide/raw/master/Assets/stickyWinHTML/full.png) top right !important; height:30px; margin:0px 0px 0px 15px !important; margin-right:-4px; padding:0px}div.DefaultStickyWin h1.caption{clear: none !important; margin:0px !important; overflow: hidden; padding:0 !important; font-weight:bold; color:#555; font-size:14px !important; position:relative; top:8px !important; left:5px !important; float: left; height: 22px !important;}div.DefaultStickyWin div.middle, div.DefaultStickyWin div.closeBody {background:url(http://github.com/anutron/clientcide/raw/master/Assets/stickyWinHTML/body.png) top left repeat-y; margin:0px 20px 0px 0px !important; margin-bottom: -3px; position: relative; top: 0px !important; top: -3px;}div.DefaultStickyWin div.body{background:url(http://github.com/anutron/clientcide/raw/master/Assets/stickyWinHTML/body.png) top right repeat-y; padding:8px 23px 8px 0px !important; margin-left:5px !important; position:relative; right:-20px !important; z-index: 1;}div.DefaultStickyWin div.bottom{clear:both;}div.DefaultStickyWin div.bottom_ll{background:url(http://github.com/anutron/clientcide/raw/master/Assets/stickyWinHTML/full.png) bottom left no-repeat; width:15px; height:15px; float:left}div.DefaultStickyWin div.bottom_lr{background:url(http://github.com/anutron/clientcide/raw/master/Assets/stickyWinHTML/full.png) bottom right; position:relative; left:0px !important; left:-4px; margin:0px 0px 0px 15px !important; margin-right:-4px; height:15px}div.DefaultStickyWin div.closeButtons{text-align: center; background:url(http://github.com/anutron/clientcide/raw/master/Assets/stickyWinHTML/body.png) top right repeat-y; padding: 4px 30px 8px 0px; margin-left:5px; position:relative; right:-20px}div.DefaultStickyWin a.button:hover{background:url(http://github.com/anutron/clientcide/raw/master/Assets/stickyWinHTML/big_button_over.gif) repeat-x}div.DefaultStickyWin a.button {background:url(http://github.com/anutron/clientcide/raw/master/Assets/stickyWinHTML/big_button.gif) repeat-x; margin: 2px 8px 2px 8px; padding: 2px 12px; cursor:pointer; border: 1px solid #999 !important; text-decoration:none; color: #000 !important;}div.DefaultStickyWin div.closeButton{width:13px; height:13px; background:url(http://github.com/anutron/clientcide/raw/master/Assets/stickyWinHTML/closebtn.gif) no-repeat; position: absolute; right: 0px; margin:10px 15px 0px 0px !important; cursor:pointer;top:0px}div.DefaultStickyWin div.dragHandle { width: 11px; height: 25px; position: relative; top: 5px; left: -3px; cursor: move; background: url(http://github.com/anutron/clientcide/raw/master/Assets/stickyWinHTML/drag_corner.gif); float: left;}</style><script src="/js/beautifier.js" type="text/javascript"></script><link type="text/css" rel="stylesheet" charset="UTF-8" href="http://translate.googleapis.com/translate_static/css/translateelement.css"><script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/main_es.js"></script><script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/10/element_main.js"></script></head><body> <form method="post" id="show-result" target="result" action="http://fiddle.jshell.net/_display/"> <div id="header"> <div id="branding"> <p id="name"><a href="/" id="home"><font><font>jsFiddle (alfa)</font></font></a></p> </div> <div id="actions"> <ul class="actionCont collapsed" id="toggleSidebarUl"> <li class="actionItem"><a class="aiButton" id="toggleSidebar" title="Alternar barra lateral" href="#toggle-sidebar" style="display: none; "><span><font><font>Ocultar barra lateral</font></font></span></a></li> </ul> <ul class="actionCont collapsed"> <li class="actionItem"><a class="aiButton" id="run" title="La marcha (control de retorno +)" href="#run"><span><font><font>Ejecutar</font></font></span></a></li> </ul> <ul class="actionCont collapsed"> <li class="actionItem"><a class="aiButton" id="update" title="Update (Control + s)" href="#update"><span><font><font>Actualizar</font></font></span></a></li> <li class="actionItem"><a class="aiButton" id="savenew" title="Tenedor en un violín nuevo" href="#fork"><span><font><font>Tenedor</font></font></span></a></li> <li class="actionItem"><a class="aiButton" id="clean" title="Restablecer todos los campos" href="#clear"><span><font><font>Reajustar</font></font></span></a></li> </ul> <ul class="actionCont collapsed"> <li class="actionItem"><a class="aiButton" id="tidy" title="Re-indent código desordenado" href="#tidy"><span><font><font>TidyUp</font></font></span></a></li> <li class="actionItem"><a class="aiButton" id="jslint" title="Ejecutar JSLint en el código" href="#jslint"><span><font><font>JSLint</font></font></span></a></li> <li class="actionItem" style="display: none; "><a class="aiButton" id="showjscode" title="Mostrar el código JavaScript" href="#showjs"><span><font><font>Mostrar JS</font></font></span></a></li> </ul> <ul class="actionCont dropdown"> <li class="actionItem"> <a class="aiButton" id="share" title="Compartir este Fiddle" href="#share"><span><font><font>Participación</font></font></span></a> <div class="dropdownCont" style="visibility: hidden; zoom: 1; opacity: 0; "> <div class="dcWrapper"> <div id="share_links_dropdown"> <p> <label for="share_link_dropdown"><font><font>Compartir enlace</font></font></label> <input id="share_link_dropdown" type="text" class="share" value="http://jsfiddle.net/djdiego88/yfbaX/"> </p> <p> <label for="share_result_dropdown"><font><font>Comparte resultado a pantalla completa</font></font></label> <input id="share_result_dropdown" type="text" class="share" value="http://jsfiddle.net/djdiego88/yfbaX/embedded/result/"> </p> <p> <label for="share_embedded_dropdown"><font><font>Insertar en tu página</font></font></label> <input id="share_embedded_dropdown" type="text" class="share" value="<iframe style="width: 100%; height: 300px" src="http://jsfiddle.net/djdiego88/yfbaX/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>"> </p> </div> <ul id="share-social"> <li class="ssItem twitter"><a href="http://twitter.com/home?status=You should check this out! - http://jsfiddle.net/djdiego88/yfbaX/" title="Haga clic aquí para enviar esta página a Twitter!" target="_blank"><font><font>Comparte en Twitter</font></font></a></li> <li class="ssItem facebook"><a href="javascript:var%20d=document,f='http://www.facebook.com/share',l=d.location,e=encodeURIComponent,p='.php?src=bm&v=4&i=1244125276&u='+e(l.href)+'&t='+e(d.title);1;try%7Bif%20(!/%5E(.*%5C.)?facebook%5C.%5B%5E.%5D*$/.test(l.host))throw(0);share_internal_bookmarklet(p)%7Dcatch(z)%20%7Ba=function()%20%7Bif%20(!window.open(f+'r'+p,'sharer','toolbar=0,status=0,resizable=1,width=626,height=436'))l.href=f+p%7D;if%20(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%7Ba()%7D%7Dvoid(0)" title="Publicar en Facebook"><font><font>Publicar en Facebook</font></font></a></li> </ul> </div> </div> </li> </ul> <ul class="actionCont right"> <li class="actionItem noIcon"><a class="aiButton" id="login" title="Login" href="/user/login/"><span><font><font>Ingresar / Registrarse</font></font></span></a></li> </ul> </div> </div> <div id="sidebar" style="min-height: 149px; "> <div id="info" style="display: block; "><font><font> Por favor, lea la </font></font><a href="http://doc.jsfiddle.net/" target="_new"><font><font>documentación</font></font></a><font><font> . </font></font><br><font><font> Para las actualizaciones por favor, siga </font></font><a href="http://blog.jsfiddle.net/"><font><font>nuestros blogs</font></font></a><font><font> , </font></font><a href="http://twitter.com/js_fiddle/" target="_new"><font><font>mensajes de twitter</font></font></a><font><font> o </font></font><a href="http://www.facebook.com/pages/jsFiddle/183790024998" target="_new"><font><font>convertirse en un fan</font></font></a><font><font> . </font></font><a id="info-close" title="Cerrar" href="#"><font><font>Cerrar</font></font></a> </div> <script type="text/javascript"> var DP; window.addEvent('domready', function(){ var infoBox = $('info'), closeBox = $('info-close'); if (infoBox) { if (!Cookie.read('infoBoxStatus')){ infoBox.setStyle('display', 'block'); } closeBox.addEvent('click', function(e){ e.stop(); Cookie.write('infoBoxStatus', 'hide', { domain: 'jsfiddle.net', duration: '5' }); infoBox.dissolve(); }); } DP = new Dropdown(); }); </script> <h3 class="toggler active" id="settings_toggler"><font><font>Elige Marco</font></font></h3> <div class="element" id="shell_settings"> <div class="elementBody" style="padding-top: 0px; border-top-style: none; padding-bottom: 0px; border-bottom-style: none; overflow: hidden; visibility: visible; zoom: 1; opacity: 1; height: auto; "> <div class="ebCont"> <select name="js_wrap" id="js_wrap"> <option value="h" selected="1"><font><font>sin envoltura (cabeza)</font></font></option> <option value="b"><font><font>sin envoltura (el cuerpo)</font></font></option> <option value="d"><font><font>onDomReady</font></font></option> <option value="l"><font><font>onLoad</font></font></option> </select> <select name="js_lib" id="js_lib"> <optgroup label="Mootools"> <option value="96"><font><font>Mootools 1.4.5 (compat)</font></font></option> <option value="95"><font><font>Mootools 1.4.5</font></font></option> <option value="63"><font><font>Mootools 1.3.2 (compat)</font></font></option> <option value="62"><font><font>Mootools 1.3.2</font></font></option> <option value="37"><font><font>Mootools 1.2.5</font></font></option> <option value="1"><font><font>Mootools 1.1.2</font></font></option> <option value="59"><font><font>Mootools (borde)</font></font></option> </optgroup> <optgroup label="jQuery"> <option value="112"><font><font>jQuery 1.8.0</font></font></option> <option value="101"><font><font>jQuery 1.7.2</font></font></option> <option value="75" selected="selected"><font><font>jQuery 1.6.4</font></font></option> <option value="60"><font><font>jQuery 1.5.2</font></font></option> <option value="49"><font><font>jQuery 1.4.4</font></font></option> <option value="7"><font><font>jQuery 1.3.2</font></font></option> <option value="46"><font><font>jQuery (borde)</font></font></option> </optgroup> <optgroup label="Prototype"> <option value="54"><font><font>Prototype 1.7</font></font></option> <option value="4"><font><font>Prototype 1.6.1.0</font></font></option> </optgroup> <optgroup label="YUI"> <option value="118"><font><font>YUI 3.6.0</font></font></option> <option value="102"><font><font>YUI 3.5.0</font></font></option> <option value="74"><font><font>YUI 3.4.1 sencillo</font></font></option> <option value="73"><font><font>YUI 3.4.1</font></font></option> <option value="9"><font><font>YUI 2.8.0r4</font></font></option> </optgroup> <optgroup label="Glow"> <option value="103"><font><font>Glow 1.7.7 (core.debug)</font></font></option> </optgroup> <optgroup label="No-Library"> <option value="11"><font><font>No-Library (puro JS)</font></font></option> </optgroup> <optgroup label="Dojo"> <option value="114"><font><font>Dojo 1.8.0</font></font></option> <option value="113"><font><font>Dojo 1.7.3</font></font></option> <option value="94"><font><font>Dojo 1.7.2</font></font></option> <option value="86"><font><font>Dojo 1.7.1</font></font></option> <option value="61"><font><font>Dojo 1.6</font></font></option> <option value="34"><font><font>Dojo 1.5</font></font></option> <option value="13"><font><font>Dojo 1.4</font></font></option> <option value="12"><font><font>Dojo 1.3</font></font></option> <option value="87"><font><font>Dojo (todas las noches)</font></font></option> </optgroup> <optgroup label="Processing.js"> <option value="81"><font><font>Processing.js 1.3.6</font></font></option> <option value="67"><font><font>Processing.js 1.2.3</font></font></option> <option value="50"><font><font>Processing.js 1.0.0</font></font></option> </optgroup> <optgroup label="ExtJS"> <option value="80"><font><font>ExtJS 4.1.1</font></font></option> <option value="107"><font><font>ExtJS 4.1.0</font></font></option> <option value="109"><font><font>ExtJS 3.4.0</font></font></option> <option value="23"><font><font>ExtJS 3.1.0</font></font></option> <option value="24"><font><font>ExtJS 3.0.0</font></font></option> </optgroup> <optgroup label="Raphael"> <option value="76"><font><font>Raphael 2,0</font></font></option> <option value="36"><font><font>Raphael 1.5.2 (min)</font></font></option> <option value="30"><font><font>Raphael 1,4</font></font></option> </optgroup> <optgroup label="RightJS"> <option value="45"><font><font>RightJS 2.1.1</font></font></option> </optgroup> <optgroup label="Three.js"> <option value="82"><font><font>Three.js r50</font></font></option> </optgroup> <optgroup label="Zepto"> <option value="90"><font><font>Zepto 0,8</font></font></option> </optgroup> <optgroup label="Enyo"> <option value="116"><font><font>Enyo 2.0.1</font></font></option> <option value="115"><font><font>Enyo (todas las noches)</font></font></option> </optgroup> <optgroup label="Shipyard"> <option value="105"><font><font>Astillero 0,2</font></font></option> <option value="99"><font><font>Astillero (todas las noches)</font></font></option> </optgroup> <optgroup label="MooFx"> </optgroup> <optgroup label="Knockout.js"> <option value="117"><font><font>Knockout.js 2.1.0</font></font></option> <option value="104"><font><font>Knockout.js 2.0.0</font></font></option> </optgroup> <optgroup label="The X Toolkit"> <option value="106"><font><font>El X Toolkit borde</font></font></option> </optgroup> <optgroup label="AngularJS"> <option value="108"><font><font>AngularJS 1.0.1</font></font></option> </optgroup> <optgroup label="Ember"> <option value="110"><font><font>Ember 0,9</font></font></option> </optgroup> <optgroup label="Underscore"> <option value="111"><font><font>Destacar 1.3.3</font></font></option> </optgroup> </select> <ul id="js_dependency"> </ul> <p class="libraryTagAttributes"> <label><font><font> Atributos de biblioteca de etiquetas </font></font><a target="_new" href="http://doc.jsfiddle.net/basic/introduction.html#choose-framework"><font><font>(?)</font></font></a> </label> <input id="id_js_lib_option" type="text" name="js_lib_option" maxlength="255"> </p> <p id="normalize_check"> <input checked="checked" type="checkbox" name="normalize_css" id="id_normalize_css"> <label for="id_normalize_css"><font><font>Normalizado CSS</font></font></label> </p> </div> </div> </div> <script type="text/javascript"> window.addEvent('load', function() { $('js_lib').addEvent('change', function() { mooshell.loadDependencies(this.value); }) if ($('library_group')) $('library_group').addEvent('change', function() { mooshell.loadLibraryVersions(this.value); }) }); </script> <h3 class="toggler" id="pannels_toggler"><font><font>Paneles</font></font></h3> <div class="element" id="panels_settings"> <div class="elementBody" style="padding-top: 0px; border-top-style: none; padding-bottom: 0px; border-bottom-style: none; overflow: hidden; visibility: hidden; zoom: 1; opacity: 0; height: 0px; "> <div class="ebCont"> <div class="selectPanel"> <select name="panel_html" class="panel_choice" id="panel_html_choice" disabled="disabled" data-panel_id="id_code_html" data-panel="html"> <option value="0" selected=""><font><font>HTML</font></font></option> </select> <select name="panel_css" class="panel_choice" id="panel_css_choice" data-panel_id="id_code_css" data-panel="css"> <option value="0" selected=""><font><font>CSS</font></font></option> <option value="1"><font><font>SCSS</font></font></option> </select> <select name="panel_js" class="panel_choice" id="panel_js_choice" data-panel_id="id_code_js" data-panel="js"> <option value="0" selected=""><font><font>JavaScript</font></font></option> <option value="1"><font><font>CoffeeScript</font></font></option> <option value="2"><font><font>JavaScript 1.7</font></font></option> </select> <span class="selectFake"><font><font>Resultados</font></font></span> </div> </div> </div> </div> <h3 class="toggler" id="resources_toggler"><font><font> Agregar recursos </font></font></h3> <div class="element" id="resources_element"> <div class="elementBody" style="padding-top: 0px; border-top-style: none; padding-bottom: 0px; border-bottom-style: none; overflow: hidden; visibility: hidden; zoom: 1; opacity: 0; height: 0px; "> <div class="ebCont"> <div id="external-resources-form"> <input id="external_resource" type="text" value=""> <a id="add_external_resource" class="submit" href="#" title="Añadir recurso"><span><font><font>Añadir</font></font></span></a> </div> <input type="hidden" value="" id="external_resources_id" name="add_external_resources"> <ul id="external_resources_list"> <script type="text/javascript">var resources = [];</script> </ul> </div> </div> </div> <script type="text/javascript"> var default_text = 'JavaScript/CSS URL', add_external_resource_url = "/_add_external_resource/"; </script> <h3 id="about_toggler" class="toggler"><font><font>Info</font></font></h3> <div class="element"> <div class="elementBody" style="padding-top: 0px; border-top-style: none; padding-bottom: 0px; border-bottom-style: none; overflow: hidden; visibility: hidden; zoom: 1; opacity: 0; height: 0px; "> <div class="ebCont"> <p> <label><font><font> Título </font></font><input id="id_title" type="text" name="title" maxlength="255"> </label> </p> <p> <label><font><font> Descripción </font></font><textarea id="id_description" rows="10" cols="40" name="description"></textarea> </label> </p> <p> <label><font><font> Cuerpo Tag </font></font><input id="id_body_tag" type="text" name="body_tag" value="<body>" maxlength="255"> </label> </p> <p> <label><font><font>DTD </font></font><select name="doctype"> <option id="dtd_XHTML 1.0 Strict" value="1"><font><font>XHTML 1.0 Strict</font></font></option> <option id="dtd_XHTML 1.0 Transitional" value="2"><font><font>XHTML 1.0 Transitional</font></font></option> <option selected="" id="dtd_HTML 5" value="3"><font><font>HTML 5</font></font></option> <option id="dtd_HTML 4.01 Strict" value="4"><font><font>HTML 4.01 Estricto</font></font></option> <option id="dtd_HTML 4.01 Transitional" value="5"><font><font>HTML 4.01 Transitional</font></font></option> <option id="dtd_HTML 4.01 Frameset" value="6"><font><font>HTML 4.01 Frameset</font></font></option> </select></label></p> </div> </div> </div> <h3 class="toggler"><font><font>Pruebas peticiones Ajax</font></font></h3> <div class="element"> <div class="elementBody" style="padding-top: 0px; border-top-style: none; padding-bottom: 0px; border-bottom-style: none; overflow: hidden; visibility: hidden; zoom: 1; opacity: 0; height: 0px; "> <div class="ebCont"> <p><font><font>Echo apis son creados para simular llamadas Ajax: </font></font><code><font><font>/ eco / json /</font></font></code><font><font> para JSON, </font></font><code><font><font>http://jsfiddle.net/echo/jsonp/</font></font></code><font><font> para JSONP, </font></font><code><font><font>/ eco / html /</font></font></code><font><font> para HTML y </font></font><code><font><font>/ eco / xml /</font></font></code><font><font> para XML. </font></font></p> <p><font><font>Por favor, </font></font><a href="http://doc.jsfiddle.net/use/echo.html" target="_new"><font><font>lea la documentación de la API</font></font></a><font><font> y seguir </font></font><a onclick="Layout.sidebar.accordion.display(Layout.sidebar.accordion.togglers.indexOf($("examples_toggler")))" href="#"><font><font>ejemplos</font></font></a><font><font> . </font></font></p> </div> </div> </div> <h3 class="toggler"><font><font>Cosas legales y créditos</font></font></h3> <div class="element"> <div class="elementBody" style="padding-top: 0px; border-top-style: none; padding-bottom: 0px; border-bottom-style: none; overflow: hidden; visibility: hidden; zoom: 1; opacity: 0; height: 0px; "> <div class="ebCont"> <p><font><font>Creado y mantenido por </font></font><a title="Página de inicio de Piotr" href="http://webdev.zalewa.info" target="_credits"><font><font>Piotr</font></font></a><font><font> y </font></font><a title="Página de inicio de Oskar" href="http://nouincolor.com/" target="_credits"><font><font>Oskar</font></font></a><font><font> .</font></font></p> <p><font><font>Organizado por </font></font><a href="https://www.digitalocean.com/" target="_credits"><font><font>DigitalOcean</font></font></a><font><font> .</font></font></p> <p><font><font>No existiría sin </font></font><a href="http://mootools.net" target="_new"><font><font>MooTools</font></font></a><font><font> comunidad.</font></font></p> <p><strong><font><font>Licencia</font></font></strong></p> <p><font><font>Todo el código pertenece al cartel y no licencia su cumplimiento.</font></font></p> <p><font><font>No somos responsables por cualquier pérdida o daño de cualquier tipo durante el uso del código proporcionado.</font></font></p> </div> </div> </div> <div id="sidebar-bottom"> <div id="documentation-info"><font><font> Lea nuestra </font></font><a href="http://doc.jsfiddle.net" target="_doc"><font><font>documentación</font></font></a><br> </div> </div> <a class="keyActions" href="#keyboard"><font><font>Atajos de teclado</font></font></a> </div> <div id="content" style="height: 132px; "> <input type="hidden" name="version" value="0" id="id_version"> <input type="hidden" id="id_slug" name="slug" value="yfbaX"> <fieldset class="column left" style="width: 48.9060489060489%; "> <div class="window top" id="panel_html" data-panel_type="html" style=""> <textarea id="id_code_html" rows="10" cols="40" name="code_html" style="display: none; "><img src="http://lorempixum.com/output/technics-q-c-300-200-7.jpg" alt="Rotación de imágen" /></textarea> <span class="window_label" style="visibility: visible; zoom: 1; opacity: 0.8; "><font><font>HTML</font></font></span> <div style="position: relative; " class="CodeMirror-wrapping"><textarea style="position: absolute; left: -10000px; width: 10px; "></textarea><iframe class="html" frameborder="0" style="border: 0px; width: 100%; height: 100%; display: block; " src="javascript:false"></iframe></div></div> <div class="handler handler_horizontal" style="top: 29px; "></div> <div class="window bottom" id="panel_js" data-panel_type="javascript" style=""> <textarea id="id_code_js" rows="10" cols="40" name="code_js" style="display: none; "></textarea> <span class="window_label" style="visibility: visible; zoom: 1; opacity: 0.8; "><font><font>JavaScript</font></font></span> <div style="position: relative; " class="CodeMirror-wrapping"><textarea style="position: absolute; left: -10000px; width: 10px; "></textarea><iframe class="js" frameborder="0" style="border: 0px; width: 100%; height: 100%; display: block; " src="javascript:false"></iframe></div></div> <div class="shim" style="display: none; "></div> </fieldset> <div class="handler" id="handler_vertical" style="left: 377px; "></div> <fieldset class="column right" style="width: 51.0939510939511%; "> <div class="window top" id="panel_css" data-panel_type="css" style=""> <textarea id="id_code_css" rows="10" cols="40" name="code_css" style="display: none; ">img { transform: rotate(45deg) scale(-1, 1); /* para firefox, safari, chrome, etc. */ -webkit-transform: rotate(45deg) scale(-1, 1); -moz-transform: rotate(45deg) scale(-1, 1); /* para ie */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5, mirror=1); /* opera */ -o-transform: rotate(45deg) scale(-1, 1); } </textarea> <span class="window_label" style="visibility: visible; zoom: 1; opacity: 0.8; "><font><font>CSS</font></font></span> <div style="position: relative; " class="CodeMirror-wrapping"><textarea style="position: absolute; left: -10000px; width: 10px; "></textarea><iframe class="css" frameborder="0" style="border: 0px; width: 100%; height: 100%; display: block; " src="javascript:false"></iframe></div></div> <div class="handler handler_horizontal" style="top: 29px; "></div> <div id="result" class="window bottom" style=""> <iframe name="result" frameborder="0" src="http://fiddle.jshell.net/djdiego88/yfbaX/show/"></iframe> <span class="window_label" style="visibility: visible; zoom: 1; opacity: 0.3; "><font><font>Resultar</font></font></span> </div> <div class="shim" style="display: none; "></div> </fieldset> </div> </form> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script><script src="http://www.google-analytics.com/ga.js" type="text/javascript"></script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker('UA-366077-13'); pageTracker._trackPageview(); } catch(err) {} </script> <script type="text/javascript"> setTimeout(function(){var a=document.createElement("script"); var b=document.getElementsByTagName("script")[0]; a.src=document.location.protocol+"//dnn506yrbagrg.cloudfront.net/pages/scripts/0012/8885.js?"+Math.floor(new Date().getTime()/3600000); a.async=true;a.type="text/javascript";b.parentNode.insertBefore(a,b)}, 1); </script><div id="goog-gt-tt" class="skiptranslate" dir="ltr"><div style="padding: 8px;"><div><div class="logo"><img src="http://www.google.com/images/icons/product/translate-32.png" width="20" height="20"></div></div></div><div class="top" style="padding: 8px; float: left; width: 100%;"><h1 class="title gray">Texto original</h1></div><div class="middle" style="padding: 8px;"><div class="original-text"></div></div><div class="bottom" style="padding: 8px;"><div class="activity-links"><span class="activity-link">Sugiere una traducción mejor</span><span class="activity-link"></span></div><div class="started-activity-container"><hr style="color: #CCC; background-color: #CCC; height: 1px; border: none;"><div class="activity-root"></div></div></div><div class="status-message" style="display: none; "></div></div> </body></html>
Hoy habia 1 visitantes (1 clics a subpáginas) ¡Aqui en esta página!
