Tecnología aplicada a la educación sección F: AYUDA

SI TIENEN ALGUNA DUDA PUEDEN COMUNICARSE AL 50303403 PARA PODERLE AYUDAR A MEJORAR SU BLOG

Estos son los enlaces que tiene que copiar y pegarlo en (diseño, y luego seleccionamos gadget ) solo el texto que esta en azul.

LA HORA

<p><a href="http://www.freeflashtoys.com/?digital-clock"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"width="265" height="88" id="myMovieName"><param name="flashvars" value="myc=15076352" /><param name="movie" value="http://stuff.freeflashtoys.com/swf/digit.swf?myc=15076352" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><embed src="http://stuff.freeflashtoys.com/swf/digit.swf?myc=15076352" quality=high width="265" height="88" wmode="transparent" name="myMovieName" align="" type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></object></a><br />Get your own <a href="style="visibility:hidden;width:0px;height:0px;" border="0" width="0" height="0" src="http://stuff.pyzam.com/misc/cxnid=1000015.12nxc.gif" /></a></p>

RADIO ONLINE FM MAYA

<iframe src="http://radiosxinternet.com/rxi/rxi7320/aacplayer.swf" frameborder="NO" marginwidth="" marginheight="0px" scrolling="NO" width="275px" height="200px"></iframe>

MUSICA FAVORITA

<object width="275" height="210"><embed src="http://www.goear.com/files/externalpl.swf?file=3b7dfab" type="application/x-shockwave-flash" wmode="transparent" quality="high" width="275" height="210"></embed></object>

CHAT


<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="250" height="305" src="http://www7.cbox.ws/box/?boxid=747560&boxtag=60qb2t&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-747560" style="border:#000000 1px solid;" id="cboxmain7-747560"></iframe></div>
<div><iframe frameborder="0" width="250" height="75" src="http://www7.cbox.ws/box/?boxid=747560&boxtag=60qb2t&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-747560" style="border:#000000 1px solid;border-top:0px" id="cboxform7-747560"></iframe></div>
</div>


__________________________________________________

TE GUSTA ESTE EFECTO

Hola
te gusta
este
efecto?

LEER LO SIGUIENTE

Ahora podes realizar los siguientes cambios en el gadget:
> Puedes agregar el mensaje en el gadget reemplazando: Hola te gusta este efecto. Puedes poner además un enlace a redireccionar en la parte que dice LINK-DEL-ENLACE-A-REDIRECCIONAR.
> Por defecto ves que el gadget tiene colores oscuros, ideal para blogs con fondos y diseños oscuros.
> Te darás cuenta que los colores no tienen los 6 dígitos de los colores hexadecimales, sino sólo 3.
En la paleta, al pasarle el cursor al color deseado, verás los 3 dígitos:

Al costado de los códigos , verán una descripción que que corresponde a la parte del gadget que cambiará ya sea el color ó tamaño, por si decides hacerlo.
Ten en cuenta que en algunas partes del código, los dígitos de los colores están repetidas varias veces, y si decides cambiarlo recuerda que deberás reemplazarlos por el mismo código del color que has elegido las veces que se muestren en el código.

Luego de haberlo ajustado a tu gusto, guarda los cambios y listo.

Recuerda que:

Para facilitar la búsqueda de un código en tu plantilla ó gadget, debes presionar la tecla Ctrl seguido de la tecla F. En la ventana de búsqueda que aparece, coloca el código que estás buscando y allí lo encontrarás.
Si editas directamente el código HTML en tu plantilla, es importante que siempre guardes una copia de seguridad de la misma antes de cualquier modificación.

Copiar y pegar

<style> #animationWrapper { width:200px; /*Ancho del gadget*/ font-family:"proxima-nova-1","proxima-nova-2","Helvetica Neue","Arial",sans-serif; background:#222; /*Color del fondo del gadget*/ padding:40px; } /* link which encapsulates SPANS */ #animationWrapper a { font-weight: 800; text-transform: uppercase; font-size: 42px; /*Tamaño de las letras 2, 3 y 4 */ line-height: 0.9em; margin-bottom: 10px; display: block; position: relative; color: #E58; text-decoration: none } /* span and a - "workers" */ #animationWrapper a, #animationWrapper span { -webkit-transition: all 0.12s ease-out; -moz-transition: all 0.12s ease-out; -o-transition: all 0.12s ease-out; -ms-transition: all 0.12s ease-out; transition: all 0.12s ease-out; } #animationWrapper span { display: block; color: #555; /*Color de la letra por defecto*/ text-shadow: 1px 1px black, 2px 2px black, 3px 3px black, 4px 4px black, 5px 5px black, 6px 6px black, 7px 7px black, 8px 8px black; } /* special size for the first item */ #animationWrapper .span1 { font-size: 56px; /*Tamaño especial para sólo el primer item - letra 1*/ line-height: 0.8em; } #animationWrapper a:hover { color: #fff ; top: -3px; left: -3px; } /* all spans become white */ #animationWrapper a:hover span { color:#fff; } /* different colors for each SPAN */ #animationWrapper a:hover .span1 { text-shadow: 1px 1px #58E, 2px 2px #58E, 3px 3px #58E, 4px 4px #58E, 5px 5px #58E, 6px 6px #58E, 7px 7px #58E, 8px 8px #58E, 9px 9px #58E, 10px 10px #58E, 11px 11px #58E; } #animationWrapper a:hover .span2 { text-shadow: 1px 1px #F90, 2px 2px #F90, 3px 3px #F90, 4px 4px #F90, 5px 5px #F90, 6px 6px #F90, 7px 7px #F90, 8px 8px #F90, 9px 9px #F90, 10px 10px #F90, 11px 11px #F90; } #animationWrapper a:hover .span3 { text-shadow: 1px 1px #3C7, 2px 2px #3C7, 3px 3px #3C7, 4px 4px #3C7, 5px 5px #3C7, 6px 6px #3C7, 7px 7px #3C7, 8px 8px #3C7, 9px 9px #3C7, 10px 10px #3C7, 11px 11px #3C7; } #animationWrapper a:hover .span4 { text-shadow: 1px 1px #E58, 2px 2px #E58, 3px 3px #E58, 4px 4px #E58, 5px 5px #E58, 6px 6px #E58, 7px 7px #E58, 8px 8px #E58, 9px 9px #E58, 10px 10px #E58, 11px 11px #E58; } </style><br /> <center>
<br /> <div id="animationWrapper">
<a href="LINK-DEL-ENLACE-A-REDIRECCIONAR"><br /> <span class="span1">Hola</span><br /> <span class="span2">te gusta</span><br /> <span class="span3">este</span><br /> <span class="span4">efecto?</span><br /> </a><br /> </div>
</center>

CALENDARIO

var meses = new Array ("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre");

var diasSemana = new Array("Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado");

var f=new Date();

document.write(f.getDate() + " de " + meses[f.getMonth()]);

</script></div>

var meses = new Array ("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre");

var diasSemana = new Array("Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado");

var f=new Date();

document.write(f.getFullYear());

</script></div></div></center>

FOTO CON REFLEJO

Para crear una imagen con reflejo entra a esta pagina muchografico.com y encontraras un generador de textos.

Menú

Páginas

AYUDA

No hay comentarios:

Publicar un comentario