Traduce el Blog

Html 9


Content pest

09 enero 2013

[Recursos Html] Marquesinas


Texto aqui Texto aqui Texto aqui Texto aqui Texto aqui Texto aqui Texto aquiTexto aqui Texto aqui Texto aqui Texto aqui Texto aqui Texto aqui Texto aqui Texto aqui Texto aqui Texto aqui Texto aqui Texto aqui Texto aqui exto aqu


█  #1 █  
<div style="display: block; height: 300px; padding: 20px; width: 350px;">
<marquee direction="down" scrollamount="4" style="color: limegreen; font-family: Arial; font-size: 10pt; height: 36px; left: 77px; position: absolute; top: 110px; z-index: 2;">Texto aqui</marquee>
<marquee direction="down" scrollamount="3" style="color: lightgreen; font-family: Arial; font-size: 10pt; height: 128px; left: 43px; position: absolute; top: 62px; z-index: 2;">Texto aqui</marquee>
<marquee direction="down" scrollamount="6" style="color: crimson; font-family: Arial; font-size: 10pt; height: 89px; left: 203px; position: absolute; top: 36px; z-index: 2;">Texto aqui</marquee>
<marquee direction="down" scrollamount="4" style="color: skyblue; font-family: Arial; font-size: 10pt; height: 65px; margin-left: 65px !important; position: absolute; top: 14px; z-index: 2;">Texto aqui</marquee>
<marquee direction="down" scrollamount="5" style="color: coral; font-family: Arial; font-size: 10pt; height: 19px; left: 110px; position: absolute; top: 95px; z-index: 2;">Texto aqui</marquee>
<marquee direction="down" scrollamount="5" style="color: steelblue; font-family: Arial; font-size: 10pt; height: 38px; left: 271px; position: absolute; top: 26px; z-index: 2;">Texto aqui</marquee>
<marquee direction="down" scrollamount="5" style="color: plum; font-family: Arial; font-size: 10pt; height: 159px; left: 203px; position: absolute; top: 66px; z-index: 2;">Texto aqui</marquee><marquee direction="down" scrollamount="3" style="color: maroon; font-family: Arial; font-size: 10pt; height: 192px; left: 75px; position: absolute; top: 77px; z-index: 2;">Texto aqui</marquee>
<marquee direction="down" scrollamount="7" style="color: siena; font-family: Arial; font-size: 10pt; height: 11px; left: 257px; position: absolute; top: 48px; z-index: 2;">Texto aqui</marquee>
<marquee direction="down" scrollamount="2" style="color: pink; font-family: Arial; font-size: 10pt; height: 43px; left: 19px; position: absolute; top: 116px; z-index: 2;">Texto aqui</marquee>
<marquee direction="down" scrollamount="3" style="color: deeppink; font-family: Arial; font-size: 10pt; height: 60px; left: 57px; position: absolute; z-index: 2;">Texto aqui</marquee>
<marquee direction="down" scrollamount="3" style="color: grey; font-family: Arial; font-size: 10pt; height: 200px; left: 173px; position: absolute; top: 96px; z-index: 2;">Texto aqui</marquee>
<marquee direction="down" scrollamount="2" style="color: darkcyan; font-family: Arial; font-size: 10pt; height: 180px; left: 109px; position: absolute; top: 71px; z-index: 2;">Texto aqui</marquee>
<marquee direction="down" scrollamount="5" style="color: golden; font-family: Arial; font-size: 10pt; height: 152px; left: 39px; position: absolute; top: 44px; z-index: 2;">Texto aqui</marquee>
<marquee direction="down" scrollamount="3" style="color: thal; font-family: Arial; font-size: 10pt; height: 322; left: 193px; position: absolute; top: 67px; z-index: 2;">Texto aqui</marquee>
<marquee direction="down" scrollamount="6" style="color: mediumturquoise; font-family: Arial; font-size: 10pt; height: 80px; left: 149px; position: absolute; top: 10px; z-index: 2;">Texto aqui</marquee>
<marquee direction="down" scrollamount="2" style="color: black; font-family: Arial; font-size: 10pt; height: 69px; left: 88px; position: absolute; top: 82px; z-index: 2;">Texto aqui</marquee>
<marquee direction="down" scrollamount="2" style="color: blueviolet; font-family: Arial; font-size: 10pt; height: 62px; left: 17px; position: absolute; top: 117pxz-index: 2;">Texto aqui</marquee>
<marquee direction="down" scrollamount="6" style="color: navy; font-family: Arial; font-size: 10pt; height: 40px; left: 242pxposition: absolute; top: 46px; z-index: 2;">Texto aqui</marquee>
<marquee direction="down" style="color: darkslategrey; font-family: Arial; font-size: 10pt; height: 149px; left: 218px; position: absolute; top: 64px; z-index: 2;">Texto aqui</marquee>
<marquee direction="down" scrollamount="5" style="color: red; font-family: Arial; font-size: 10pt; height: 105px; left: 131px; position: absolute; top: 78px; z-index: 2;">Texto aqui</marquee></div>

═─
Tu texto Aquí
─═



█  #2 █  

<div style="background: black; display: inline; padding: 0 20px; border-left: 10px solid DeepSkyBlue; border-right: 10px solid DeepSkyBlue; color: white;"><marquee behavior="alternate" direction="right" width="10%"><div style="color: Yellow; display: inline;"> ═─ </div></marquee>Tu texto Aquí <marquee behavior="alternate" direction="left" width="10%"><div style="color: Yellow; display: inline;"> ─═ </div></marquee></div>

>>Tu texto aquí<<

█  #3 █  

<marquee behavior="alternate" width="50px">&gt;&gt;</marquee>Texto aquí<marquee behavior="alternate" width="50px">&lt;&lt;</marquee>




█  #4 █  
<div style="text-align: center;"><marquee behavior="alternate" style="width:450;"><marquee direction="right" style="background: AntiqueWhite; width: 200;"><img src="URL DE LA IMAGEN 1" /><img src="URL DE LA IMAGEN 2" /></marquee></marquee></div>


Tu texto Aquí


█  #5 █  

<div style=" font-family: Georgia; letter-spacing: 3px; text-shadow: 1px 1px orchid;border-color: deeppink; border-style: dotted; border-width: 1; margin: 0; padding: 0 10px; width: 50%; text-align: center;">
<marquee bgcolor="" border="0" height="20" scrollamount="2" scrolldelay="90" style="color: darkorchid; font-size: 14;" width="100%">Tu texto Aquí</marquee>

Estas son algunos hechos por mi...  toma el que más te guste.
Solo cambia lo Rojo por texto y lo azul por imágenes

No hay comentarios:

Publicar un comentario