Prohibida la copia de esta web o de sus subpaginas en otro sitio.Licencia Creative Commons y Copyright. Disponemos de herramientas antiplagio

Agradecer no cuesta nada,es un estimulo para continuar

OTROS CÓDIGOS HTMl

RECORDAIS PONER VUESTRA PAGINA Y DATOS QUE OS PIDEN EN CADA CODIGO

EN ALGUNOS CODIGOS OS HE PUESTO COMO QUEDARIAN 

agregar a favoritos

<a href="javascript:window.external.AddFavorite('TU URL','Mi%20web%20trata%20de...');" _mce_href="javascript:window.external.AddFavorite('TU URL','Mi%20web%20trata%20de...');"><b>AGREGAR A FAVORITOS!</b></a>

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/" _mce_href="http://www.google.com/"><img src="http://www.google.com/logos/Logo_40wht.gif" _mce_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 -->

Google

para subir la página

<a href="#" _mce_href="#"><img src="AQUI LA URL DE LA IMAGEN " _mce_src="AQUI LA URL DE LA IMAGEN " alt="SUBIR" /></a> SUBIR

codigo "ESPERA A QUE CARGUE LA WEB"

<script type='text/javascript'> //<![CDATA[     window.onload = detectarCarga;     function detectarCarga(){     document.getElementById("imgLOAD").style.display="none";     }     //]]> </script> <div id='imgLOAD' style="TEXT-ALIGN:center">     <b>ESTA CARGANDO LA PAGINA, ESPERA UNOS SEGUNDOS</b>     <center>         <img src="URL DE TU IMAGEN" />     </center> </div>

cartel luminoso

<table id="myexample" border="0" width="280" align=

"center" style="border-bottom: green 5px solid; border-left: green 5px solid;

border-top: green 5px solid; border-right: green 5px solid"><tbody><tr><td><center>AQUI VA TU TEXTO </center><br /></td></tr></tbody></table><script language="JavaScript1.2" type="text/javascript">//<![CDATA[
//configure interval btw flash (1000=1 second)var speed=500
function flashit(){var crosstable=document.getElementById? document.getElementById("myexample") : document.all?
document.all.myexample : ""if (crosstable){if (crosstable.style.borderColor.indexOf("green")!=

-1)crosstable.style.borderColor="red"elsecrosstable.style.borderColor=

"green"
}}setInterval("flashit()", speed)//-->//]]></script></center></body></html> 

AQUI VA TU TEXTO

texto en movimiento

<div align=center style="width:75%;filter:glow(color=silver,strength=45);font-family:verdana bold;color:white"><marquee direction=right><marquee bgcolor=blue>Aqui el texto a poner</marquee></marquee></div>

Aqui el texto a poner

Fuentes de texto para crear titulos o encabezamientos

fuente terror

 

<span style="font-family: 'Nosifer', cursive; font-size: 30px;">TEXTO</span><link href="http://fonts.googleapis.com/css?family=Nosifer" rel="stylesheet" type="text/css"></link>

Bienvenidos

fuente veloz

 

<span style="font-family: 'Faster One', cursive; font-size: 45px;">TEXTO</span><link href="http://fonts.googleapis.com/css?family=Faster+One" rel="stylesheet" type="text/css"></link>

Bienvenidos

fuente 3d

 

<span style="font-family: 'Sirin Stencil', cursive; font-size: 50px;">TEXTO</span><link href="http://fonts.googleapis.com/css?family=Sirin+Stencil" rel="stylesheet" type="text/css"></link>

Bienvenidos

fuente Pixelada

 

<span style="font-family: 'Press Start 2P', cursive; font-size: 35px;">TEXTO</span><link href="http://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet" type="text/css"></link>

Bienvenidos

fuente con bordes

 

<span style="font-family: 'Diplomata', cursive; font-size: 30px;">TEXTO</span><link href="http://fonts.googleapis.com/css?family=Diplomata" rel="stylesheet" type="text/css"></link>

Bienvenidos

fuente heavy

 

<span style="font-family: 'Caesar Dressing', cursive; font-size: 45px;">TEXTO</span><link href="http://fonts.googleapis.com/css?family=Caesar+Dressing" rel="stylesheet" type="text/css"></link>

Bienvenidos

fuente con forma de ficha

 

<span style="font-family: 'Monofett', cursive; font-size: 45px;">TEXTO</span><link href="http://fonts.googleapis.com/css?family=Monofett" rel="stylesheet" type="text/css"></link>

Bienvenidos

codigos de twitter:

ponerlo en html , poner tu usuario

el color lo podeis modificar a vuestro gusto en la parte señalada en rojo,el color siempre ponerlo en ingles

 

 

Twitter Buttons

<a href="http://twitter.com/USER"><img src="http://dyupvl2vcwc6f.cloudfront.net/wp-content/uploads/2010/12/01-twitter-follow-me-button-green.jpg"></a><a href="http://ustandout.com/twitter/free-twitter-badges"><img src="http://dyupvl2vcwc6f.cloudfront.net/wp-content/uploads/2010/12/tw.gif" alt="Twitter Buttons"></a>

Twitter Buttons

<a href="http://twitter.com/USER"><img src="http://dyupvl2vcwc6f.cloudfront.net/wp-content/uploads/2010/12/02-follow-me-on-twitter-button-blue.png"></a><a href="http://ustandout.com/twitter/free-twitter-badges"><img src="http://dyupvl2vcwc6f.cloudfront.net/wp-content/uploads/2010/12/tw.gif" alt="Twitter Buttons"></a

Iconos Sociales que giran 360 grados.El codigo incluye varios iconos

<center><div id="socialicons"><a href="URL FACEBOOK" target="_blank"><img src="https://lh3.googleusercontent.com/-8uDAGjfT3vQ/UARo-t7E7cI/AAAAAAAABI8/PILejXYJA8Y/s64/facebook.png" /></a><a href="URL GOOGLE PLUS" target="_blank"><img src="https://lh4.googleusercontent.com/-6p_rag0CWzc/UARo-rUBPCI/AAAAAAAABJI/V8QeWt2wwnY/s64/google%252B.png" /></a><a href="URL TWITTER" target="_blank"><img src="https://lh5.googleusercontent.com/-x-_aVABEfxc/UARo_D3Iw5I/AAAAAAAABJY/PdIxo4Xcevc/s64/twitter.png" /></a><a href="URL FEED" target="_blank"><img src="https://lh6.googleusercontent.com/-ySt97Jsy_oQ/UARo_MHNL-I/AAAAAAAABJQ/NJ7hBFwU8MQ/s64/rss.png" /></a><a href="URL YAHOO" target="_blank"><img src="https://lh4.googleusercontent.com/-LvC4t7Kk5ok/UARo_P1z-xI/AAAAAAAABJU/-I1mutsR9LQ/s64/yahoo.png" />

</div></center>
<style>
#socialicons img{
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;}
#socialicons img:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);}
</style>

 

rosas que caen y se desvanecen por toda la web

<script>
/***** Rosas cayendo en el blog *****/
if(typeof $pdj=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>if(typeof $pdj=='undefined'){var $pdj=jQuery.noConflict()}if(!image_urls){var image_urls=Array()}if(!flash_urls){var flash_urls=Array()}image_urls['corazon']="http://2.bp.blogspot.com/-Jz2xSPA37L0/TzgF3AY4CtI/AAAAAAAAAwM/4Qa1TYKvd_I/s1600/LH00CE0T.gif";$pdj(document).ready(function(){var c=$pdj(window).width();var d=$pdj(window).height();var e=function(a,b){return Math.round(a+(Math.random()*(b-a)))};var f=function(a){setTimeout(function(){a.css({left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100)}).animate({top:(d-10)+'px'},e(8500,10000),function(){$pdj(this).fadeOut('slow',function(){f(a)})})},e(1,9000))};$pdj('<div></div>').attr('id','corazonDiv').css({position:'fixed',width:(c-20)+'px',height:'1px',left:'0px',top:'-5px',display:'block'}).appendTo('body');for(var i=1;i<=15;i++){var g=$pdj('<img/>').attr('src',image_urls['corazon']).css({position:'absolute',left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100),'margin-left':0}).addClass('corazonDrop').appendTo('#corazonDiv');f(g);g=null};var h=0;var j=0;$pdj(window).resize(function(){c=$pdj(window).width();d=$pdj(window).height()})});</script>

 

Gadget de Esqueleto Andante en esquina inferior derecha de la web

<a style="display:scroll;position:fixed;bottom:0px;right:0px;" href="http://www.miltrucosblogger.info/2011/10/gadget-de-esqueleto-andante-para.html"><img src="http://4.bp.blogspot.com/-pMF1EDx3s_c/TonFiNG8gqI/AAAAAAAAAYQ/S44owZsohyA/s1600/2rrx9ba.gif" /></a>

 

cajita contenedora de codigos

<textarea style="width:360px;height:58px;" rows="2" cols="34">AQUI TU TEXTO

 

 

Varios modelos de cajas contenedoras

Aqui os dejo unas cajas contenedoras , para que podais dejar dentro codigos o textos. 
 Cada caja contiene su codigo ,como se puede ver,para ponerla hacemos click en  insertar un nuevo elemento, en este caso" TEXTO ",despues click en HTML,cuando se abra ponemos el codigo de la caja contenedora que queramos y click en actualizar,entonces aparecera la caja contenedora que hemos seleccionado y dentro colocaremos el codigo que queramos o el texto y despues click en guardar y listo

<DIV style="BORDER-RIGHT: #000000 3px dashed; BORDER-TOP: #000000 3px dashed; SCROLLBAR-FACE-COLOR: #cc00cc; SCROLLBAR-HIGHLIGHT-COLOR: #cce9fd; OVERFLOW: scroll; BORDER-LEFT: #000000 3px dashed; WIDTH: 398px; SCROLLBAR-SHADOW-COLOR: #ffbbf1; COLOR: #ff88e7; SCROLLBAR-3DLIGHT-COLOR: #ddaaff; SCROLLBAR-ARROW-COLOR: #b444ff; BORDER-BOTTOM: #000000 3px dashed; SCROLLBAR-DARKSHADOW-COLOR: #3e8f7e; HEIGHT: 184px; BACKGROUND-COLOR: #F5A9D0" align=center><P align=center><FONT color=#000033></FONT>&nbsp;</P><P align=center><FONT color=#000033>aqui colocas tu texto codigo</FONT></P></DIV></DIV><DIV align=center>&nbsp;</DIV>
 


 

<DIV style="BORDER-RIGHT: #000000 3px dashed; BORDER-TOP: #000000 3px dashed; SCROLLBAR-FACE-COLOR: #cc00cc; SCROLLBAR-HIGHLIGHT-COLOR: #cce9fd; OVERFLOW: scroll; BORDER-LEFT: #000000 3px dashed; WIDTH: 398px; SCROLLBAR-SHADOW-COLOR: #ffbbf1; COLOR: #ff88e7; SCROLLBAR-3DLIGHT-COLOR: #ddaaff; SCROLLBAR-ARROW-COLOR: #b444ff; BORDER-BOTTOM: #000000 3px dashed; SCROLLBAR-DARKSHADOW-COLOR: #3e8f7e; HEIGHT: 184px; BACKGROUND-COLOR: #BE81F7" align=center><P align=center><FONT color=#000033></FONT>&nbsp;</P><P align=center><FONT color=#000033>AQUI TU TEXTO O CODIGO</FONT></P></DIV></DIV><DIV align=center>&nbsp;</DIV>
 


 

<table border="0" cellspacing="0" cellpadding="0" align="center"><tbody><tr><td> <img style="width: 443px; height: 22px;" src="https://u.jimcdn.com/www21/o/s4e9df44a0ad8ccd8/img/i00cf43003627baa4/1300295296/std/image.gif" alt="" width="100" height="22" /> </td></tr><tr><td><div style="scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; overflow: scroll; width: 442px; scrollbar-shadow-color: #ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #000000; scrollbar-darkshadow-color: #ffffff; height: 87px; background-color: #ffffff; border: white 2px solid;"><p> <span style="color: #000000; font-size: 12px;">AQUI EL TEXTO</span> </p><p>&nbsp;</p></div><img style="width: 442px; height: 9px;" src="https://u.jimcdn.com/www21/o/s4e9df44a0ad8ccd8/img/if3487608fdb9a3b7/1300295401/std/image.gif" alt="" width="100" height="14" /> </td></tr></tbody></table>

 

<table border="0" cellspacing="0" cellpadding="0" align="center"><tbody><tr><td> <img style="width: 443px; height: 22px;" src="https://u.jimcdn.com/www21/o/s4e9df44a0ad8ccd8/img/i5b132d2f7aca955e/1300295923/std/image.gif" alt="" width="100" height="22" /> </td></tr><tr><td><div style="scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; overflow: scroll; width: 442px; scrollbar-shadow-color: #ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #000000; scrollbar-darkshadow-color: #ffffff; height: 87px; background-color: #ffffff; border: white 2px solid;"><p> <span style="color: #000000; font-size: 12px;">AQUI EL TEXTO</span> </p><p>&nbsp;</p></div><img style="width: 442px; height: 9px;" src="https://u.jimcdn.com/www21/o/s4e9df44a0ad8ccd8/img/i36715b83f456ffb1/1300295956/std/image.gif" alt="" width="100" height="14" /> </td></tr></tbody></table>

 

Efecto intermitente para imagenes,videos etc

En un html

 

<div id='blink' style="text-align:center;">AQUI EL CODIGO DE VIDEO,IMAGEN ETC</div><script language="JavaScript">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>

Cubos 3d y sus codigos con imagenes 

 

recordad que aqui lo podeis personalizar a vuestro gusto:



 


<embed src=
"http://www.criticallayouts.com/Generators/photo-cube-3d/show.swf?base

URL=http://www.criticallayouts.com/Generators/photo

-cube-3d/&amp;clickURL=http://www.photocube3d.com/&amp;clickLABEL

=Photo%20Cube&amp;rect=off&amp;pic1=

pic13510148205389822654.gif&amp;pic2=

pic135101485423442913989.gif&amp;pic3=

pic13510148715523099433.gif&amp;pic4=

pic135101490150976645323.gif&amp;pic5=

pic13510149800337941607.gif&amp;pic6=

pic135101500306812372390.gif&amp;shadow=

on&amp;alpha=on&amp;xrot=on&amp;yrot=on&amp;xangle=0&amp;yangle

=0&amp;cl=16777215"
quality="high" bgcolor="#FFFFFF" width="400" height="400" name="show" align="middle" wmode="transparent" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage=
"http://www.macromedia.com/go/getflashplayer" /><br />
<a href="http://www.photocube3d.com/"></a>

Protected by Copyscape Web Plagiarism Check