-
<fieldset style="width: Xpx; margin: 10px 40px; border-color: #E01F73; border-radius: 30%; ovale horizontal;box-shadow: 1px 12px 20px #000000;"> <legend><br /> <embed width="200" height="200" src="http://www.msieflash.com/xx/22/valentine17.swf" wmode="transparent"> </embed></legend> Texto</fieldset>
-
<script type="text/javascript"> //<![CDATA[ /* RAINBOW TEXT Script by Matt Hedgecoe (c) 2002 Featured on JavaScript Kit For this script, visit http://www.javascriptkit.com */ // ********** cambia aquí var text="Con amor, de corazón y alma.GloriaV " // tu texto var speed=80 // velocidad de movimiento if (document.all||document.getElementById){ document.write('<span id="highlight">' + text + '<\/span>') var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight } else document.write(text) var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0") var r=1 var g=1 var b=1 var seq=1 function changetext(){ rainbow="#"+hex[r]+hex[g]+hex[b] storetext.style.color=rainbow } function change(){ if (seq==6){ b-- if (b==0) seq=1 } if (seq==5){ r++ if (r==12) seq=6 } if (seq==4){ g-- if (g==0) seq=5 } if (seq==3){ b++ if (b==12) seq=4 } if (seq==2){ r-- if (r==0) seq=3 } if (seq==1){ g++ if (g==12) seq=2 } changetext() } function starteffect(){ if (document.all||document.getElementById) flash=setInterval("change()",speed) } starteffect() //]]> </script>
-
<div id='blink' style="text-align:center;"> <a href="http://vitua.blogspot.com/" target="_blank"><span style="color: fuchsia;font-size:18px;">Bendiciones</span> <span style="color: aqua;font-size:14px;">para Usted y la familia</span></a> </div> <script language="JavaScript" type="text/javascript"> //<![CDATA[ function blink_uno() { document.getElementById('blink').style.visibility='visible'; setTimeout('blink_dos()',1000); } function blink_dos() { document.getElementById('blink').style.visibility='hidden'; setTimeout('blink_uno()',1000); } blink_uno(); //]]> </script>
-
Hacer texto:
<u>Texto</u> - Texto;
<s>Texto</s> - Texto;
<b>Texto</b> - Texto;
<i>Texto</i> - Texto;
- espacio;
<br/> - Espacio entre las líneas;
<center>Texto</center> - Texto en centro.
Tablas:
<table border=0 wight=52%> - Inicio de tabla;
<tr> - Inicio de la linea;
</tr> - Final de la linea;
<td> и </td> - entre estos caracteres es una celda de la tabla;
</table> - Final de la tabla.
Más sobre las tablas - aquí
Referencia:<a href="URL de página">Texto</a>
<a href="Link de página"><img src="URL de imagen"></a> - Imagen,
<a href="Link de página" target="_blank">Texto</a> - se abre otra pestaña. leer más - aquí
Ventana para instalar un código:
1.<textarea rows="2" cols="60"> Código </textarea> , cols - ancho px, а rows - cantidad de las líneas en ventana.2.<input size="35" value="Código"h-text"><div class="b-text" leer más- aquí
Cortar texto: <cut text="Leer más">Tеxto primario</cut> los detalles - aquí
Fuente, tamaño, color del texto: <span style="font-family:Monotype Corsiva;color:fuchsia;font-size:25px">Texto</span> leer más - aquí <a href="Referencia"><input type="submit" value="Texto" /></a>
Imagen con texto:
<img src="http:…" align=left hspace=20 vspace=20>
Detalles HTML:
-
4 imágenes
<!-- Mas scripts en http:disemucho.jimdo.com -->
<script language="JavaScript1.1" type="text/javascript">
//<![CDATA[
var specifyimage=new Array() //Your images
specifyimage[0]="http://www.animated-gifs.eu/category_transportation/transportation-airship/0014.gif"
specifyimage[1]="http://www.animated-gifs.eu/category_transportation/transportation-airship/0015.gif"
specifyimage[2]="http://www.animated-gifs.eu/category_transportation/transportation-airship/0013.gif"
specifyimage[3]="http://lh3.ggpht.com/_QFL-9aHGKOE/TDn0qumH4VI/AAAAAAAAFX8/0LPnORrOLD8/balao4.gif"
var delay=3000 //3 seconds
//Counter for array
var count =1;
var cubeimage=new Array()
for (i=0;i<specifyimage.length;i++){
cubeimage[i]=new Image()
cubeimage[i].src=specifyimage[i]
}
function movecube(){
if (window.createPopup)
cube.filters[0].apply()
document.images.cube.src=cubeimage[count].src;
if (window.createPopup)
cube.filters[0].play()
count++;
if (count==cubeimage.length)
count=0;
setTimeout("movecube()",delay)
}
window.onload=new Function("setTimeout('movecube()',delay)")
//]]>
</script><img src="http://lh3.ggpht.com/_QFL-9aHGKOE/TE4WhC5cC9I/AAAAAAAAFq4/Dg8RN8wUHN0/balao16.gif" name="cube" border="0" style="filter:progid:DXImageTransform.Microsoft.Stretch(stretchStyle='PUSH')" alt="" id="cube" />
-
♣ ♥
Juntos o separados.
<aligh=center><font color="red" size=7>♣ ♣ ♥ ♥</font>
-
Texto de barra en movimiento 2º
<script language="JavaScript" type="text/javascript"> //<![CDATA[ var txt=" http://compraventabrindisytododo.jimdo.com/; - Texto"; var espera=100; var refresco=null; function rotulo_title() { document.title=txt; txt=txt.substring(1,txt.length)+txt.charAt(0); refresco=setTimeout("rotulo_title()",espera);} rotulo_title(); //]]> </script>
-
Texto de barra en movimiento 1º
<script language="JavaScript" type="text/javascript">//<![CDATA[ <!-- <!-- var txt="Texto"; var espera=200; var refresco=null; function rotulo_title() { document.title=txt; txt=txt.substring(1,txt.length)+txt.charAt(0); refresco=setTimeout("rotulo_title()",espera);} rotulo_title(); // --> function MM_displayStatusMsg(msgStr) { //v1.0 status=msgStr; document.MM_returnValue = true; } function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } //--> //]]></script>
-
Dinámica de los textos.
<style type="text/css"> /*<![CDATA[*/ body { overflow-x: hidden; } v\:* { behavior: url(#default#VML); } /*]]>*/ </style> <script type="text/javascript"> //<![CDATA[ <!-- // HEADER FADER ANIMATION (c) 2004-2009 Angus Turnbull http://www.twinhelix.com function HeaderFader(tagName, colors) { this.tagName = tagName; // Pass "h1" or similar. this.colors = colors; // An array of colours in order. this.left = true; // false for right-aligned. this.frames = 20; this.elements = []; var obj = this; if (window.addEventListener) { window.addEventListener('load', function() { obj.setup(); }, false); } else { var oldOnload = window.onload; window.onload = function() { if (oldOnload) oldOnload(); obj.setup(); } } }; HeaderFader.prototype.setup = function() { this.elements = document.getElementsByTagName(this.tagName); for (var h = 0; h < this.elements.length; h++) { var h1 = this.elements[h], text = h1.firstChild.nodeValue; h1.removeChild(h1.firstChild); h1.animNodes = []; for (var i = 0; i < text.length; i++) { var span = document.createElement('span'); span.appendChild(document.createTextNode(text.substring(i, i+1))); h1.appendChild(span); h1.animNodes[h1.animNodes.length] = span; } h1.animCount = 0; var obj = this; h1.animTimer = setInterval((function(hh) { return function() { obj.animate(hh); } }(h)), 50); } }; HeaderFader.prototype.animate = function(h) { var h1 = this.elements[h], c = h1.animCount++, noAnim = 1; for (var i = 0; i < h1.animNodes.length; i++) { var s = h1.animNodes[i], pc = (this.left ? (c-i) : (c-(h1.animNodes.length+this.frames-i))), frac = Math.max(0, Math.min(1, pc/this.frames)), marg = document.all && !window.opera ? 'marginRight' : 'marginLeft'; if (s.animDone) continue; noAnim = 0; s.style.color = this.colors[Math.floor(frac * 0.99999 * this.colors.length)]; if (frac == 1) { s.style[marg] = '0'; s.animDone = 1; } else { s.style[marg] = 0.6*(1-frac) + 'em'; } } if (noAnim) { clearInterval(h1.animTimer); } h1.style.visibility = 'inherit'; }; // SCRIPT SETUP if (document.documentElement) { // Hide H1 elements for animation and trigger show on load. document.write('<style type="text/css"> h1 { visibility: hidden } <\/style>'); // Off we go! var h1Anim = new HeaderFader( 'h1', ['#FFFFFF', '#DDDDDD', '#BBBBBB', '#999999', '#777777', '#555555'] ); //h1Anim.left = true; // Try setting to false if using text-align: right; //h1Anim.frames = 10; } --> //]]> </script> <meta http-equiv="Page-Enter" content="RevealTrans(Duration=4,Transition=undefined)" />
-
<b><font size="3"><script type="text/javascript"> //<![CDATA[ // ********** MAKE YOUR CHANGES HERE var text="La paz del alma es la mayor riqueza.<br>Sólo de la rectitud del corazón nace la felicidad." // YOUR TEXT var speed=80 // SPEED OF FADE // ********** LEAVE THE NEXT BIT ALONE! if (document.all||document.getElementById){ document.write('<span id="highlight">' + text + '<\/span>') var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight } else document.write(text) var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0") var r=1 var g=1 var b=1 var seq=1 function changetext(){ rainbow="#"+hex[r]+hex[g]+hex[b] storetext.style.color=rainbow } function change(){ if (seq==6){ b-- if (b==0) seq=1 } if (seq==5){ r++ if (r==12) seq=6 } if (seq==4){ g-- if (g==0) seq=5 } if (seq==3){ b++ if (b==12) seq=4 } if (seq==2){ r-- if (r==0) seq=3 } if (seq==1){ g++ if (g==12) seq=2 } changetext() } function starteffect(){ if (document.all||document.getElementById) flash=setInterval("change()",speed) } starteffect() //]]> </script></font></b>
-
Fuente: http://learn.shayhowe.com/advanced-html-css/css-transforms/
-
-
Texto
<div style="padding: 10px;"><div style="padding: 2px; border-radius: 10px; background-image: url('http://s006.radikal.ru/i213/1204/de/1318da3cf8bc.gif');">
<div style="padding: 0px 6px 0px 6px; border-radius: 10px; background-image: url('http://s018.radikal.ru/i501/1204/cc/5801875cc29e.gif');">
<div style="padding: 0px 2px 0px 2px; border-radius: 10px; background-image: url('http://s006.radikal.ru/i213/1204/de/1318da3cf8bc.gif'); background-repeat: repeat;">
<div style="padding: 0px 60px 0px 60px; border-radius: 10px; background-image: url('https://lh3.googleusercontent.com/-Vsgsf9T9cvE/V58Nuo3ySfI/AAAAAAACKnk/ZQUKbawP8XwbSUJIfTeZxjuHjCOffDLAQCL0B/s426/2.gif');">
<div style="padding: 2px 2px 2px 2px; border-radius: 10px; background-image: url('http://s006.radikal.ru/i213/1204/de/1318da3cf8bc.gif');">
<div style="padding: 4px 4px 4px 4px; border-radius: 10px; background-image: url('http://s017.radikal.ru/i414/1204/71/62629cd74107.gif');">
<div style="padding: 2px 2px 2px 2px; border-radius: 10px; background-image: url('http://s006.radikal.ru/i213/1204/de/1318da3cf8bc.gif');">
<div style="padding: 2px; border-radius: 10px; box-shadow: inset 1px 1px 15px 2px #F8EBAB; background-image: url('http://img-fotki.yandex.ru/get/5401/zomka.a4/0_4e321_cf549709_S'); width: auto; height: 100%;">
<div style="padding: 11px;"><p> </p><p><img style="border-radius: 18px; box-shadow: #AC6E45 1px 1px 5px; display: block; margin-left: auto; margin-right: auto;" src="http://s019.radikal.ru/i605/1204/f2/16ab42435e31.gif" alt="" width="443" height="378" /></p><p style="text-align: center;">Texto</p><p> </p><p> </p>
<p style="text-align: center;"><a href="http://tutorialgloriav.eklablog.com/"><img style="float: right;" src="http://www.ephotobay.com/image/2-1195.gif" alt="" width="82" height="24" /></a></p><p> </p></div></div></div></div></div></div></div></div></div></div>
votre commentaire -
border-width: 3px 10px 3px 10px;
border-color: red green blue yellow;
border: 5px dashed #FFFDF7; border-color: #D1DAE0; #fffdf7; #d1dae0; #fffdf7; border-width: 3px 10px 3px 10px;
border-top-style: dotted;
<div style="padding: 10px;"><div style="padding: 3px; border-radius: 5px; border-top: 3px dashed #D1DAE0; border-bottom: 3px dashed #D1DAE0; border-left: 6px dashed #fff; border-right: 6px dashed #fff; box-shadow: 0px 0px 15px #000000; background-image: url('http://content.foto.mail.ru/mail/olgaolevka/_animated/i-32292.gif'); background-repeat: repeat;">
<div style="padding: 1px; border-radius: 5px; box-shadow: inset 0px 0px 0px #000000; background-image: url(' ');">
<div style="padding: 40px; border-radius: 5px; box-shadow: inset 0px 0px 0px #000000; background-image: url('https://lh3.googleusercontent.com/NtqM-GBckkBvNVPO5ztPEb6r_MPXhWCtt-NcGNwh3ZkL=w200-h146-no');">
<div style="padding: 2px; border-radius: 5px; box-shadow: 0px 0px 15px #000000; background-image: url('http://content.foto.mail.ru/mail/olgaolevka/_animated/i-32292.gif');">
<div style="border-radius: 5px; border: 1px ridge #FFFDF7; box-shadow: 0 0px 19px #777, 0 3px 15px #CCC inset; height: 100%; background-image: url('http://i148.photobucket.com/albums/s6/amandavivina/Fondos/Fondos%20Escogidos/angel20bk51.jpg?t=1227436859'); width: auto;">
<div style="padding: 10px;"><p style="text-align: center;"> </p>
<p style="text-align: center;"> <p> <iframe src="https://www.youtube.com/embed/mdcOQy1Cg3w" frameborder="0" width="540" height="305" allowfullscreen="allowfullscreen"></iframe><br /> <br /><br /><br /><br /></div>
</div></div></div></div></div></div>
votre commentaire -
-
-
<p></p>
<table style="border: 8px ridge #990000;" cellspacing="0" cellpadding="0" background="http://img0.liveinternet.ru/images/attach/c/10/126/936/126936420_3c274277008c.jpg">
<tbody><tr><td style="padding: 10px;">
<table style="border: 3px ridge #cc9900;" cellspacing="0" cellpadding="0" background="http://img1.liveinternet.ru/images/attach/c/10/126/936/126936421_c42e0dfbbed9.jpg">
<tbody><tr><td style="padding: 15px;">
<table style="border: 3px ridge #990000;" cellspacing="0" cellpadding="0" background="http://img0.liveinternet.ru/images/attach/c/10/126/936/126936420_3c274277008c.jpg">
<tbody><tr><td style="padding: 5px;">
<table style="border: 0px none #000000;" cellspacing="0" cellpadding="0" width="570" height="398" background="http://img0.liveinternet.ru/images/attach/c/10/126/936/126936490_2571c09b69bf.gif">
<tbody><tr><td style="padding: 10px;" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tbody><tr><td style="padding: 1px;" align="center">
<table border="0" cellspacing="0" cellpadding="0" width="230">
<tbody><tr><td align="center"> </td></tr></tbody></table></td><td style="padding: 1px;" align="center">
<table style="border: 0px none #000000;" cellspacing="0" cellpadding="0" width="305" height="360" background="http://img1.liveinternet.ru/images/attach/c/10/126/936/126936515_cd50c0bd81c7.png">
<tbody><tr><td style="padding: 10px;" align="center"><span style="font-family: Verdana; color: #000000; font-size: 12px;"><strong><marquee style="padding: 0px; border: 0px aeca7d;" direction="up" scrollamount="1"><span style="color: #000000;"><span style="font-size: small;"><strong><br /> Texto</strong></span></span></marquee></strong></span></td>
</tr></tbody></table></td></tr></tbody></table>
</td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table>
votre commentaire -
Cuando los ojos están en el cielo, el cielo se refleja en ellos. Cuando se mira en un pantano - se refleja es pantano. Nuestra voluntad y la opción de decidir dónde trazar los ojos.
<div style="padding: 25px;"><div style="padding: 3px; border-radius: 0px 40px 0px 40px; background-image: url('http://www.ephotobay.com/image/2-997.gif'); background-repeat: repeat;">
<div style="padding: 50px; border-radius: 0px 40px 0px 40px; box-shadow: inset rgba(66,72,132,.5) 0 -4px 20px, inset rgba(252,255,255,.5) 0 4px 1px, 5px 5px 25px -5px #000000; background-image: url('https://lh3.googleusercontent.com/-yxU6GH5M9qw/V59VmyHvwUI/AAAAAAACK3I/zBAXAfVRnFcjbK_LQKdbolFWg4PmmFp3ACLcB/w426-h365/3.gif'); background-repeat: repeat;">
<div style="padding: 3px; border-radius: 0px 40px 0px 40px; background-image: url('http://www.ephotobay.com/image/2-997.gif'); background-repeat: repeat;">
<div style="border-radius: 0px 40px 0px 40px; box-shadow: 0px 0px 5px #000000, 0 0 5px #000000 inset; background-image: url('http://img0.liveinternet.ru/images/attach/c/0//44/328/44328744_devushka_retro54.jpg'); background-repeat: repeat; height: 100%;">
<div style="padding: 15px;"><p style="text-align: center;"><img style="border-radius: 0px 40px 0px 40px; box-shadow: #666666 1px 1px 6px 1px;" src="https://lh6.googleusercontent.com/-FWd7LIFdmXU/V59VX_qjh6I/AAAAAAACK2s/vDRUxVO1T4MdHW800ClxkB0RdJRaXlbJACLcB/w500-h260-no/2.gif" alt="" width="479" height="249" /></p>
<p style="text-align: center;">Texto </p></div></div></div></div></div></div>
votre commentaire -
Texto
<div style="padding: 25px;"><div style="padding: 8px; border-radius: 20px; border: 1px solid #CA82C2; box-shadow: inset 0 0 8px #CA82C2; background-image: url('https://lh3.googleusercontent.com/o1A33NstysYJ2a6Wbg4Ugt_9P31UoFip0gvJydpK4oD8=w30-h350-no'); background-repeat: repeat;">
<div style="padding: 50px; border-radius: 20px; border: 1px solid #CA82C2; box-shadow: inset 0 0 20px #9C206A; background-image: url('https://lh3.googleusercontent.com/-s6v-bjP5WQg/V59ellrGB7I/AAAAAAACK4E/18qCv8teeLwi6QiYfzSdCcTxJGAhK8x0QCLcB/s426/3.gif'); background-repeat: repeat;">
<div style="padding: 3px; border-radius: 5px; border: 1px solid #CA82C2; background-image: url('http:.gif'); background-repeat: repeat;">
<div style="border-radius: 5px; border: 1px solid #CA82C2; box-shadow: inset 0 0 15px #63308C; background-image: url('https://lh3.googleusercontent.com/FXtz2Q07TS-mr4bNHKFm-tMxx5A55PcZ_4kXS_kqMkkX=w30-h350-no'); background-repeat: repeat; height: 100%;">
<div style="padding: 15px;"><p style="text-align: center;"> </p><p style="text-align: center;">Texto</p></div></div></div></div></div></div>
votre commentaire