CODIGOS HTML-1

INSECTAR FECHA Y HORARIO

 

<script language="Javascript"> <!-- mydate = new Date(); myday = mydate.getDay(); mymonth = mydate.getMonth(); myweekday= mydate.getDate(); weekday= myweekday; if(myday == 0) day = " Domingo, " else if(myday == 1) day = " Lunes, " else if(myday == 2) day = " Martes, " else if(myday == 3) day = " Miércoles, " else if(myday == 4) day = " Jueves, " else if(myday == 5) day = " Viernes, " else if(myday == 6) day = " Sábado, " if(mymonth == 0) month = "Enero " else if(mymonth ==1) month = "Febrero " else if(mymonth ==2) month = "Marzo " else if(mymonth ==3) month = "Abril " else if(mymonth ==4) month = "Mayo " else if(mymonth ==5) month = "Junio " else if(mymonth ==6) month = "Julio " else if(mymonth ==7) month = "Agosto " else if(mymonth ==8) month = "Setiembre " else if(mymonth ==9) month = "Octubre " else if(mymonth ==10) month = "Noviembre " else if(mymonth ==11) month = "Diciembre " document.write("<span>"+ day); document.write(myweekday+" de "+month+ "</span>"); // --> </script>

 

DISEÑO ICE-BLUE SIN BOX DERECHO

 
 <style type="text/css"> <!-- table.edit_main_table{width: 85% !important;} td.edit_main_tr{width: 100% !important;} table.edit_second_table{width: 100% !important;} table.edit_third_table{width: 100% !important;} td.edit_navi_headbg{width: 20% !important;} table.edit_rechts_tabelle{width: 100% !important;} td.edit_rechts_bottom{width: 15% !important;position: absolute;left: -300px;} td.edit_rechts_cbg{width:100%;} td.shouty{visibility: hidden;width: 0px;} td.edit_rechts_sbg{visibility:hidden;} td.sidebar_heading{visibility: hidden;} td.edit_rb_footer{background-image:url();} td.edit_rechts_bottom{background-image:url();} td.edit_header_full{background-image:url(''); height: 150px; width: 921px; border-color:#ffffff; border-width:0px; border-style:solid;} td.edit_below_nav{visibility: hidden;} td#nav_Umfrage{display:none;} td#nav_abstand, td#nav_abstand1, td#nav_abstand2, td#nav_abstand3, td#nav_abstand4, td#nav_abstand5, td#nav_abstand6, td#nav_abstand7, td#nav_abstand8, td#nav_abstand9, td#nav_abstand10, td#nav_abstand11, td#nav_abstand12, td#nav_abstand13, td#nav_abstand14, td#nav_abstand15, td#nav_abstand16, td#nav_abstand17, td#nav_abstand18, td#nav_abstand19, td#nav_abstand20, td#nav_abstand21, td#nav_abstand22, td#nav_abstand23, td#nav_abstand24, td#nav_abstand25{display:none;} input, textarea {background-color:# 990000; border:solid 1px #000099; color: #000099;} table.forumtabelle {border:solid 1px #000099; color: #000099;} --></style>

DESACTIVAR BOTON DERECHO DEL MOUSE CON MENSAJE DE ALERTA

 
 

<!-- Codigo para evitar ser copiado --><script>if (document.all) document.body.onmousedown=new Function("if (event.button==2||event.button==3) alert('Mensaje de Alerta Aqui')") </script><!-- Fin del codigo -->

PARA CENTRAR LA WEB CON DISEÑO ICE-BLUE

 
 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:/www.w3.org/1999/xhtml"> <div style="width:900px; position: relative; margin-left: auto; margin-right: auto;">

CODIGO PARA QUE UNA IMAGEN QUE ELIJAS SIGA AL MOUSE

 
 <HEAD><SCRIPT LANGUAGE="JavaScript1.2">
var trailLength = 8;
var path = "my_image.gif";

var isIE = false, isNav = false, range = "all.", style = ".style", i, d = 0;
var topPix = ".pixelTop", leftPix = ".pixelLeft", images, storage;
if (document.layers) {
isNav = true, range = "layers.", style = "", topPix = ".top", leftPix = ".left";
} else if (document.all) {
isIE = true;
}
function initTrail() {
images = new Array();
for (i = 0; i < parseInt(trailLength); i++) {
images = new Image();
images
.src = path;
}
storage = new Array();
for (i = 0; i < images.length*3; i++) {
storage = 0;
}
for (i = 0; i < images.length; i++) {
(isIE) ? document.write('<div id="obj' + i + '" style="position: absolute; z-Index: 100; height: 0; width: 0"><img src="' + images
.src + '"></div>') : document.write('<layer name="obj' + i + '" width="0" height="0" z-index="100"><img src="' + images.src + '"></layer>');
}
trail();
}
function trail() {
for (i = 0; i < images.length; i++) {
eval("document." + range + "obj" + i + style + topPix + "=" + storage[d]);
eval("document." + range + "obj" + i + style + leftPix + "=" + storage[d+1]);
d = d+2;
}
for (i = storage.length; i >= 2; i--) {;
storage
= storage[i-2];
}
d = 0;
clearTimeout(timer);
var timer = setTimeout("trail()", 10);
}
function processEvent(e) {
if (isIE) {
storage[0] = window.event.y+document.body.scrollTop+10;
storage[1] = window.event.x+document.body.scrollLeft+10;
} else {
storage[0] = e.pageY+12;
storage[1] = e.pageX+12;
}
}
if (isNav) {
document.captureEvents(Event.MOUSEMOVE);
}
if (isIE || isNav) {
initTrail();
document.onmousemove = processEvent;
}
// End -->
</script>

Solo tienes que poner

<style type="text/css">
BODY {overflow: scroll; overflow-x: hidden;}
</style>
</HEAD>

PARA QUE TE PONGAN DE PAGINA DE INICIO

 <a href="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://tuwebaquí');return false;">Pon
esta web como tu página de Inicio...</a>
 

TEXTO QUE HACE OLAS

 <head>
<CENTER><script language="JavaScript1.2">

//TEXTO QUE QUIERES Q APAREZCA
//-----------------------------------------

message="Letras haciendo la ola ¡¡¡¡"

//-----------------------------------------
ns6switch=1
var ns6=document.getElementById&&!document.all
mes=new Array();
mes[0]=-1;
mes[1]=-4;
mes[2]=-7;mes[3]=-10;
mes[4]=-7;
mes[5]=-4;
mes[6]=-1;
num=0;
num2=0;
txt="";
function jump0(){
if (ns6&&!ns6switch){
jump.innerHTML=message
return
}
if(message.length > 6){
for(i=0; i != message.length;i++){
txt=txt+"<span style='position:relative;' id='n"+i+"'>"+message.charAt(i)+"</span>"};
jump.innerHTML=txt;
txt="";
jump1a()
}
else{
alert("Tu mensaje es muy corto"
}
}

function jump1a(){
nfinal=(document.getElementById)? document.getElementById("n0" : document.all.n0
nfinal.style.left=-num2;
if(num2 != 9){
num2=num2+3;
ZYzTimeout("jump1a()",150)
}
else{
jump1b()
}
}

function jump1b(){
nfinal.style.left=-num2;
if(num2 != 0){num2=num2-3;
ZYzTimeout("jump1b()",50)
}
else{
jump2()
}
}

function jump2(){
txt="";
for(i=0;i != message.length;i++){
if(i+num > -1 && i+num < 7){
txt=txt+"<span style='position:relative;top:"+mes[i+num]+"'>"+message.charAt(i)+"</span>"
}
else{txt=txt+"<span>"+message.charAt(i)+"</span>"}
}
jump.innerHTML=txt;
txt="";
if(num != (-message.length)){
num--;
ZYzTimeout("jump2()",50)}
else{num=0;
ZYzTimeout("jump0()",50)}}
</script>
</head>
<body>

<h2><div id="jumpx" style="color:red"></div></h2>
<script>
if (document.all||document.getElementById){
jump=(document.getElementById)? document.getElementById("jumpx" : document.all.jumpx
jump0()
}
else
document.write(message)
</script></CENTER>












<center><a href="http://dipro.multimania.com"><img src="logo.gif" border=0></a></center>

</body>
 

EFECTO DE MECANOGRAFIA

 
 

<script><!--

//Secify scroller contents
var line=new Array()
line[1]="AQUI PON TU TEXTO QUE QUIERAS"
line[2]="AQUI PON TU TEXTO QUE QUIERAS"
line[3]="AQUI PON TU TEXTO QUE QUIERAS"
line[4]="AQUI PON TU TEXTO QUE UQIERAS"
line[5]="AQUI PON TU TEXTO QUE QUIERAS"
line[6]="AQUI PON TU TEXTO QUE QUIERAS"

//Specify font size for scoller
var ts_fontsize="12px"

//--Don't edit below this line

var longestmessage=1
for (i=2;i<line>line[longestmessage].length)
longestmessage=i
}

//Auto set scroller width
var tscroller_width=line[longestmessage].length

lines=line.length-1 //--Number of lines

//if IE 4+ or NS6
if (document.all||document.getElementById){
document.write('<form>')
document.write('<input>')
document.write('</form>')
}

temp=""
nextchar=-1;
nextline=1;
cursor="]"
function animate(){
if (temp==line[nextline] & temp.length==line[nextline].length & nextline!=lines){
nextline++;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",3000)}
else if (nextline==lines & temp==line[nextline] & temp.length==line[nextline].length){
nextline=1;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",1000)}
else{
nextstep()}}

function nextstep(){

if (cursor==""){
cursor="|"}
else if (cursor=="|"){
cursor="/"}
else if (cursor=="/"){
cursor="-"}
else if (cursor=="-"){
cursor=""}


nextchar++;
temp+=line[nextline].charAt(nextchar);
document.bannerform.banner.value=temp+cursor
setTimeout("animate()",25)}

//if IE 4+ or NS6
if (document.all||document.getElementById)
window.onload=animate
// --></script> 

MARQUESINA DE TEXTOS

 
 <p><b><font color="#FFFFFF" face="Verdana" size="2">
<marquee>AQUI PON TU TEXTO QUE QUIERAS</marquee></font></b></p>

BIENVENIDOS A MAR DE CODIGOS GRACIAS POR SU VISITA

BARRA DE AVISO COLGANTE.PEGAR EN EL HEAD

 
 

<style type='text/css'>
#avisocositaspatuweb{
z-index:99;
position:fixed;
top:0px; left:0px;
width:100%;
background: url(http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i4b9bb6d955c30530/1341508125/std/image.png);
font-size: 13px;
font-weight:bold;
border-bottom-left-radius:17px;
border-bottom-right-radius:17px;
-moz-border-bottom-left-radius:17px;
-moz-border-bottom-right-radius:17px;
-webkit-border-bottom-left-radius:17px;
-webkit-border-bottom-right-radius:17px;
text-align:center;
padding:12px 0px;
}
#avisocositaspatuweb:hover{
background: url(http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i3c9d7e8255d45988/1341508129/std/image.png);

}
</style>

<script type="text/javascript">
function cerrarimagen(){
div = document.getElementById("cerrar");div.style.display="none";
}
</script>  

ESTE LO PEGAS EN WIDGET/HTML

 
 

<div id='cerrar' style='border: 0 !important; background: transparent; left:60px;top:42px;position:fixed;width: 60px;z-index:9999'>
<a href='javascript:cerrarimagen();'><img src='http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i3ef6f0a0227af57b/1341508321/std/image.png' style='float: right;' title='Cerrar aviso' alt=
"" /></a>
<div id="avisocositaspatuweb">
<a target="_BLANK" href="http://cositaspatuweb.jimdo.com">aqui tu texto a mostrar</a>
</div>
</div>

CHAT FLOTANTE EN LA PARTE SUPERIOR. COLOCAR EN WIDGET/HTML. CAMBIAR EL ID DEL CHAT.

 
 

<table bgcolor="#000000" style="position: fixed;top:2px;right:10px;width:400px;height:30px; border:1px solid #ffffff;" align="center" cellpadding="" cellspacing="">

<tr>

<td>

<div class="pre-spoiler">

<span style="color: #ffffff;">Cha</span><span style="color: #3ffda5;"><span style="color: #ffffff;">t</span>.</span><span style="color: #05f4f9;">.</span><span style=

"color: #75f6f9;">..</span><span style="color: #f5c5fb;">!!</span><span style="color: #f5cbce;">! &#160;<span style="color: #fde171;"></span><span style=

"color: #effb7d;"><span style="color: #d3f76d;"></span></span></span> <input type="button" value="Mostrar/Ocultar" style=

"width:200px;height:25px;font-size:10px;margin:0px;padding:0px;color:#ff0000;" onclick=

"if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Ocultar'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Mostrar/Ocultar';}" />

</div>

<div>

<div class="spoiler" style="display: none;">

<center>

<img style="visibility:hidden;width:0px;height:0px;" border="0" width="0" height="0" src=

"http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMzcyMjUyMDQ3MDUmcHQ9MTMzNzIyNTIxNTc4MSZwPTUzMTUxJmQ9Jmc9MSZvPWU4YTA3ZGQ5YzE*OTQ*NzQ4NmFm/YjNhYmEyYTE3YThh.gif"

alt="" /><embed wmode="transparent" src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="398" height="300" name="chat" flashvars="id=175459086" align=

"middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br />

</center>

</div>

</div>

</td>

</tr>

</table>

FANBOX DE TWITTER FLOTANTE.COLOCAR EN EL HEAD.

 
 

<style type="text/css"> .slide_likebox {float:right;width:288px;height:345px; background: url(http://u.jimdo.com/www48/o/s65796f9dabaa293f/img/i18baca8f7b66a72d/1343348776/std/image.png) no-repeat !important;display:block;right:-250px;padding:0;position:fixed;top: 130px;z-index:1002;border-radius:10px;-moz-border-radius:10px; -webkit-border-radius:10px; }div.likeboxwrap {margin-top:2px;margin-left:-5px;width:238px; height:325px;background-color:#fff;overflow:hidden;border-radius:10px;-moz-border-radius:10px; -webkit-border-radius:10px; }div.likeboxwrap iframe {margin:-1px}</style>

<script type="text/javascript" src="http://u.jimdo.com/www48/o/s65796f9dabaa293f/userlayout/js/jquery-min.js?t=1343126033"></script>

<script type="text/javascript">
jQuery.noConflict();
jQuery(function (){
jQuery(".slide_likebox").hover(function(){
jQuery(".slide_likebox").stop(true, false).animate({right:"0"},"medium");
},function(){
jQuery(".slide_likebox").stop(true, false).animate({right:"-250"},"medium");
},500);
return false;
});
</script>

ESTE LO COLOCAS EN WIDGET/HTML.

 
 <div class="slide_likebox"> <div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;"><span><div class='likeboxwrap'><script type="text/javascript" src="http://s.moopz.com/fanbox_init.js"></script><div id="twitterfanbox">
<script type="text/javascript">fanbox_init("Tu Usuario");</script></div></div></span></div></div>

AVISO COLGANTE. LO PEGAS EN EL HEAD

 
 

<style type="text/css">

/*<![CDATA[*/

<!--

/*Autor:Abraham de la C. 26-07-1012*/

/* Aviso Colgante */

.Aviso_colgante {

height: 217px;

width: 400px;

position: fixed;

background-image: url(http://u.jimdo.com/www17/o/s224fc11c65cbc592/img/ia6607cc590418d8c/1343182748/std/image.png);

left: 10px;

top: -1px;

visibility: visible;

z-index: 2607;

background-repeat: no-repeat;

}

#Aviso_colgante_Notoy div {

width: 320px;

height: 140px;

float: right;

margin-top: 55px;

margin-right: 25px;

overflow: hidden;

visibility: visible;

font-family: Georgia, "Times New Roman", Times, serif;

text-align: left;

font-weight: bold;

font-variant: normal;

color: #000000;

font-style: normal;

font-size: 14px;

line-height: 18px;

}

/* Creado en la pagina: notoyontoy.jimdo.com */

-->

/*]]>*/

</style>

<script type="text/JavaScript">

//<![CDATA[

<!--

function MM_findObj(n, d) { //v4.01

var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

if(!x && d.getElementById) x=d.getElementById(n); return x;

}

function MM_showHideLayers() { //v6.0

var i,p,v,obj,args=MM_showHideLayers.arguments;

for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];

if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }

obj.visibility=v; }

}

//-->

//]]>

</script>

ESTE LO PONES EN WIDGET/HTML

 
 

<div class="Aviso_colgante" id="Aviso_colgante_Notoy">

<img src="http://u.jimdo.com/www17/o/s224fc11c65cbc592/img/i1c337514a04a1023/1343183480/std/image.png" width="25" height="25" hspace="1" vspace="50" align="left" onclick="MM_showHideLayers('Aviso_colgante_Notoy','','hide')" />

<div>

Aqui coloca tu aviso

</div>

</div>

BARRA DE HERRAMIENTAS CON BUSCADOR

 
 
<script src="http://sharebar.addthiscdn.com/v1/sharebar.js" type="text/javascript"></script>
<div class="addthis_sharebar_config" style="display:none;">
* username: sharebar
* search url: http://www.google.com/search?q=
* search label: Search Google
</div>

PROBADOR DE CODIGOS



GRACIAS POR SU VISITA


free counters


Recomendar a un amigo

Entra la dirección de correo de tu amigo:

Que opinas de mi pagina.

Muy Buena
Regular
No Regreso