Códigos HTML para tu Web

Códigos HTML para que los coloques en tu Web. Podrás visualizarlo con un probador, y visualices y compruebes si es de tu agrado (hay códigos HTML que no se ven porque están encriptados, pero puedes probarlo en tu propia web). Los dejamos con nuestras preferidas y luego las que a mucha gente les agrada y buscan como palito de romero. Post exclusivo de #ConexiónMultimedia entre Contacto Veraz, Venezuela Online, Tecnología Venezuela, Mi Página Favorita y El Literato. Esperamos sus sugerencias y comentarios.

Para comprobar los códigos, haz clic aquí Se abrirá otra pestaña el Probador HTML

                                 

Pájaro de Twitter que vuela por tu web   

<script src="http://plantillasgratis.comuv.com/disemucho/pajaro_twitter_navidad/twitter/disemucho.js" type="text/javascript">// <![CDATA[

// ]]></script>
<script type="text/javascript">// <![CDATA[
var birdSprite='http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/iffeafe7e991f963f/1341590653/std/image.png';
var targetElems=new Array('img','hr','table','td','div','input','textarea','button',

'select','ul','ol','li','h1','h2','h3','h4','p','code','object','a','b','strong','span');
var twitterAccount = 'http://twitter.com/FrankNessi';
var twitterThisText ='Sigueme en Twitter';
tripleflapInit();
// ]]></script>

Cámara de vigilancia para tu web  

<a href="#" style="right: 0px; position: fixed; top: 0px;"><img src="http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i1bebb50570fb38cb/1337963529/std/image.gif" alt=
"" /></a>

Araña que baja en tu web

<img border='0' src='http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i6a75ddb4c2178b38/1413468702/std/image.gif' style='position:fixed; top:0; left:0;'/>

Se agranda la imagen  

<div></div>
<p><img src="http://bligoo.com/media/users/19/975798/images/public/227225/El_Literato_TEXTO.jpg?v=1356899029527" onmouseover="this.width=500;this.height=400;" onmouseout="this.width=200;this.height=150;" width="200" height="150" />&nbsp;</p>

Número de usuarios en tiempo real 

<script id="_wauwaa">var _wau = _wau || []; _wau.push(["classic", "zltotgacrhd9", "waa"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/classic.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>

Botón 

<form>
<input type="submit" name="button" value="http://el-literato.bligoo.com" style=color:#000000;background-color:#GGGGGG />
</form>

Recordamos a nuestros visitantes que cada código lo puedes personalizar, es decir, el Twitter, coloca tu cuenta, el botón, el texto que prefieras e incluso el color del borde (para ello realizamos un Tutorial con una paleta de colores para que sepas los códigos de cada color, apenas seleccionándolos). En agrandar la imagen, sólo debes colocar la URL y listo. Todo lo puedes modificar. No es difícil ni tienes que conocer terminología HTML, igualmente les preparamos un especial multimedia para que manejes lo básico de estos códigos y tu página web se catapulte como tú quieres. Recuerda nuestra etiqueta en Twitter #ConexiónTecnológica

                             

Traductor:    el que selecciones se activará en toda la página.

<div><div id="google_translate_element"></div><script type="text/javascript">//<![CDATA[function googleTranslateElementInit() {new google.translate.TranslateElement({pageLanguage: 'es'}, 'google_translate_element');}//]]></script> <script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" type="text/javascript"></script></div>

Seleccionar idiomaafrikáansalbanésalemánamháricoárabearmenioazeríbengalíbielorrusoBirmanobosniobúlgarocanaréscataláncebuanochecoChichewachino (simplificado)chino (tradicional)Cingaléscoreanocorsocriollo haitianocroatadanéseslovacoeslovenoesperantoestonioeuskerafinlandésfrancésfrisiogaélico escocésgalésgallegogeorgianogriegogujaratihausahawaianohebreohindihmongholandéshúngaroigboindonesioinglésirlandésislandésitalianojaponésjavanésjemerkazajokirghizkurdolaolatínletónlituanoLuxemburguésmacedoniomalayalammalayomalgachemaltésmaorímaratímongolnepalínoruegopashtopersapolacoportuguéspunjabírumanorusoSamoanoserbiosesotoshonasindhisomalísuajilisuecosundanéstagalotailandéstamiltayikoteluguturcoucranianourduuzbecovietnamitaxhosayidisyorubazulú

Con la tecnología de Traductor de Google

Botón arriba y abajo  Subirá o bajará todo el contenido de la página de una vez

<div id="navigation_up_down_79136"><noscript>Javascript is disable - <a href="http://www.webestools.com/">Webestools</a> - <a href="http://www.webestools.com/navigation-buttons-generator-scroll-top-bottom-shortcut-page-up-down-scroll-buttons-javascript.html">Navigation Buttons Generator html scroll up down</a></noscript><script type="text/javascript" src="http://services.webestools.com/navigation_up_down/1-79136-right.js"></script></div><div id="navigation_up_down_79136"><noscript>Javascript is disable - <a href="http://www.webestools.com/">Webestools</a> - <a href="http://www.webestools.com/navigation-buttons-generator-scroll-top-bottom-shortcut-page-up-down-scroll-buttons-javascript.html">Navigation Buttons Generator html scroll up down</a></noscript><script type="text/javascript" src="http://services.webestools.com/navigation_up_down/1-79136-right.js"></script></div>

Calendario    

<iframe border="0" frameborder="no" framespacing="0" src="http://www.gifss.com/creaciones/calendarios/paisajeanimados/009/" scrolling="no" width="135" height="243"></iframe></p>

                                                                          

Cámara de seguridad 

<a href="#" style="right: 0px; position: fixed; top: 0px;"><img src="http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/ied3543e3d26079d1/1337963778/std/image.gif" alt=
"" /></a>

Botón modificable:  Puedes hacer una lista de lo que quieres que se vea en tu Web.

<div><input style="background:#FF9900;" value="Mostrar" onclick_fckprotectedatt="%20onclick%3D%22if(this.parentNode.getElementsByTagName('div')%5B0%5D.style.display%20!%3D%20'')%7Bthis.parentNode.getElementsByTagName('div')%5B0%5D.style.display%20%3D%20''%3Bthis.value%20%3D%20'Ocultar'%3B%7Delse%7Bthis.parentNode.getElementsByTagName('div')%5B0%5D.style.display%20%3D%20'none'%3B%20this.value%20%3D%20'Mostrar'%3B%7D%22" type="button" /><div style="display: none;">INSERTA AQUI EL CONTENIDO QUE QUIERES OCULTAR</div></div>

Sangre cae de la web:  

<img border='0' src='http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i0425d9e289ed1713/1297446540/std/image.gif' style='position:fixed; top:0; left:0; width:100%; height:150px;'/>

Marquesina de créditos: 

Bienvenidos a El Literato

<MARQUEE DIRECTION="UP" SCROLLDELAY="1" SCROLLAMOUNT="1" WIDTH="100%" STYLE=text-align:justify;filter:wave(add=5", phase="10", freq="5", strength="100" ;"><center><font color="#FF66FF" size=2><br>Tu texto<br></marquee> 

Marquesina: 

#ConexiónTecnológica

<center> <div class="n"><p>
<b><font color="#000000" face="georgia" size=4><marquee width="400" scrollamount="15" bgcolor="#FFFFFF">El Literato</marquee>
</font></b>
</p><center>

Reiteramos a nuestros visitantes que cada código lo puedes personalizar, es decir, estas marquesinas, saldrá lo que tú edites. Todo lo puedes modificar. No es difícil ni tienes que conocer terminología HTML, igualmente les preparamos un especial multimedia para que manejes lo básico de estos códigos y tu página web se catapulte como tú quieres. Recuerda nuestra etiqueta en Twitter #ConexiónTecnológica

Imprimir esta página:  Imprimir

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

Imagen que cambia al darle clic:

<script language="javascript">
imagen1=new Image
imagen1.src="url dela imagen 1"
imagen2=new Image
imagen2.src="url dela imagen 2"
var i=1;
function cambiar() {
if (i == 1)
{
document.images['ejemplo'].src=imagen2.src
i=2;
}
else
{
document.images['ejemplo'].src=imagen1.src;
i=1;
}
}
</script><img src="url dela imagen 1" name="ejemplo" onMousedown="cambiar()"">

Post especial que quisimos regalar a nuestros suscriptores y mantenerlos al margen de la tecnología. Esta página es por y para ustedes, compañeros escritos. ¡Se les quiere! Pronto la segunda parte para que tengas mucho más dónde elegir.