• Imagen en movimiento

     


     

  •  


    Más cuesta mantener el equilibrio de la libertad que soportar el peso de la tiranía.                

     



    HTML



    <marquee style="font-family: Edwardian Script ITC; font-size: 11; font-weight: bold; color: #000000;" direction="up" scrollamount="2">Texto</marquee> <marquee style="font-family: Edwardian Script ITC; font-size: 0; font-weight: bold; color: #6d67fd;" direction="up" scrollamount="2"><img src="http://.gif" border="0" alt="" /></marquee>



  •  


    HTML



    <marquee scrollamount="3"><img src="http://.gif" alt="" /></marquee>



  •  
     



    No dudes que hay luz al final del túnel, y que lo vas a conseguir. Con tu firme propósito pronto verás la luz, y seguro que mucho antes de lo que tú imaginas. Recuerda que “siempre existe un camino para aquel que lo busca”, y que al final siempre se cumple aquello de que “querer es poder”, así que no te detengas, pues efectivamente, hay luz al final del túnel.

    Miguel Ángel Guilló

     

    HTML

    <div style="width: 67%;">&nbsp;</div><div style="width: 67%;">
    <div style="font-size: 12px;"><table style="border-right: #8284c7 10px ridge; border-top: #4c8ed4 15px ridge; border-left: #8284c7 10px ridge; border-bottom: #4c8ed4 15px ridge;" border="0" cellspacing="0" width="430" bgcolor="#E7EAFE" bordercolor="#ffffff">
    <tbody>
    <tr>
    <td height="22">
    <p><marquee scrollamount="3"><marquee direction="right" scrollamount="3"><br /> <img src="http://.gif" alt="" /></marquee></marquee></p>
    <p><br /> <span style="color: #f7a85b;"><span style="font-weight: 430; text-align: center; font-family: Old English Text MT; font-size: 22px; line-height: 150%; text-shadow: 3px 5px 20px #05294a, 1px 4px 2px #a0aafa; column-count: 3;"><span style="color: #000000; font-family: 'Old English Text MT';"><span style="font-family: Vivaldi;">Texto</span></span></span></span></p></td></tr></tbody></table></div></div>



  • 1

     


     

    HTML

    <marquee direction="up"><img src="https://l.gif" alt="" width="130" height="95" /></marquee>




  •  


     

    HTML

    <marquee scrollamount="1"><img src="http:.gif" alt="" width="90" height="95" /></marquee>




  •  


    Texto

     

    HTML

    <marquee direction="up" scrollamount="2" style="height: 50px">Texto</marquee>
     <marquee direction="up" scrollamount="2" style="height: 50px"><img src="http:.gif" alt="" width="150" height="95" /></marquee>



  •  
    Texto

     

    HTML

    <marquee style="width: 400px;" direction="left" scrollamount="2">Texto<img src="http://.gif" alt="" width="110" height="95" /></marquee>



  •  


     

    HTML

    <!--webbot bot="HTMLMarkup" startspan -->
    <div align="center"></div><table><tr valign="top" align="middle"><td valign="top" width="17%"> <marquee scrollamount="2"><img src="http://.gif" alt="" /> <img alt="" /></marquee></td><td valign="top" width="17%"><marquee style="FILTER: fliph(enabled=1)" scrollamount="2"><img src="http://.gif" alt="" /></marquee></td><td valign="top" width="17%"><marquee scrollamount="2"><img src="http://.gif" alt="" /> <img alt="" /></marquee>
            </td></tr></table>



  •  

     

    Creo en los ángeles

     

    Todos somos ángeles

     

    ¡Es un ángel!

     

     

    HTML



    <div class="portfolio">
    <div class="pentagon"><a href="#"> <span class="mask">&nbsp;</span> <img src="https://img-fotki.yandex.ru/get/4421/122885204.d9/0_6c55a_b5d557f2_orig" alt="" /> </a>
    <div class="portfolio-title">
    <h4>Creo en los &aacute;ngeles</h4>
    </div>
    </div>
    <div class="pentagon"><a href="#"> <span class="mask">&nbsp;</span> <img src="http://www.omartasatt.ru/_ph/16/2/844056267.jpg?1424605507" alt="" /> </a>
    <div class="portfolio-title">
    <h4>Todos somos &aacute;ngeles</h4>
    </div>
    </div>
    <div class="pentagon"><a href="#"> <span class="mask">&nbsp;</span> <img src="http://www.omartasatt.ru/_ph/16/2/23819240.jpg?1424605061" alt="" /> </a>
    <div class="portfolio-title">
    <h4>&iexcl;Es un &aacute;ngel!</h4>
    </div>
    </div>
    <!-- clearfix -->
    <div class="clearfix">&nbsp;</div>
    </div>


    CSS

    <style type="text/css"><!--
    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;
    }body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;
    }blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;
    }table{border-collapse:collapse;border-spacing:0;}body{margin:0 auto;font:1em/1.3em Helvetica,sans-serif;}.clearfix{clear:both;}.portfolio{text-align:center;}.portfolio .pentagon{
    float:left;
    margin:20px;
    width:205px;
    }.pentagon .portfolio-title{
    position:relative;
    float:left;
    width:100%;height:20px;
    overflow:hidden;
    margin-top:20px;
    }
    .pentagon .portfolio-title h4{
    position:relative;
    line-height:20px;
    width:100%;
    text-align:center;
    font-weight:bold;
    color:#777;
    }.portfolio-title h4 span{
    width:100%;
    position:absolute;
    margin:0 auto;
    left:0;
    color:#4EA838;
    top:20px;
    }
    .portfolio .pentagon a{float:left;width:200px;
    height:200px;overflow:hidden;
    display:block;position:relative;
    }
    .portfolio .pentagon a img{
    position:absolute;
    left:-75px;
    top:0;-webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);-o-filter:grayscale(100%);
    -ms-filter:grayscale(100%);filter:grayscale(100%);
    -webkit-transition:300ms ease-out;-moz-transition:300ms ease-out;-o-transition:300ms ease-out;transition:300ms ease-out;-webkit-backface-visibility:hidden;
    }
    .portfolio .pentagon a img.hovering{
    left:-50px;
    -webkit-filter:grayscale(0%);
    -moz-filter:grayscale(0%);
    -o-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
    filter:grayscale(0%);
    }
    .portfolio .pentagon a span.mask{
    width:300px;
    height:300px;
    position:absolute;
    top:-50px;
    left:-50px;z-index:2;
    background:url("http://i.imgur.com/TRCbYrJ.png") no-repeat;-webkit-transition:-webkit-transform 300ms ease-out;-moz-transition:-moz-transform 300ms ease-out;-o-transition:-o-transform 300ms ease-out;
    transition:transform 300ms ease-out;-webkit-backface-visibility:hidden;
    }
    .portfolio .pentagon a span.mask:hover{
    -webkit-transform:rotate(30deg);
    -moz-transform:rotate(30deg);
    -ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg);
    }
    --></style>



  •  

    http://pourquoipas732.eklablog.com/un-code-a108373422








    HTML

    <p style="float: left; width: 400px; height: 140px; border: 0px solid grey; overflow: hidden;"><img class="velo2" src="http://.gif" alt="" /></p>

     

    CSS

    <style type="text/css"><!--
    .velo2{
    -webkit-animation:v2 5s linear 0s infinite normal;
    -moz-animation:v2 5s linear 0s infinite normal;
    -webkit-animation-play-state:running;
    -moz-animation-play-state:running;}
    .velo2:hover{
    -webkit-animation-play-state:paused;
    -moz-animation-play-state:paused;}
    @-webkit-keyframes v2{
    0% { -webkit-transform:translate(400px,0px);}
    50% { -webkit-transform:translate(150px,50px);}
    100% { -webkit-transform:translate(-100px,0px);}}
    @-moz-keyframes v2{
    0% { -moz-transform:translate(400px,0px);}
    50% { -moz-transform:translate(150px,50px);}
    100% { -moz-transform:translate(-100px,0px);}}
    --></style>



  •  

     

     

    Bendiciones, Bendiciones, Bendiciones, Bendiciones, Bendiciones


     

    HTML

    <p align="center">
    </p>

    <p align="center">
    <marquee width="655" style="padding:0; font-size: 12pt; color: #33ccff ; font-weight:bold" scrolldelay="45" behavior="alternate"><font size="3">Bendiciones, <font color=
    "#33FF99">Bendiciones</font>, Bendiciones, <font color="#CC00FF">Bendiciones,</font> Bendiciones</font></marquee>
    </p>

    <p>
    <marquee width="416" style="padding:0; font-size: 46pt; color:#9966bb; font-weight:bold; font-style:italic" scrolldelay="35" behavior="alternate"><a href="http://tutorialgloriav.eklablog.com/"><img src=
    "http:.gif" border="0" width="150" height="68" alt="" /></a></marquee>
    </p>

    <p>
    <marquee width="416" style="padding:0; font-size: 36pt; color:#FF99FF ; font-weight:bold; font-style:italic" scrolldelay="25" behavior="alternate"><a href="hhttp://tutorialgloriav.eklablog.com/"><img src=
    "http://.gif" width="130" align="left&quot;" height="60" alt="" /></a></marquee>
    </p>



  •  

    HTML

    <marquee behavior="" direction="up" scrollamount="6" height="280"><img src="http://.gif"width="345" height="280" alt="" /> <a href=
    "http://tutorialgloriav.eklablog.com/"></a></marquee> <marquee behavior="" direction="reght" scrollamount="6" height="210"><img src=
    "http://.jpg" alt="" /> <a href="http://tutorialgloriav.eklablog.com/"></a></marquee>



  •  

    HTML

    <marquee behavior="scroll" direction="right" scrollamount="10" style="position:absolute; left:0; top:170; width:100%; height:100;"><img src="http://idata.over-blog.com/0/58/53/92//oiseau_18194.gif" width="24" height="26" alt="" /></font></marquee>


    HTML

    <marquee behavior="" direction="up" scrollamount="6" height="200"><font><img src="http://www.canalgif.net/Gifs-animados/Religion/Angeles/Imagen-animada-Angel-104.gif" alt=
    "" /></font></marquee> <marquee><img src="http://dl6.glitter-graphics.net/pub/724/724636w5jt0zxwbp.gif" alt="" /></marquee> <marquee behavior="" direction="down" scrollamount="6" height=
    "200"><font><img src="http://www.gifss.es/musica/pianos/piano-08.gif" alt="" /></font></marquee>



  •  
      El secreto del éxito se encuentra en la sinceridad y la honestidad. Si eres capaz de simular eso, lo tienes hecho. Groucho Marx.                          

     

    HTML

    <marquee style="font-family: Edwardian Script ITC; font-size: 11; font-weight: bold; color: #6d67fd;" onmouseover="this.stop()" onmouseout="this.start()" direction="up" scrollamount="2">Texto</marquee> <marquee style="font-family: Edwardian Script ITC; font-size: 11; font-weight: bold; color: #6d67fd;" onmouseover="this.stop()" onmouseout="this.start()" direction="up" scrollamount="2"><a href="http://.com/" target="_blank"><img src="http:.gif" border="0" alt="" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</marquee> <marquee style="font-family: Edwardian Script ITC; font-size: 11; font-weight: bold; color: #6d67fd;" onmouseover="this.stop()" onmouseout="this.start()" direction="up" scrollamount="2"><a href="http://com/" target="_blank"><img src="http:.gif" border="0" alt="" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</marquee> <marquee style="font-family: Edwardian Script ITC; font-size: 11; font-weight: bold; color: #6d67fd;" onmouseover="this.stop()" onmouseout="this.start()" direction="up" scrollamount="2"><a href="http://com/" target="_blank"><img src="http:.gif" border="0" alt="" /></a></marquee> <marquee style="font-family: Edwardian Script ITC; font-size: 11; font-weight: bold; color: #6d67fd;" onmouseover="this.stop()" onmouseout="this.start()" direction="up" scrollamount="2"><a href="http://com/" target="_blank"><img src="http:.gif" border="0" alt="" /></a></marquee> <marquee style="font-family: Tahoma; font-size: 11; font-weight: bold; color: #6d67fd;" onmouseover="this.stop()" onmouseout="this.start()" direction="up" scrollamount="2"><a href="http://.com/" target="_blank"><img src="http:.gif" border="0" alt="" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</marquee> <marquee style="font-family: Edwardian Script ITC; font-size: 11; font-weight: bold; color: #6d67fd;" onmouseover="this.stop()" onmouseout="this.start()" direction="up" scrollamount="2"><a href="http://com/" target="_blank"><img src="http:.gif" border="0" alt="" /></a>&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;</marquee>
    <p><marquee style="font-family: Edwardian Script ITC; font-size: 11; font-weight: bold; color: #6d67fd;" onmouseover="this.stop()" onmouseout="this.start()" direction="up" scrollamount="2">&nbsp;</marquee>



  •  

    HTML

    <div align="center">
    </div>

    <table>
    <tr valign="top" align="middle">
    <td valign="top" width="17%">
    <marquee scrollamount="2"><img src="http://www.gifsanimados3d.com/gifsanimados3d.com/gif-animados/objetos/gif-animados-Objetos-Reloj-de-arena_56343.gif" alt="" /> <img alt="" /></marquee>
    </td>
    <td valign="top" width="17%">
    <marquee style="FILTER: fliph(enabled=1)" scrollamount="2"><img src="http://www.gifsanimados3d.com/gifsanimados3d.com/gif-animados/objetos/gif-animados-Objetos-Reloj-de-arena_56343.gif"
    alt="" /></marquee>
    </td>
    <td valign="top" width="17%">
    <marquee scrollamount="2"><img src="http://www.gifsanimados3d.com/gifsanimados3d.com/gif-animados/objetos/gif-animados-Objetos-Reloj-de-arena_56343.gif" alt="" /> <img alt="" /></marquee>
    </td>
    <td valign="top" width="17%">
    <marquee style="FILTER: fliph(enabled=1)" scrollamount="2"><img src="http://www.gifsanimados3d.com/gifsanimados3d.com/gif-animados/objetos/gif-animados-Objetos-Reloj-de-arena_56343.gif"
    alt="" /></marquee>
    </td>
    <td valign="top" width="17%">
    <marquee scrollamount="2"><img src="http://www.gifsanimados3d.com/gifsanimados3d.com/gif-animados/objetos/gif-animados-Objetos-Reloj-de-arena_56343.gif" alt="" /> <img alt="" /></marquee>
    </td>
    <td valign="top" width="17%">
    <marquee scrollamount="2"><img src="http://www.gifsanimados3d.com/gifsanimados3d.com/gif-animados/objetos/gif-animados-Objetos-Reloj-de-arena_56343.gif" alt="" /> <img alt="" /></marquee>
    </td>
    </tr>
    </table>


    HTML

    <div align="center"></div><table> <tr valign="top" align="middle"><td valign="top" width="57%"><marquee scrollamount="2"><img src="http://2.bp.blogspot.com/_jd76hm3LcWE/TQQ9dkMVpDI/AAAAAAAAAA4/Wr4iYBr4buo/s400/Sueno-Blanco-.jpg" alt="" /> <img alt="" /></marquee>
    </td></tr></table>



  •  
    Flying Bat

    HTML

    <marquee behavior="scroll" direction="left"><img src="http://dl2.glitter-gaphics.net/pub/408/408822zxucx6s46j.gif" alt="Flying Bat" /></marquee>


    Flying Bat

    HTML

    <marquee behavior="scroll" direction="left" scrollamount="30"><img src="http://dl2.glitter-graphics.net/pub/408/408822zxucx6s46j.gif" width="55" height="52" alt="Flying Bat" /></marquee>