Codigos html

Codigos html widget
Codigos html para mi web

Hola amigos aqui se podran bajar los mejores codigos html para su pagina jimdo,siempre se estaran subiendo nuevos codigos espero que le sirvan mucho.

 

Y DEJEN SUS COMENTARIOS NO CUESTA NADA.

 

 

Toda opinion es importante espero que sigan dejando comentarios,sugerencias o dudas bye

 

 

 

 

Esto es un probador de códigos, inserta el código HTML y te dará el resultado en una ventana nueva!


TEXTO EN MOVIMIENTO DE ARRIBA ABAJO O VICEVERSA

HOLA AMIGOS HALLO HELLO SI VEN ASI PUEDES PONER ESTO EN TU WEB SOLO COPIA EL CODIGO QUE ESTA ABAJO Hacia abajo --- Hacia arriba

<marquee id="ejemplo" direction="up">

AQUI VA EL TEXTO QUE DESEES </marquee><a href="javascript:void(0);" onclick="getElementById('ejemplo').direction='down';">

Hacia abajo

</a>---

<a href="javascript:void(0);" onclick="getElementById('ejemplo').direction='up';">

Hacia arriba

</a>

NOTA: SI NO DESEEA QUE TE SALGA LO QUE DICE ARRIBA ABAJO BORRALE AL CODIGO TODO LO QUE ESTA DE COLOR VERDE


CODIGO PARA COLOCAR FLASH EN JIMDO PARA JUEGO O ANIMACION SWF

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="500" height="350">
<param name=movie value="archivo.swf">
<param name=quality value=high>
<embed src="archivo.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="500" height="350">
</embed>
</object>


Mover el titulo de tu pagina.

Primero inicie sesion, luego de click en (1) Ajustes y despues en (2) editar Head.


Este es el codigo a copiar

 

 

 

<script language="JavaScript" type="text/javascript">

//<![CDATA[

<!--

<!--

var txt="Los mejores codigos estan en www.disemucho.net";

var espera=200;

var refresco=null;

function rotulo_title() {

document.title=txt;

txt=txt.substring(1,txt.length)+txt.charAt(0);

refresco=setTimeout("rotulo_title()",espera);}

rotulo_title();

// -->

 

function MM_displayStatusMsg(msgStr) { //v1.0

status=msgStr;

document.MM_returnValue = true;

}

 

function MM_openBrWindow(theURL,winName,features) { //v2.0

window.open(theURL,winName,features);

}

//-->

//]]>

</script>

 


Boton Personalizado con enlaces

Con este codigo podras crear un boton y dentro de el habran varios enlaces, es decir el boton cambiara de links a diferentes webs que tu coloques. Puedes colocar tantos Tantos links como desees. El codigo es el siguiente:

 

 

 

 

 

<font face="Arial, Helvetica, sans-serif" size="2"><script language="JavaScript" type="text/javascript">

//<![CDATA[

 

var timerID = null

var timerRunning = false

var charNo = 0

var charMax = 0

var lineNo = 0

var lineMax = 4

var lineArr = new Array(lineMax)

var urlArr = new Array(lineMax)

 

lineArr[1] = "Codigos Hmtl"

urlArr[1] ="http://disemucho.jimdo.com/codigos-html-para-jimdo/"

lineArr[2] = "Videos Graciosos"

urlArr[2] = "http://disemucho.jimdo.com/videos/"

lineArr[3] = "Busqueda Jimdo-Google"

urlArr[3] = "http://disemucho.jimdo.com/busqueda-google/"

lineArr[4] = "http://disemucho.jimdo.com"

urlArr[4] = "http://disemucho.jimdo.com"

 

var lineText = lineArr[1]

function StartShow() {

StopShow()

ShowLine()

timerRunning = true

}

function FillSpaces() {

for (var i = 1; i <= lineWidth; i++) {

spaces += " "

}

}

function StopShow() {

if (timerRunning) {

clearTimeout(timerID)

timerRunning = false

}

}

function ShowLine() {

if (charNo == 0) {

if (lineNo < lineMax) {

lineNo++

}

else {

lineNo = 1

}

lineText = lineArr[lineNo]

charMax = lineText.length

}

if (charNo <= charMax) {

document.formDisplay.buttonFace.value = lineText.substring(0, charNo)

charNo++

timerID = setTimeout("ShowLine()", 100)

}

else {

charNo = 0

timerID = setTimeout("ShowLine()", 3000)

}

}

function GotoUrl(url)

{

top.location.href = url

}

document.write("<form name=\"formDisplay\">");

document.write("<input type=\"button\" name=\"buttonFace\" value=\"&{lineText}\" size=\"18\" onClick=\"GotoUrl(urlArr[lineNo])\">");

document.write("<\/form>");

StartShow();

//]]>

</script></font>


Cursor personalizado.

 

Este efecto en el cursor, es el que yo estoy utilizando en este momento. Deben tomar en cuenta que deben colocar este codigo en el head de la pagina.

Para llegar al head, iniciamos sesion despues damos click en ajustes y buscamos head, alli escribimos primeramente <Head> aki adentro pegamos el codigo </head> y luego cerramos el head.

 

Luego guardamos los cambios y a ver los resultados.

 

El codigo que sigue lo pegamos dentro del head

----------------------------------------------------------------------

 

<style type="text/css">
    #outerCircleText {
        font-style: italic;
        font-weight: bold;
        font-family: 'verdana', arial;
        color: #F0BBAA;
    position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
    #outerCircleText div {position: relative;}
    #outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>


<script type="text/javascript">

;(function(){

var msg = "http://disemucho.jimdo.com"; //aki cambien el texto, este sera el que siga al raton

var size = 15;//tamaño de la letra
var circleY = 0.75; var circleX = 3;
var letter_spacing = 5;
var diameter = 5;
var rotation = 0.1;
var speed = 0.1;

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.408333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){
 e = e || window.event;
 ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
 xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){
 if(init.nopy){
  o.style.top = (b || document.body).scrollTop + 'px';
  o.style.left = (b || document.body).scrollLeft + 'px';
 };
 currStep -= rotation;
 for (var d, i = n; i > -1; --i){
  d = document.getElementById('iemsg' + i).style;
  d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
  d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
 };
},

drag = function(){
 y[0] = Y[0] += (ymouse - Y[0]) * speed;
 x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
 for (var i = n; i > 0; --i){
  y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
  x[i] = X[i] += (x[i-1] - X[i]) * speed;
 };
 makecircle();
},

init = function(){
 if(!isNaN(window.pageYOffset)){
  ymouse += window.pageYOffset;
  xmouse += window.pageXOffset;
 } else init.nopy = true;
 for (var d, i = n; i > -1; --i){
  d = document.createElement('div'); d.id = 'iemsg' + i;
  d.style.height = d.style.width = a + 'px';
  d.appendChild(document.createTextNode(msg[i]));
  oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
 };
 o.appendChild(oi); document.body.appendChild(o);
 setInterval(drag, 25);
},
ascroll = function(){
 ymouse += window.pageYOffset;
 xmouse += window.pageXOffset;
 window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
 window.addEventListener('load', init, false);
 document.addEventListener('mouseover', mouse, false);
 document.addEventListener('mousemove', mouse, false);
  if (/Apple/.test(navigator.vendor))
   window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
 window.attachEvent('onload', init);
 document.attachEvent('onmousemove', mouse);
};
})();
</script>

 

 


codigo para esta ventana de texto codigo color verde

TEXTO ASI SALE LO QUE ESCRIBAS
TEXTO ASI SALE LO QUE ESCRIBAS

<div align="center">

<div id="preview" style=

"BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WORD-SPACING: 1px; OVERFLOW: scroll; BORDER-LEFT: #000 1px solid; WIDTH: 180px; PADDING-TOP: 1px; BORDER-BOTTOM: #000 2px solid; HEIGHT: 150px; TEXT-ALIGN: left">

<p>

AQUI VA LO Q TU QUIERAS CAMBIA ESTE TEXTO MUY PRONTO PODRAS GANAS 100 DOLARES EN CONCURSO DE DISEÑO GRAFICO AQUI EN ESTA PAGINA

</p>

</div>

</div>

Hola esto puse para que vean que si valen los codigos

Araña que baja por tu web para decorar por halloween

Ya estamos en el mes de Halloween y  todos deseamos darle un toque decorativo a la fecha a nuestro blog o página web, pues comparto esta araña que baja por una esquina de tu web.

La araña se desplaza del lado izquierdo, si deseamos cambiarla a la derecha solo se debe modificar left por right.
Recomendad para páginas con fondos blancos o claros.

Instalación  solo añade un módulo de widget/html, para visualizar solo en esa página.

Si deseas que se visualice en toda tu web pégalo en sidebar o en el  pie de pagina de tu web jimdo.

Para blogger Plantilla | Edición de HTML y antes de </body>

Leer más 11 comentarios

Papa noel bajando por una cuerda en la esquina de tu web o blog

Hola amigos compartiendo este código html o gadget para que decoren su web en las fiestas ya próximas de navidad, hay que ponernos navideños y demostrar a tus visitantes que tienes el espíritu navideño, lo tenía publicado desde hace tiempo pero lo hemos ordenado en nuestro blog.

Hola amigos compartiendo este código html o gadget para que decoren su web en las fiestas ya próximas de navidad, hay que ponernos navideños y demostrar a tus visitantes que tienes el espíritu navideño, lo tenía publicado desde hace tiempo pero lo hemos subido a nuestro blog.

Facil de instalar solo copia y pega el codigo en tu web en widget/html o añadir gadget | HTML/Javascript.

Leer más 4 comentarios

Textos en movimiento o marquesinas

Textos en movimiento
Marquesinas

En este articulo vamos a ver diferentes opciones de texto en movimiento o marquesinas,en el mismo usaremos lenguaje HTML, con imagenes gif.

Para insertar estos codigos es muy facil solo inserta un modulo widget/HTML y pega tu codigo.

Leer más 136 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

Cajas de mensajes estandares estilos propios de jimdo

Estas notas con estilo jimdo, puedes utilizarlas de muchas maneras creativas, para llamar la atención del usuario visitante de tu pagina web.

Puedes usarlas en los estilos que necesites, como son mensajes de alertas, informativos, error, peligro y mas divierte.

Ya sabes primero lo encontraste en disemucho.net por Juana Esthela


Leer más 20 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 números plegables

codigo numeros plegables

Este código css es para crear números plegables tipo loterías o maquinas de juegos, sé que tu le podrás dar un uso muy útil a este css, espero les guste Primero Pegas el css en el head de tu web.

Este código css es para crear números plegables tipo loterías o maquinas de juegos, sé que tu le podrás dar un uso muy útil a este css, espero les guste Primero Pegas el css en el head de tu web.

Leer más 6 comentarios

Css Nota estilo papeles superpuestos

Este código css tiene un estilo papeles superpuestos, usalo como más lo necesites.

Leer más 6 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

Codigo para agregar animacion flash a tu pagina jimdo en plantilla propia

Hola amigos hay muchos usuarios que solicitan este código para insertar una animación flash en la plantilla propia de jimdo este es el código :

Tú solo debes subir tu animación flash en un alojador de swf y listo.

 height="260"  Este es el Alto de tu animación tu puedes modificar por tus dimensiones.

width="980"    Este es el Ancho de tu animación tu puedes modificar por tus dimensiones.

"aqui tu animacion flash url.swf" Y aquí debes poner entre las comillas, la dirección de tu Flash.

Leer más 1 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

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

Mostrar artculos relacionados en jimdo debajo de cada post

LinkWithin es un widget/html blog que aparece debajo de cada post, con enlaces a historias relacionadas con el archivo de su blog.

 

Leer más 23 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

Codigo para poner un banner con una imagen

<center>
    <a href="aqui va la direccion de tu web o sito para que al darle clic valla ahi" target="_blank"><img src="aqui pones exactamente la direccion de la imagen " alt="width=" height="60" border="0" /></a>
</center>

 

 

Leer más 31 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

Codigo para el boton del facebook en el centro de tu web

Hola amigos aqui les dejo el codigo del facebook en el centro de tu pagina asi como el mio, al darle clic tus amigos o usuarios se dirigen a tu facebook

el codigo se lo ve en vista previa cuando lo pones parece que no estuviera pero ahi esta , tambien lo visualizas presionando f5

 

 

Leer más 28 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

Escribir comentario

Comentarios: 0