5 de agosto de 2012

Probador de Códigos


Esto es un probador de códigos, inserta el código HTML ya sea, de insertar una foto, de un menú que querés probar, de cualquier gadget que se te ocurra, de algún trabajo con flash, LO QUE SEA, lo podés probar acá, pegá tu código HTML y obtené el resultado ya mismo.



  

Te dejamos algunos ejemplos para que puedas probar en la ventana del PROBADOR DE CÓDIGOS. Inserta estos códigos en la caja.


Mandar un E-Mail

<script language="JavaScript" type="text/javascript">//<![CDATA[    function validar(direccion) {       if (direccion.indexOf("@") != -1)          return true;       else {          alert('Debe escribir una dirección válida');          return false;       }    }//]]></script><form name="miFormulario" method="post" action="mailto:ACÁ ESCRIBE TU MAIL" enctype="text/plain" onsubmit="return validar(this.email.value)" id="miFormulario">    Mandame tu e-mail: <input name="email" type="text" /><br />    <input type="submit" value="Mandame tu e-mail" /></form>


Barra del buscador de Google


<!-- Búsqueda Google -->
<center> 
 <form method="get" action="http://www.google.com/search">
        <table bgcolor="#FFFFFF">
            <tr>
                <td>
                    <a href="http://www.google.com/"><img src="http://www.google.com/logos/Logo_40wht.gif" border="0" alt="Google" align="absmiddle" /></a><input type="text" name="q" size="31"
                    maxlength="255" value="" /><input type="hidden" name="hl" value="es" /><input type="submit" name="btnG" value="Búsqueda Google" />
                </td>
            </tr>
        </table>
    </form>
</center>
<!-- Búsqueda Google -->


Caja con texto o enlace


<span id="Caja1" class="Caja1">Haga click dentro de la caja de texto para copiar su contenido<br /></span>
<textarea onclick="copyCaja1(document.getElementById('code1'));return false;" rows="3" cols="16" id="code1">
EL TEXTO O CÓDIGO QUE DESEE QUE APAREZCA DENTRO DE LA CAJITA Nº1
</textarea> <script type="text/javascript">
//<![CDATA[

function copyCaja1(elt) {
var urlSwf = "copy.swf";
var flash = document.getElementById("C1");
var divinfo = '<embed wmode="transparent" src="http://www.mygirlyspace.com/' + urlSwf + '" name="copy_swf" FlashVars="clipboard='+escape(elt.value)+'" width="0" height="0" type="application/x-shockwave-flash"><\/embed>';
flash.innerHTML = divinfo;
elt.focus();
elt.select();
document.getElementById("Caja1").innerHTML = "¡El texto ha sido copiado!<br/>";
return true;
}
//]]>
</script>
<div id="C1">
    &#160;
</div>


Imprimir el blog.

Este código debes pegarlo entre <body> y </body> en el lugar que quieras que apezezca imprimir pagina

<a href="javascript:print()">Imprimir</a>


Texto movil y otro fijo



<center>
    <br />
    <br />
    <span style="z-index: 1; font-family:Verdana font-weight: bold; font-size: 20pt; color: #9900FF"><marquee>PON AQUI TU TEXTO MOVIL</marquee></span><br />
    <span style="position: relative; top: -32px; left: 0px; z-index: 2; font-family: Verdana, Arial, Helvetica; font-size: 30pt; color: #000000">AQUI EL TEXTO FIJO</span><br />
    <br />
    <br />
    <script type="text/javascript">
//<![CDATA[
    function src() { window.location = "view-source:" +
    window.location.href }
    //]]>
    </script>
</center>

Lo que está en celeste es el alineado, podés quitárselo o cambiarlo centrado a la derecha o izquierda.


En verde les dejé marcado los lugares donde van los textos fijos y el móvil.
En violeta está marcado el color de los textos.


Código de textos superpuestos.


<center>
    <br />
    <br />
    <span style="z-index: 1; font-family:Verdana font-weight: bold; font-size: 20pt; color: #9900FF">COLOCAR texto aquí<span><br />
    <span style="position: relative; top: -32px; left: 0px; z-index: 2; font-family: Verdana, Arial, Helvetica; font-size: 20pt; color: #000000">Colocar el otro texto superpuesto acá</span><br />
    <br />
    <br />
    <script type="text/javascript">
//<![CDATA[
    function src() { window.location = "view-source:" +
    window.location.href }
    //]]>
    </script>
</center>


Lo que está en celeste es el alineado, podés quitárselo o cambiarlo centrado a la derecha o izquierda.

En verde les dejé marcado los lugares donde van los textos fijos y el móvil.
En violeta está marcado el color de los textos.



Estos son sólo algunos ejemplos, espero que les haya servido, saludos!!






probardor de código para mi blog, cómo hago para saber cómo queda un código, códigos html para blog, necesito datos para blog, gadgets y estilos para blog.

No hay comentarios:

Publicar un comentario