Codes HTML para tu blog

Otros Post, Otros Trucos, Trucos Script/Plugin/Widget

Aquí les dejaré varios códigos muy útiles para el blog, No todos funcionan en para los dos navegadores 🙁

No permite utilizar el botón derecho y no aparece nada (ni alert, etc)

< View plain text >
HTML

  1. <!-- Begin document.oncontextmenu = function(){return false} // End -->

No permite seleccionar el contenido de una página

< View plain text >
js

  1. <!-- Begin function disableselect(e){ return false } function reEnable(){ return true } document.onselectstart=new Function ("return false") if (window.sidebar){ document.onmousedown=disableselect document.onclick=reEnable } // End -->


Código JavaScript para que aparezca un alert al utilizar el botón derecho

< View plain text >
js

  1. <!-- Begin function right(e) { var msg = " [AQUI TU MENSAJE] "; if (navigator.appName == 'Netscape' &amp;&amp;amp; e.which == 3) { alert(msg); // Delete this line to disable but not alert user return false; } else if (navigator.appName == 'Microsoft Internet Explorer' &amp;&amp;amp; event.button==2) { alert(msg); // Delete this line to disable but not alert user return false; } return true; } document.onmousedown = right; // End -->

Añadir a Favoritos

< View plain text >
js

  1. <!-- function addBookmark() { if (window.external) external.AddFavorite("url de tu web", "nombre de tu web") else alert("Tu navegador no soporta esta caracteristica"); } // -->

Varias frases o texto desplanzadose por el status

< View plain text >
HTML

  1. &lt;!-- var ShowString = &quot; &quot; //La primera linea tiene que estar en blanco + &quot;Aquí la frase 1 &quot; //Puedes añadir mas frases, aparte de estas 3 + &quot;Aquí la frase 2 &quot; + &quot;Aquí la frase 3 &quot; + &quot;Ejemplo de otra frase A &quot; var ShowWidth = 100 var ShowHead = 0 var ShowTail = ShowWidth var ShowLength = ShowString.length function Marquee () { var DisplayString if (ShowHead

Botón Atrás, Actualizar y Adelante

Cambiar el puntero por uno personalizado

< View plain text >
HTML

  1. <!-- en el style --> BODY { cursor:url(URL DE CURSOR); } <!-- Elegir un puntero a nuestro gusto y guardar como cursor.cur -->

Cambiar el puntero

< View plain text >
HTML

  1. <!-- en un enlace --> <a href="#" style="cursor:help">enlace</a> <!-- saldrá el puntero de ayuda con un interrogante :) -->

Rotación banners (permite poner tantos banners como quieras, permite definir texto, imagen origen, link de destino, alto y anchura de imagen)

< View plain text >
js

  1. Cita:
  2.  &lt;!-- Begin var how_many_ads = 3; var now = new Date() var sec = now.getSeconds() var ad = sec % how_many_ads; ad +=1; if (ad==1) { txt=&quot;TEXTO QUE PONDRAS&quot;; url=&quot;URL DEL WEB&quot;; alt=&quot;NOMBRE DEL WEB&quot;; banner=&quot;URL DEL BANNER&quot;; width=&quot;MEDIDA&quot;; height=&quot;MEDIDA&quot;; } if (ad==2) { txt=&quot;SOBRE LA WEB&quot;; url=&quot;URL DE LA WEB&quot;; alt=&quot;NOMBRE DE LA WEB&quot;A; banner=&quot;http://etc, etc&quot;; width=&quot;MEDIDAS&quot;; height=&quot;MEDIDAS&quot;; } if (ad==3) { txt=&quot;SOBRE LA WEB&quot;; url=&quot;URL DE LA WEB&quot;; alt=&quot;NOMBRE DE LA WEB &quot;; banner=&quot;http://URL DEL BANNER&quot;; width=&quot;MEDIDAS&quot;; height=&quot;MEDIDAS&quot;; } document.write(''); document.write('<a href="" target="">'); document.write('<img src="" width="')" height="'" alt="" border="0" /><br />'); document.write('<small>' + txt + '</small>'); document.write(''); // End --&gt;

Banner aleatorio

< View plain text >
js

  1. &lt;!-- Hide this script from old browsers -- function create() { this.width = '' this.height = '' this.src = '' this.href = '' this.border = '' this.mouseover = '' } function random(n) { var js_mult1=3141 var js_mult2=5821 var js_m1=100000000 var js_m2=10000 var js_iseed=0 var js_iseed1=0 var js_iseed2=0 if (js_iseed == 0) { now = new Date() js_iseed = now.getHours() + now.getMinutes() * 60 + now.getSeconds() * 3600 } js_iseed1 = js_iseed / js_m2 js_iseed2 = js_iseed % js_m2 var tmp = (((js_iseed2 * js_mult1 + js_iseed1 * js_mult2) % js_m2) * js_m2 + (js_iseed2 * js_mult2)) % js_m1 js_iseed = (tmp + 1) % js_m1 return (Math.floor((js_iseed/js_m1) * n)) } var numberOfAds = 3 //number or ads you want to display ads = new Array() for(var i=1; i numberOfAds) ? n-numberOfAds : n var image = ads[n] var ad = "" ad += '<a href="' + image.href + '"> n' ad += '<img src="' + image.src + '" width="'" height="'" border="'" /></a>' // -- End Hiding Here --&gt;

Un texto va siguiendo el puntero del ratón

< View plain text >
HTML

  1. .spanstyle { position:absolute; visibility:visible; top:-50px; font-size:9pt; font-family:Tahoma; font-weight:bold; color:blue; }   var x,y var step=20 var flag=0 // Tienes que dejar un espacio al final de tu mensaje!!!!! var message="Tu mensaje va aqui... " message=message.split("") var xpos=new Array() for (i=0;i&lt; =message.length-1;i++) { xpos[i]=-50 } var ypos=new Array() for (i=0;i=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; i=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; i     &lt;!-- Beginning of JavaScript - for (i=0;i&lt;=message.length-1;i++) { document.write(&quot;<span id="'span" class="'spanstyle'">") document.write(message[i]) document.write("</span>") } if (document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = handlerMM; // - End of JavaScript - --&gt;

Artículos Relacionados

patriram
Soy Blogger desde hace mucho tiempo. Inicialmente este blog se creó para entregar tutoriales paso a paso a las personas que estuvieran ingresando al mundo online. Muchos de mis tutoriales no requieren de conocimiento previo ni habilidades, la idea siempre fue tender una mano a los que usualmente no entienden nada. Como pueden ver estuvo bastante abandonado por varios años pero ahora lo retomaré con otro énfasis, explicación de herramientas mas complejas, y en la medida de lo posible se irán renovando los post que con el tiempo han quedado obsoletos.

About patriram

Soy Blogger desde hace mucho tiempo. Inicialmente este blog se creó para entregar tutoriales paso a paso a las personas que estuvieran ingresando al mundo online. Muchos de mis tutoriales no requieren de conocimiento previo ni habilidades, la idea siempre fue tender una mano a los que usualmente no entienden nada. Como pueden ver estuvo bastante abandonado por varios años pero ahora lo retomaré con otro énfasis, explicación de herramientas mas complejas, y en la medida de lo posible se irán renovando los post que con el tiempo han quedado obsoletos.

Leave a Reply

Your email address will not be published. Required fields are marked *