W3 Tricks - Tu Sitio de Trucos Web

19.11.10

Widget de Futbol 3D en tu Web

Un juego de fútbol la verdad muy bueno para tu web o blog, es tridimensional y aunque no tiene gran definición te puede dar mucha diversión con su diversidad de copas, inclusive tiene repeticiones, y apesar de todo no se demora mucho en cargar, diseñado por RadicalPlay.

Para jugar usa las flechas, z y x.

Pruébalo:

Super Web Soccer Gamegreat free widgetsWidgetboxMore info

Código:
<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('f3f0004b-c410-46f8-a553-6417464e28e0');</script><noscript>Get the <a href="http://www.widgetbox.com/widget/supersoccer">Super Web Soccer Game</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://docs.widgetbox.com/using-widgets/installing-widgets/why-cant-i-see-my-widget/">More info</a>)</noscript>

Me parece un juego nostálgico por que me recuerda el Soccer de Family y algo a los primeros Fifa como el 95 o 96, Disfrútalo y has muchos goles.

Horóscopo del Día

iFate nos trae un widget para conocer nuestro destino, contiene todos los Signos Zodiacales y es muy fácil de usar y agregar.

Pruébalo:

tarot y horóscopos

horóscopos del díagreat free widgetsWidgetboxMore info

Código:

<DIV id="ifate_widget" style="max-width:160px;"> <DIV style="text-align:center;color:#333366;font-family:arial;font-size:7pt;"><a style="color:#0000AA" href="http://es.ifate.com"> tarot</a> y <a style="color:#0000AA" href="http://es.ifate.com"> horóscopos</a> </DIV><script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('28399034-0797-44ac-84e4-1d18378cd536');</script></DIV><noscript>Get the <a href="http://www.widgetbox.com/widget/horscopos-del-dia">horóscopos del día</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://docs.widgetbox.com/using-widgets/installing-widgets/why-cant-i-see-my-widget/">More info</a>)</noscript>

Con este código tendrás acceso a tu horóscopo diario en tu pagina web o blog, solo tienes que copiarlo y pegarlo en la parte que desees.

18.11.10

Rock RadioBar - Noticias del Rock

Nuestra página aliada Rock RadioBar lanzó su Widget de todas las noticias del mundo del rock para que puedas agregarlo a tu web o blog muy fácilmente.

Contiene todas las noticias del mundo del Rock: Lanzamientos, Reuniones, Conciertos y Recomendados 100% Rock todo el tiempo.

Pruébalo:

Rock RadioBargreat free widgetsWidgetboxMore info

Código:
<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('90adfb82-aa21-4c85-a729-2a101e754922');</script><noscript>Get the <a href="http://www.widgetbox.com/widget/rock-radiobar">Rock RadioBar</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://docs.widgetbox.com/using-widgets/installing-widgets/why-cant-i-see-my-widget/">More info</a>)</noscript>

Agrega este código en tu pagina web y disfruta de todas las noticias del Rock minuto a minuto, y no olvides visitar Rock RadioBar.

15.11.10

Resultados de Fútbol de ESPN

ESPN Deportes nos trae día a día los resultados del Fútbol con un Widget en el cual puedes seleccionar la liga que quieras de cualquier continente que incluyen: la liga inglesa, española, italiana, alemana, mexicana, argentina, brasileña, colombiana, etc... lo cual es fantástico encontrarlo en un solo widget.

Pruébalo:

Código:

<object data="http://a.espncdn.com/deportes/community/widgets/swfs/scoreboard_soccer.swf" height="387" type="application/x-shockwave-flash" width="300"><param name="flashVars" value="sport=mlb&pid=espndeportessoccerscoreboard_1289801476301200530&share=embed">
<param name="movie" value="http://a.espncdn.com/community/deportes/widgets/swfs/scoreboard_soccer.swf" >
<param name="wmode" value="transparent">
<param name="allowScriptAccess" value="always">
<param name="allowNetworking" value="all">
</object>

Agrégalo a tu web y obtén toda la información de tu deporte favorito minuto a minuto.

14.11.10

Toca Piano con tu Teclado o Mouse

Si te gusta la música te va a emocionar este gadget un pequeño piano de una octava que puedes agregar a tu web o blog tiene el espacio justo para ser agregado en una barra lateral y así tus usuarios pueden divertirse haciendo música , para tocarlo usa el Mouse o si quieres manejar el teclado puedes pulsar todas las teclas de abajo ordenadas como un piano: z,s,x,d,c,v,g,b,h,n,j,m

Pruébalo:

Mini Pianogreat free widgetsWidgetboxMore info

Código:
<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('6a1a98e7-760b-41bd-85c6-26ab7fd0a354');</script><noscript>Get the <a href="http://www.widgetbox.com/widget/mini-piano">Mini Piano</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://docs.widgetbox.com/using-widgets/installing-widgets/why-cant-i-see-my-widget/">More info</a>)</noscript>

12.11.10

Simón Dice

El juego de Colores Simon Dice ya esta en widget para que puedas agregarlo a tu página web o Blog muy facilmente.

Pruébalo:

Simon made by Neave Games

Código:
<embed src="http://www.neave.com/games/get_game.php?swf=simon" name="neaveSimon" width="400" height="320" quality="high" pluginspage="http://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" allowscriptaccess="always"></embed><p><a href="http://www.neave.com/games/">Simon made by Neave Games</a></p>

En el juego Simon (el aparato) te muestra los colores que debes pulsar en el mismo orden, en cada ronda se aumenta de a un color por eso es muy bueno para la memoria.

Disfrútalo.

10.11.10

Traduce tu página web en un Instante

Si quieres un gadget que Traduzca toda tu página web en un instante llegaste al lugar adecuado, aquí esta un complemento para tu web o blog realmente útil, el cual usa la tecnología de Google Traslator y con solo un click tu pagina es traducida al instante.

Pruébalo:

Código:

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

Copia este código en cualquier lugar de tu web, puede ser en una barra superior o lateral y así tus usuarios siempre podrán traducir tu web algo muy bueno para acceder a otros mercados mediante la Internet.

9.11.10

A saltar con Frogger

El muy Clásico juego de Froger llego para que lo agregues a tu web creado por Neave, el juego es sencillo, eres una rana y tienes que ir a tu casa, lo malo es que tienes que pasar por una autopista muy congestionada y como si fuera poco pasar un rió saltando de tronco en tronco

Pruébalo:

Frogger made by Neave Games

Código:
<embed allowscriptaccess="always" height="484" name="neaveFrogger" pluginspage="http://get.adobe.com/flashplayer/" quality="high" src="http://www.neave.com/games/get_game.php?swf=frogger" type="application/x-shockwave-flash" width="448"></embed>

Copia este código en la parte de tu web en la que quieras que tus usuarios jueguen a ser Frogger, y listo un juego clásico más esta disponible en tu página.

5.11.10

Ocultar Email del Spam

Si quieres agregar tu Email de contacto en tu web, es importante que no lo agregues directamente en el Html por que los SpammerBots estan buscando direcciones de email mediante palabras claves como "mailto", "hotmail", "gmail" o "*@*.com", una vez almacenen la dirección de tu email la llenaran con miles de correos de publicidad y nadie quiere eso.

Por eso traigo una sencilla solución, mediante Javascript cortar la cadena e imprimirla.

Pruebaló:

Para Contactos comunícate al siguiente Email:

Código:

<script language="JavaScript">
document.write('<a href=mai'+'lto'+':'+'jaac'+'00'+'3'+'@'+'g'+'ma'+'il.'+'com>jaac'+'00'+'3'+'@'+'g'+'m'+'ail.'+'com</a>');
</script>

Importante: en href divide la cadena de tu email cortando las palabras claves "mailto", tu servidor de correo y tu nombre de usuario, tambien recomiendo que separes el @ y el Com del resto, y ya con Javascript concatenas usando 'cadena1'+'cadena2'. y listo, no es 100% efectivo ya que hay bots mas sofisticados pero te ayuda a reducir mucho el spam.