El pájaro de Twitter estilo halloween volando por tu Blog o web

pájaro de Twitter  Halloween

Hola amigos esta vez comparto este código del pájaro de Twitter  Halloween volando por tu Blog o web, este pajarito le dará a tu página web un toque actualizado como es Halloween, se trata del pájaro de Twitter que tiene un sombrero de bruja, que vuela por toda tu web y al pasar el cursor se nos despliegan dos opciones: hacer un tweet del post o seguir la cuenta de Twitter asociada al blog.

Pega el código en un widget/html o en el head de tu web, para visualizar en toda tu web colócalo en  el sidebar que es la parte lateral de tu web (antes bajo el anuncio de jimdo) no te olvides de remplazar mi twitter por tu usuario.

 

Leer más 6 comentarios

Barra flotante o top bar que se desliza sobre tu web

contenido dinamico
Barra flotante deslizante

Buenas tardes estimados visitantes, comparto este script, lo han solicitado varias veces. Este JavaScript nos permite visualizar una barra flotante que se desliza a medida que tu web avanza. Dentro de este script podemos incluir contenido Html con una opción de cerrar (X). En nuestra página web la usamos para mostrar los últimos artículos que publicamos. Tu puedes usar este código para agregar imágenes, links, códigos HTML, pruébalo espero les guste.

Saludos.

Leer más 13 comentarios

Boton suscripcion de youtube para tu web o blog

Sabias que los desarrolladores de google crearon una zona para el boton de suscripcion de youtube.

El botón te permite suscribirte de  un solo clic, tus  visitantes se suscriben a tu canal de YouTube sin tener que dejar tu sitio.


Leer más 9 comentarios

Mostrar popup al hacer clic en un botón

Leer más 8 comentarios

Tabs para tu pagina web jimdo

Hola les dejo este código muy popular como son los tabs conten

DESPUES DE AGREGAR LOS CODIGOS REFRESCA O ACTULAIZA TÚ PAGINA WEB.

Agregas los códigos así:

Leer más 9 comentarios

CSS Sticky Notas para texto o códigos

aqui el titulo de tu nota.
tu texto.
aqui texto
texto.
texto
—Att disemucho.net tu texto

Este es otro truco divertido usando: before y: after CSS pseudo-clases que se ha utilizado en el css de este código..

Si queremos llamar la atención del público o visitantes  es una opción muy buena ya que  parecen  trozos pegajosos de notas y en el puedes agregar códigos o mensajes al visitantes.

La técnica es simple. Para agregar una esto solo debes seguir los pasos a continuación.

 


Leer más 7 comentarios

Titulos con efectos de animacion

Hola Amigos este código JavaScript crea un efecto genial en las los títulos de tu blog o pagina web, desvanece etiquetas H1 con una animación o movimiento frescos en los navegadores modernos.

Tu no  tienes que alterar tu documento físico en absoluto, solo pegas el código en el head de tu web jimdo.

Tambien lo puedes utilizar en un widget html y lo aplicaras solo para esa pestaña.

Mas Avanzado:

Si tiene conocimiento en javascritp puedes hacer maravillas coN este codigo,

en esta zona del codigo que esta en el final puedes cambiar los colores a tu gusto y darle hasta efecto arcoiris

['#FFFFFF', '#DDDDDD', '#BBBBBB', '#999999', '#777777', '#555555']

 

Leer más 19 comentarios

Abrir dos o mas enlaces con un solo Link

Con este código podrás abrir con un solo clic varias paginas web, muchos solicitan este código ojala les sea útil.

Agrega donde se indica las URLs de los enlaces y listo.

 

Si deseas que se abran más páginas entonces añade justo antes de las comillas dobles en color rosa, una línea como esta:

 

window.open('URL de otro enlace', '_blank');

 

 

De esa forma podrás agrupar varios enlaces en uno solo.

 

Creditos:ciudadblogger

En jimdo lo insertas asi como la imagen.

Leer más 5 comentarios

Popup o ventana emergente con JavaScript que aparece al cargar la página

Como insertar una Ventana Emergente
Como insertar una Ventana Emergente

Popup que carga al entrar a tu web.

Este Popup aparece cuando ingresas a una página.

En donde dice http://www.disemucho.net/ tienes que poner la URL de la página que quieres abrir en Popup

Nota: Recuerda siempre en que parte de tu web agregaste este código para eliminarlo, en caso de ya no necesitarlo.

La mayoría de los navegadores tienen el bloqueador de pop-ups activado, así que deberas permitir el popup.

 

Leer más 15 comentarios

Alertas con Javascript

1.-Este alerta aparece cuando se carga la página, al hacer click en aceptar

ingresas a la web.Alerta al entrar.

Leer más 4 comentarios

Te presentamos varias opciones para poner chat en tu web o blog

Hola que tal amigo esta vez les presentando las opciones más populares entre los chat elegidos por los webmaster a la hora de elegir un chat para sus páginas web.

Un chat on línea es una buena manera de hacer que tus usuarios interactúen entre ellos, y pasen más tiempo pegados a tu página web.

Está claro que no en todas las páginas lo necesitan, pero para los que sí les agrada le dejamos estas opciones.

 

Leer más 28 comentarios

Fanbox de facebook flotante y con efecto deslizante para jimdo

Facebook Slide Likebox ahora podemos usarlo en jimdo.

Se trata de un widget que muestra una pestaña en un extremo del blog, y al pasar el cursor sobre ella aparece el fanbox de Facebook con un efecto deslizante. Puedes verlo en este mismo post, se encuentra en el lado derecho de la ventana.

 

La caja flotante funciona con jQuery que es el que le da ese efecto deslizante, así que usaremos ese script, un poco de CSS y el FanBox de Facebook.

 

Lo primero esto en el EN EL HEAD DE TU PAGINA jimdo.

 

Leer más 99 comentarios

Selección de texto en JavaScript

Código JavaScript para colocar una caja con la opción seleccionar  texto.

En la caja, puedes poner mensajes de texto, códigos html, estilos css y más, lo puedes utilizar en tu paginas jimdo y en otros cms.

En jimdo agrégalo así:

1. Inserta un nuevo elemento llamado texto mira como esta en la imagen clic encima de la imagen para maximizar.

Leer más 3 comentarios

El pájaro de Twitter estilo rapero volando por tu web

Hey amigos jimderos les traigo este codigo exclusivo de disemucho.jimdo.com  un widget/html  muy entretenido, se trata de el famoso pájaro de Twitter que estará volando pero con diseño estilo rapero el pajarito tiene una gorrita de varios colores que cambia mientras vuela y cuando le demos clic te mandara a tu cuenta de Twitter

Pega el codigo en un widget/html o en el head de tu web, para visualizar en toda tu web colocalo en  el sidebar que es la parte lateral de tu web (bajo el anuncio de jimdo) no te olvides de remplazar mi twitter por el de tu web.

Leer más

El pájaro de Twitter volando por todo tu Blog o web

Hola amigos jimderos el año pasado encontré con un widget/html  muy entretenido, se trata de el famoso pájaro de Twitter que estará volando mientras interactúas con tu Blog y cuando le demos clic te mandara a tu cuenta de Twitter

Pega el codigo en un widget/html o en el head de tu web, para visualizar en toda tu web colocalo en  el sidebar que es la parte lateral de tu web (bajo el anuncio de jimdo) no te olvides de remplazar mi twitter por el de tu web.

Leer más 151 comentarios

Codigo para cambiar el estilo de tu cursor en tu web jimdo

Hola amigos les dejo este código para los usuarios que deseen colocar sus propias imágenes como  cursor.

Para cambiar tu imagen lo haces de esta manera,

Primero Subes tu imagen  a tu web jimdo o un alojador de imágenes, por ejemplo aquí voy a subir algunas imágenes, de la cual escogeré una.

Paso 1. Subir tus imágenes

Paso 2. Pegas el código que te damos aquí

Paso 3. Copias la url de tu imagen lo pegas en el código anterior

Paso 4. Los pegas en el head de tu página jimdo

Listo tendras tu cursor funcionando.

 

 

Codigo: rexbull

Posteado por Juanaetshela disemucho,jimdo.com

Mira mas cursores aqui

Leer más 15 comentarios

Boton subir arriba y abajo de la web color celeste

Siempre queremos facilitarle la negación por nuestro blog/web a nuestros visitantes, uno de ellos son los botones ir abajo y arriba, pero en esta ocación éstos botones vienen con efecto deslizante.

 

Para ponerlos en nuestro blog/web vamos a insertar el siguiente código en la sidebar (en jimdo esta bajo el anuncio es la parte lateral) y  se te vera en todas las paginas.

 

Insertalo en jimdo con un widget/html mira la imagen.

 

 


Leer más 9 comentarios

Barra de aviso flotante con enlace en la parte superior de tu web jimdo

Esta Barra nos sirve para informar a nuestros visitantes, de un nuevo cambio en la web como: un concurso, nuevo articulo, post o una novedad etc.

 

Esta barra se mantendra flotante en la parte superior de tu web, y en ella utilizamos css, html y javascritp ya que tambien tiene la opcion de cerrar.

 

Tambien les dejo las imagenes para que las modifiquen a su gusto estilo y color espero les guste.

Att

Esthela Duche

Pasion por jimdo.

Leer más 24 comentarios

Caja Flotante lateral para colocar chat, y todo lo que imagines.

Hola amigos jimderos, este nuevo truco que les traigo es una caja flotante lateral para colocar un chat online en tu pagina jimdo, tambien imagenes, codigos html, demos de tus nuevos post, iframes de tu facebook, twitter, y mas, usalo como imagines, te dejo el codigo para jimdo o cualquier pagina  web.

 

Ya sabes lo encontrastes primero en disemucho.jimdo.com, compartiendo lo mejor.

Espero comenten mucho para seguir posteando nuevos trucos.

Besos Juana Esthela.

Leer más 79 comentarios

Zopim, sistema de chat gratis para tu sitio web… ofrece tu soporte técnico

¿Qué es Zopim?

 

Como en una tienda real, Zopim te permite conversar en tiempo real con los visitantes a tu sitio. Impresiónalos y conviértelos en clientes leales antes de que se vayan al próximo sitio.

 

Coloca nuestro bonito widget de chat personalizable en tu sitio y comienza a charlar genuinamente con tus visitantes en minutos.

 

¿Qué los hace increíbles?

 

Muy fácil de configurar y personalizar

 

Sin bajar archivos ni tasas de configuración. Simplemente debes pegar una línea de código en tu sitio y obtendrás un hermoso widget de chat personalizable.

Recursos simples pero poderosos

 

¿Estás comenzando tu primer chat? ¿O configurando Zopim para auto detectar clientes VIP? Hazlo con la facilidad de la marca Zopim.

Permanece conectado en todas partes

 

Conéctate con nuestros clientes desde su computadora, tu mensajería instantánea favorita con nuestra aplicación iPhone.

Crea una cuenta aqui

 

 

Leer más 2 comentarios

Botones del Twitter Flotantes

Los botones flotantes para el twitter son muy novedosos y estan de moda, decoran muy bien nuestro blog.

a continuación te dejo muchos diseños a tu eleccion:

 

Leer más 4 comentarios

Texto en expansión

solo funciona en internet explorer esto en el head

 


 

CÓDIGO: 

<script language="JavaScript">
var velocidade = 45;
var ciclo = 2000;
var tamanho = 20;
var x = 0;
var y = 0;
var mensagens, size;
var esize = "</font>";

function initArray() {
this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initArray.arguments[i];
}
}
var mensagens2 = new initArray(
"HOLA BIENBENIDO A",
"http://disemucho.jimdo.com",
"ESCRIBENOS A NUESTRO CORREO",
"paoyeste@hotmail.com"
);
if(navigator.appName == "Netscape")
document.write('<layer id="wds"></layer><br>');
if (navigator.appVersion.indexOf("MSIE") != -1)
document.write('<span id="wds"></span><br>');
function aumenta(){
mensagens = mensagens2[y];
if (x < tamanho) {
x++;
setTimeout("aumenta()",velocidade);
}
else setTimeout("diminui()",ciclo);

if(navigator.appName == "Netscape") {
size = "<font face=arial color=#33FF00 point-size='"+x+"pt'>";
document.wds.document.write(size+"<center><a href=http://disemucho.jimdo.com Target=_blank style=text-decoration:none;color:#66CC33>"+mensagens+"</a></center>"+esize);
document.wds.document.close();
}
if (navigator.appVersion.indexOf("MSIE") != -1){
wds.innerHTML = "<font face=arial color=#66CC33><center><a href=http://disemucho.jimdo.com Target=_blank style=text-decoration:none;color:#66CC33>"+mensagens+"</a></center></font>";
wds.style.fontSize=x+'px'
}
}
function diminui(){
if (x > 1) {
x--;
setTimeout("diminui()",velocidade);
}
else {
setTimeout("aumenta()",ciclo);
y++;
if (y > mensagens2.length - 1) y = 0;
}
if(navigator.appName == "Netscape") {
size = "<font face=arial color=#66CC33 point-size='"+x+"pt'>";
document.wds.document.write(size+"<center><a href=http://disemucho.jimdo.com Target=_blank style=text-decoration:none;color:#66CC33>"+mensagens+"</a></center>"+esize);
document.wds.document.close();
}
if (navigator.appVersion.indexOf("MSIE") != -1){
wds.innerHTML = "<font face=arial color=#66CC33><center><a href=http://disemucho.jimdo.com Target=_blank style=text-decoration:none;color:#66CC33>"+mensagens+"</a></center></font>";
wds.style.fontSize=x+'px'
}
}
setTimeout("aumenta()",velocidade);
</script>

 

 

 

 

Leer más 1 comentarios

Botón animado

Leer más 4 comentarios

Hora y texto en la barra de estado

Con este truco, podemos hacer que aparezca en la barra de estado la hora de la PC que entra a nuestra Web y poner el texto que queramos.

<script language="JavaScript">
<!--
mensaje=" |======| aqui pon lo que desees"
function hora() {
var h = new Date();
window.status="|======| "
+ h.getHours() +":"+ h.getMinutes() +"" +mensaje ;
window.setTimeout('hora()',100);
}
hora()
//-->
</script>

 

Leer más 1 comentarios

Pantalla que tiembla:

Al insertar este código, cada vez que entremos en la Web se producirá una especie de terremoto en el explorador. Un efecto interesante para atraer la atención de nuestros visitantes.

Esto no les recomiendo en su web pero ustedes escojen


 
 

CÓDIGO: 

<html>
<head>
<title>disemucho.jimdo
.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF" text="#000000">
<p> 
<script language="JavaScript1.2">

function tremer(n) {

if (self.moveBy) {

for (i = 10; i > 0; i--) {

for (j = n; j > 0; j--) {

self.moveBy(0,i);

self.moveBy(i,0);

self.moveBy(0,-i);

self.moveBy(-i,0);

}}}}

tremer(5) 

</script>
<Script language=JavaScript>

function right(e) {

if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)){

alert("www.CheNico.com");

return false;

}

else if (navigator.appName == 'Microsoft Internet Explorer' &&

(event.button == 2 || event.button == 3)) {

alert("http://disemucho.jimdo.com
");

return false;

}

return true;

}

document.onmousedown=right;

if (document.layers) window.captureEvents(Event.MOUSEDOWN);

window.onmousedown=right;

</script>
</body>
</html>

 

Leer más 0 comentarios

Saludo al visitante

Esto le aparecera segun el horario si es de dia buenos dias y asi sucesivamente.

<font size="2" face="arial"><b><script language="JavaScript" type="text/javascript">
//<![CDATA[
<!--
today = new Date()
if(today.getMinutes() < 10){
pad = "0"}
else
pad = "";
document.write ;if((today.getHours() >=6) && (today.getHours() <=9)){
document.write("¡Buen día!")
}
if((today.getHours() >=10) && (today.getHours() <=11)){
document.write("¡Buen día!")
}
if((today.getHours() >=12) && (today.getHours() <=19)){
document.write("¡Buenas tardes!")
}
if((today.getHours() >=20) && (today.getHours() <=23)){
document.write("¡Buenas noches!")
}
if((today.getHours() >=0) && (today.getHours() <=3)){
document.write("¡Buenas noches!")
}
if((today.getHours() >=4) && (today.getHours() <=5)){
document.write("¡Buenas noches!")
}
// -->
//]]>
</script></b></font>

Leer más 3 comentarios

Rotador de imagenes gif y jpg con javascript

Leer más 6 comentarios

Cambiar imagen al darle click

Leer más 56 comentarios

Mensaje de alerta mediante un boton

<form><input name="button2" type="button"
onclick='alert("Aqui el mesaje de alerta!")' value="Nombre del boton" />
</form>

Leer más 1 comentarios

Ventana de alerta en tu web con un mensaje

<script language="JavaScript" type="text/javascript">
alert("Pon aqui el mensaje que quieres!");
</script>

Leer más

Codigo Imagen cargandose pagina

<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>Cargando</b>
    <center>
        <img src="http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/ibf915c1d2f56d8f7/1278627896/thumb/image.gif " alt="" />
    </center>
</div>


Se daran en cuenta que una vez cargada su pagina la imaguen desaparece  

Leer más 1 comentarios

Probador de codigos

Leer más 1 comentarios

Paleta de colores swf

Con esta paleta de colores puedes obtener los colores que desees.

Colores plugin de jQuery selector para la selección de valores de código de color hexadecimal. Puede asi cultivando intermediarios para convertir HSL, HSV, RGB, Hex código de color para el color que usted algo.  Todo lo que hace fácil para que usted seleccione colores

Leer más 1 comentarios

Cambia de color el fondo de tu pagina automaticamente

 

CÓDIGO: 

<div id="cc-matrix-899906057">
    <div class="n">
        <h1>
            CAMBIA DE COLOR LA PAGINA POR EL QUE MAS TE GUSTE
        </h1>
    </div>

    <div class="n">
        <center>
            <table border="0" style="cursor:url('http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/ic9f9e9dccbe9efa9/1279636888/thumb/image.gif'), auto;" align="center" width="22%">
                <tr>
                    <td>
                        <span onmouseover="javascript:document.body.style.backgroundColor='#d9d13f'; document.body.style.backgroundImage='none';"><img border="1" src=
                        "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/ib70a484a0d796a4c/1279635875/thumb/image.jpg" alt="" /></span>
                    </td>
                    <td>
                        <span onmouseover="javascript:document.body.style.backgroundColor='#3f6dd9'; document.body.style.backgroundImage='none';"><img border="1" src=
                        "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i864d71f3ad9442f6/1279635875/thumb/image.jpg" alt="" /></span>
                    </td>
                    <td>
                        <span onmouseover="javascript:document.body.style.backgroundColor='#d9993f'; document.body.style.backgroundImage='none';"><img border="1" src=
                        "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i6e6a28be3b5b635a/1279635875/thumb/image.jpg" alt="" /></span>
                    </td>
                    <td>
                        <span onmouseover="javascript:document.body.style.backgroundColor='#cccccc'; document.body.style.backgroundImage='none';"><img border="1" src=
                        "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/iffbb7edc0af7fd84/1279635875/thumb/image.jpg" alt="" /></span>
                    </td>
                    <td>
                        <span onmouseover="javascript:document.body.style.backgroundColor='#ffffff'; document.body.style.backgroundImage='none';"><img border="1" src=
                        "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i199da8a905c6bfc5/1279635875/thumb/image.jpg" alt="" /></span>
                    </td>
                    <td>
                        <span onmouseover="javascript:document.body.style.backgroundColor='#9b5b1c'; document.body.style.backgroundImage='none';"><img border="1" src=
                        "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i2c7c9e382f2a42c3/1279635875/thumb/image.jpg" alt="" /></span>
                    </td>
                </tr>

                <tr>
                    <td>
                        <span onmouseover="javascript:document.body.style.backgroundColor='#57d93f'; document.body.style.backgroundImage='none';"><img border="1" src=
                        "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/id782c9ba10091374/1279635875/thumb/image.jpg" alt="" /></span>
                    </td>
                    <td>
                        <span onmouseover="javascript:document.body.style.backgroundColor='#d9483f'; document.body.style.backgroundImage='none';"><img border="1" src=
                        "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i89158ce65f80c1be/1279636453/thumb/image.jpg" alt="" /></span>
                    </td>
                    <td>
                        <span onmouseover="javascript:document.body.style.backgroundColor='#FFCCCC'; document.body.style.backgroundImage='none';"><img border="1" src=
                        "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i12a2ebb01b035b05/1279635875/thumb/image.jpg" alt="" /></span>
                    </td>
                    <td>
                        <span onmouseover="javascript:document.body.style.backgroundColor='#993fd9'; document.body.style.backgroundImage='none';"><img border="1" src=
                        "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i453f8b776874b873/1279635875/thumb/image.jpg" alt="" /></span>
                    </td>
                    <td>
                        <span onmouseover="javascript:document.body.style.backgroundColor='#000000'; document.body.style.backgroundImage='none';"><img border="1" src=
                        "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/iebc9234a50f2d86b/1279635875/thumb/image.jpg" alt="" /></span>
                    </td>
                    <td>
                        <span onmouseover="javascript:document.body.style.backgroundColor='#74b8fb'; document.body.style.backgroundImage='none';"><img border="1" src=
                        "http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i75f43d7530285f50/1279635875/thumb/image.jpg" alt="" /></span>
                    </td>
                </tr>
            </table>
        </center>
    </div>
</div>

Leer más

Varias imagenes creativas para tu pie de pagina

bar sipsom como pie de pagina

<div class="n">
    <div class="n">
        <a href="#" title="Ir arriba"><img alt="Ir arriba" border="0" src="http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i9eab20c32148b278/1337967895/std/image.gif" style="position:fixed; bottom:0; left:0;" /></a>
    </div>
</div>

chica sexy anime bienvenidos

</div><div class="n"><div class="n">
    <a href="#" title="Ir arriba"><img alt="Ir arriba" border="0" src="http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i8c3121dc994b9d49/1337967935/std/image.png " style="position:fixed; bottom:0; left:0;"/></a>
</div>

chica sexy bienvenidos pie de pagina

</div><div class="n"><div class="n">
    <a href="#" title="Ir arriba"><img alt="Ir arriba" border="0" src="http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i19f341c8e8730e0d/1337967912/std/image.png " style="position:fixed; bottom:0; left:0;"/></a>
</div>

que esperas comenta pie de pagina

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

"" /></a>

 

 


4 comentarios

Codigo poner una imagen como pie de pagina

</div><div class="n"><div class="n">
    <a href="#" title="pie de pagina"><img alt="pie de pagina" border="0" src="aqui la direccion de tu imagen " style="position:fixed; bottom:0; left:0;"/></a>
</div>

EL EJEMPLO ESTA AL FINAL DE MI WEB.como la chica sexy

Solo pon el coodigo en tu pagina jimdo en widget/html puedes poner una imagen diferente en cada pagina .

NOTA: Si quieres que la  misma imagen salga en todas las pagina coloca el codigo en plantilla propia html.

 

Leer más 5 comentarios

Transformar el cursor en una mira

Leer más 3 comentarios

Cuadro explicativo de los enlaces

Sorprendé a tus visitantes con este asombroso truco. Al pasar el mouse sobre el link, aparece la explicación de ese link en un cuadro con la cantidad de palabras que queramos poner. Solo tenés que reemplazar mis direcciones por las tuyas, y el texto deseado por el tuyo.

CÓDIGO: 

<p>
    <script language="JavaScript" type="text/javascript">
//<![CDATA[
    <!--
    function escribe(frase){document.desplaza.cuadro.value=frase; }
    // -->
    //]]>
    </script>
</p>

<table border="0">
    <tr>
        <td width="200">
            <p align="center">
                <strong>Opciones.</strong>
            </p>

            <p>
                <a href="http://disemucho.jimdo.com.com" onmouseover=
                "escribe(' Página principal\n ----------------\n\n Cuando hagas Click en este enlace irás directamente a la página de inicio de mi web');">Página principal</a><br />
                <a href="http://disemucho.jimdo.com.com" onmouseover=
                "escribe(' Trucos PC\n -----------\n\n Este enlace te llevará a la página de Trucos PC en la que podés encontrar muchos más trucos interesantes para realizar e incluir en tus páginas web');">
                Trucos PC</a><br />
                <a href="http://disemucho.jimdo.com.com" onmouseover=
                "escribe(' Glosario\n -------------- \n\n Diccionario de Términos Informáticos. Enterate el significado de esas palabras de computación que decís todos los días pero que no sabés exactamente qué significa.');">
                Glosario</a><br />
            </p>
        </td>
        <td>
            <form name="desplaza" id="desplaza">
                <p>
                    <textarea name="cuadro" rows="8" cols="30">
</textarea>
                </p>
            </form>
        </td>
    </tr>
</table>

Leer más 0 comentarios

Horas restantes para finalizar el día

Con este código insertamos un pequeño relojito que indica la cuenta regresiva de las horas, minutos y segundos que faltan para finalizar el día.

<body>
<p>El reloj...</p>
<form name="Reloj">
<input type="text" size="7" name="tiempo" value="mm:hh:ss" title="Tiempo restante para finalizar el día">
<script language="JavaScript">
<!--
var tiempoAtras;

updateReloj();
function updateReloj() {
var tiempo = new Date();
var hora = 23-tiempo.getHours();
var minutos = 59-tiempo.getMinutes();
var segundos = 59-tiempo.getSeconds();

tiempoAtras= (hora < 10) ? hora :hora;
tiempoAtras+= ((minutos < 10) ? ":0" : ":") + minutos;
tiempoAtras+= ((segundos < 10) ? ":0" : ":") + segundos;

document.Reloj.tiempo.value = tiempoAtras;

setTimeout("updateReloj()",1000);
}
//-->
</script>
</form>
</body>

Leer más 1 comentarios

Codigos para evitar que nos copien material

Nota Importante: Estos codigo llegan a ser molestos hasta para uno mismo, si te decides a borrarlo, recuerda donde pusistes el codigo y problema resuelto lo eliminas.

Leer más 45 comentarios

Brillitos del cursor

Me preguntaron que como le habia hecho para que saliera brillito en mi cursor al moverlo

Para poner este efecto del cursor en tu pagina web entra en ajustes y pegalo en el head

En var colour="#FFFFFF"; modifica el color de los destellos puedes ponerle el que mas te

guste o quede con el estilo de tu blog n__n

Solo pegalo en ajustes y busca el head y pegalo ahi por guardar y presiona f5 y actualiza la pagina y listo

 

 


<script type='text/javascript'>
// <![CDATA[
var colour="#FFFFFF";
var sparkles=40;

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>
2 comentarios

Codigo para poner fuegos artificiales en tu web

Leer más 11 comentarios

Efecto arcoiris en enlaces al pasar el mouse

Leer más 4 comentarios

Efecto de sangre en tu web en la parte superior de tu web

Leer más 51 comentarios

Caja de aviso para jimdo con la opcion cerrar

Esta caja es una mezcla del mensaje tipo Post-it, y de las etiquetas Fieldset y Legend.

 

El resultado es una caja de avisos con opción de cerrar y como tiene CSS3 se aprecian sombras tanto en la caja como en el texto de Aviso.

 

Leer más 35 comentarios

Nueva Sección Actualizada Botones deslizantes ir arriba y abajo

Leer más 0 comentarios

Como eliminar los codigos de tu pagina Jimdo

eliminar modulo jimdo

Una pregunta que tengo muy a menudo es, Esthela puse un código en mi página jimdo y ahora no puedo borrarlo.

Primero que nada un código se lo borra desde el tachito de basura que tenemos al lado izquierdo de nuestra sección del elemento, si al darle clic ahí no lo puedes borrar fácil edita el código dándole clic en el marco del widget o la cajita donde está el código, bórrale todo el texto dentro del código, déjalo vacío y de ahí guárdalo, y vuelve a borrarlo desde el tachito de basura

 

Leer más 0 comentarios

Imagen flotante con la opción cerrar

Primero colocamos este javascript en el head de nuestra web:

 

<script>function cerrarimagen(){div = document.getElementById("close");div.style.display="none";}</script>
Leer más 13 comentarios

El pajarito volador de twitter en navidad Actualizado

Aqui les dejo el codigo del pajaro del twitter volando estilo navidad, si esto es para darle un toque navideño a nuestras pagina web, Se trata del pájaro de Twitter que tiene un gorro navideño, que vuela por el blog y al pasar el cursor se nos despliegan dos opciones: hacer un tweet del post o seguir la cuenta de Twitter asociada al blog

Leer más 15 comentarios

Caja de comentarios de facebook en jimdo Actualizado

Amigos les mostrare este codigo para que inserten la caja de comentarios de facebook en tu web jimdo, gracias al code de telmox.jimdo.com

Facil de aplicar.

Ahora lo he actualizado pues agrege un codigo mas, para las paginas jimdo que son oscuras

 

Instruciones

La dirección de mi pagina  que esta de azul  la remplazas por tu pagina jimdo

El número "20" para permitir el numero de comentarios a mostrar

Nota: importante: Cuando coloques el codigo en tu pagina jimdo, no se te vera el codigo en modo de edicion , parece que no sirve, pero si esta ahi,solo  se lo visualiza en vista previa.

 

Leer más