Codigos HTML
CODIGOS HTML
::: Dj Brahian :::
TRANSFORMAR EL CURSOR: Este codigo sirve para cambiar el cursor en nuestra web, al momento de los visitantes entrar en nuestra pagina el cursor cambiara de la simple flecha a una mira de disparo. copia el codigo en la fuente HTML.
<!--
body { cursor: crosshair}
-->
</style>
PALABRA NEW EN EL MENU: Este codigo sirve para poner la palabra new en en menu de nuestra web, es decir cuando ponemos una seccion nueva en nuestra web como por ejemplo la seccion llamada Temas Para Windows 7 en esta pagina y queremos que nuestros visitantes se den cuenta simplemente nos vamos a editar paginas y donde dice titulo de la pagina ponemos el titulo de nuestra pagina seguido de este codigo y listo.
RECOMENDAR WEB: Con este codigo podras poner una barra en tu pagina que dira recomienda esta pagina, cualquier persona puede recomendar tu pagina solo poniendo el correo electronico de la persona deseada. Pegalo en la fuente HTML de la pagina que desees.
<form name="eMailer">
ENVÍA ESTA PÁGINA A UN AMIGO
<br>
Indica su e-mail:
<br>
<input type="text" name="address" size="25">
<br>
<input type="button" value="Recomendá esta Web!" onClick="mailThisUrl();">
</form>
<script language="JavaScript1.2">
var good;
function checkEmailAddress(field) {
// the following expression must be all on one line...
var goodEmail = field.value.match(/b(^(S+@).+((.com)|(.net)|
(.edu)|(.mil)|(.gov)|(.org)|(..{2,2}))$)b/gi);
if (goodEmail){
good = true
} else {
alert('Por favor introduce un e-mail valido')
field.focus()
field.select()
good = false
}
}
u = window.location;
m = "Pienso que te puede interesar esta página...";
function mailThisUrl(){
good = false
checkEmailAddress(document.eMailer.address)
if (good){
// the following expression must be all on one line...
window.location = "mailto:"+document.eMailer.address.value+"?subject="+m+"&body="+document.title+" "+u;
}
}
</script>
MENSAJE DE DESPEDIDA: Con este codigo los visitantes de tu pagina recibiran un mensaje de despedida en su pantalla al momento de salir de tu pagina. Solo pegalo en texto por debajo de la pagina en editar diseño.
LETRAS DEL BOX EN MOVIMIENTO: Este codigo sirve para que las letras de los box se muevan justo como las mias. Solo peguen este codigo en editar diseño y luego en donde dice nombre del box.
MENSAJE DE BIENVENIDA: Este codigo lo que hara sera que al entrar a la pagina les dara un mensaje de bienvenida a todos los visitantes. Solo peguen el codigo en texto por encima de la pagina.
LUCES LATERALES: Con este codigo tendran luces que cambian de colores en los lados derecho e izquierdo. Solo peguenlo en texto por debajo de la pagina. ATENCION, este codigo borra el diseño
background-image: url(http://photos1.hi5.com/0031/763/432/vr3mEw763432-03.gif);
background-repeat: repeat;
background-position: top center;
background-attachment: fixed;
background-repeat: repeat-y;
}</style>
DISEÑO TRANSPARENTE: Con este codigo tendran el menu transparente y de igual forma lograran la trasparencia de los box, este es el codigo que yo estoy usando este codigo es modificado totalmente por mi. Solo peguenlo en texto del 1 box derecha y listo
/* Diesen Teil nicht rauslöschen*/
/* Copyright by streetplayer49 http://www.hp-service.de.tl */
/* Allgemein */
p, div{color:#ffffff;}
body{color: #ffffff;background-color:#000000;}
/*Navigation*/
td.edit_navi_headbg{background-image: none;width: 15%;}
td.nav_heading{background-image: url(transparent);height: 33px;padding-left: 27px;font-size: 14px;font-weight: bold;}
td.nav{background-image: url(transparent);height: 33px;}
td.nav:hover{background-image: url(http://Hier Bildlink/buttoncpredhov.jpg);height: 33px;}
td.nav a{color: #ffffff;text-decoration: none;font-size: 11px;}
td.nav a:hover{color: #ffffff;text-decoration: overline underline;font-size: 11px;}
td.nav a:visited{color: #ffffff;font-size: 11px;font-weight: bold;}
td.edit_below_nav{visibility: hidden;}
/*Content*/
td.edit_rechts_cbg{background-image: none;width: 100%;}
td.edit_content_top{height: 33px;background-image: url(transparent);font-size:14px;font-weight:bold;text-align: center;}
td.edit_content{background-image: none;background-color:transparent;}
td.edit_content div{color: #fff;font-size: 12px;font-weight: bold;}
td.edit_content p{color: #fff;font-size: 12px;font-weight: bold;}
td.edit_content font{color: #fff;font-size: 12px;font-weight: bold;}
td.edit_content_bottom{background-image: url(transparent);height: 33px;}
td.edit_content_bottom2{background-image: none;height: 38px;}
td.headline2{visibility: hidden;}
/*Rechte Boxen*/
td.sidebar_heading{background-image: url(https://img.webme.com/pic/s/success4you/realflashdown.gif);height: 33px;font-size: 14px;font-weight: bold;text-align: center;}
.shouty, .shouty2, .shouty3, .shouty4, .shouty5{background-image: none;background-color:transparent;border:transparent;}
td.edit_rechts_bottom{background-image: none;width: 15%;}
td.edit_rb_footer{background-image: none;}
/*Rechter Streifen*/
td.edit_rechts_sbg{background-image: none;visibility: hidden;position: absolute;right: 0px;}
--> </style>
IMAGEN DE FONDO: Con este codigo podran poner un fondo de pantalla en su web que no se mueve es decir que al bajar por el menu dara el efecto de que la imagen no se mueve, como el que pueden ver en mi pagina web solo copienlo en el block de notas y pongan el codigo url de la imagen donde les indicara y luego solo copienlo en texto por encima de la pagina.
body
{
background-image: url(aki va el url de la imagen);
background-repeat: no-repeat;
background-attachment: fixed
}
</style>
CENTRAR TU PAGINA: Con este codigo podran centrar su pagina web es decir para que les quede en el mero centro de la pantalla solo copienlo en texto por encima de la pagina en editar diseño.
EVITAR QUE NOS COPIEN EL TEXTO: Con este codigo impidiremos que los visitantes de tu pagina te robe informacion.. Este codigo deberan copiarlo a TEXTO POR ENCIMA DE LA PAGINA
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 -->
</script>
BOTON DELANTE,ATRAS,ACTUALIZAR: Con este codigo pondras botones en tu sitio que pongan, atras, delante, y actualizar, con este codigos haras que tus visitantes esten mas comodos. Copia este codigo EN LA FUENTE HTML DE LA PAGINA Q DESEES
<input type="button" value="Actualizar" onclick="window.location.reload()" style="font-family: Verdana; font-size: 8 pt">
<input type="button" value="Adelante" onclick="history.forward()" style="font-family: Verdana; font-size: 8 pt">
BUSCADOR DE IMAGENES: Con este codigo colocaras en tu pagina web un buscador de imagenes. COPIA ESTE CODIGO EN LA FUENTE HTML DE LA SECCION QUE TU QUIERAS
TU PAGINA EN INICIO: Con este codigo haras que caundo los visitantes cuando abran su navegador salga tu pagina de inicio. Donde dice URL ponen la url de tu pagina web y despues lo pegas donde quieras en fuente HTML
COLOR: #004080; FONT-FAMILY: Verdana" onclick=
"this.style.behavior='url(#default#homepage)';
this.setHomePage('URL');">
<FONT face=Arial color=#000000 size=-2><U>
Establecer como página de inicio</U></FONT></A>
TU WEB EN FAVORITOS: Con este codigo es para que los visitantes de tu sitio puedan añadir tu sitio como favorito. Donde dice Url ponen la url de su pagina y donde dice descripcion ponen la descripcion de tu sitio y pegalo donde quieras en fuente HTML
<a href="#" onClick="window.external.AddFavorite('URL AQUI','DESCRICION DE TU SITIO');return false;"><font color="#FFFFFF" size="2"><font color="#000000" face="Verdana, Arial, Helvetica, sans-serif"><font size="2">Agreganos a tus favoritos</font><font color="#000000">...</font></font></font></a><font size="2">
INSERTAR PAJARO DEL TWITTER: Este codigo sirve para colocar un pajaro en tu web que va volando por donde tu vallas, y dandole click sobre el pajaro se pondra tu pagina oficial de twitter. Copias el codigo y lo pones en el Block de Notas ( TxT) y donde dice USUARIO pones el nombre de la cuenta de twitter y ya esta,y pones el codigo Texto por ENCIMA DE LA PAGINA
<script src="http://oloblogger.googlecode.com/files/tripleflap.js" type="text/javascript"></script>
<script type="text/javascript">
var birdSprite='http://oloblogger.googlecode.com/files/birdsprite.png';
var targetElems=new Array('img','hr','table','td','div','input','textarea','button','select','ul','ol','li','h1','h2','h3','h4','p','code','object','a','b','strong','span');
var twitterAccount = 'http://twitter.com/USUARIO';
var twitterThisText ='';
tripleflapInit();
</script>
GOOGLE BUSCADOR: Este codigo es para poner un buscador de google en tu web, para que tus visitantes puedan acceder a google desde tu pagina. PEGA ESTE CODIGO EN LA FUENTE HTML QUE QUIERAS!
<center>
<FORM method=GET action="http://www.google.com/search">
<TABLE bgcolor="#FFFFFF"><tr><td>
<A HREF="http://www.google.com/">
<IMG SRC="http://www.google.com/logos/Logo_40wht.gif" border="0" ALT="Google" align="absmiddle"></A>
<INPUT TYPE=text name=q size=31 maxlength=255 value="">
<INPUT TYPE=hidden name=hl value=es>
<INPUT type=submit name=btnG VALUE="Búsqueda Google">
</td></tr></TABLE>
</FORM>
</center>
<!-- Búsqueda Google -->
IMAGEN GRANDE: Este codigo sirve para que cuando alguien le de CLICK a esa imagen se agrande. DONDE PONE URL DE LA IMAGEN PONEMOS LA URL DE LA IMAGEN Y LA PEGAMOS EN DONDE QUERAMOS EN HTML!
PAGINA QUE TIEMBLA: Este codigo hace que tu pagina tiemble. donde dice titulo poneis el titulo de la web y en pagina web la alerta( lo que querais) y pegais EL CODIGO POR TEXTO ENCIMA DE LA PAGINA
<head>
<title>TITULO</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("PAGINA WEB");
return false;
}
else if (navigator.appName == 'Microsoft Internet Explorer' &&
(event.button == 2 || event.button == 3)) {
alert("PAGINA WEB");
return false;
}
return true;
}
document.onmousedown=right;
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=right;
</script>
</body>
</htm
EFECTO DE ARCOIRIS AL PASAR EL CURSOR: Este codigo hace que al pasar el cursor por un link ese link haga un efecto de colores... Este codigo deberan pegarlo por TEXTO por DEBAJO DE LA PAGINA
PONER EL CURSOR EN UNA MIRA: Este codigo cambia el cursor normal de nuestra web por una mira de disparo. Deberas meter el codigo en texto por ENCIMA de la PAGINA
<!--
body { cursor: crosshair}
-->
</style>
CREAR UN FORMULARIO O UN LIBRO DE VISITAS: Con este codigo podemos hacer un formulario o tambien un LIBRO DE VISITAS y cuando el visitante le de a Finalizar o Enviar se le enviara el mensaje a un correo electronico( Deberia ser el tuyo) Donde te pide el correo electronico deberas meter tu correo. PEGA ESTE CODIGO EN UNA FUENTE HTML DE TU WEB
<div style="background-color:white; border-color: black; border-style: solid; color: black; height: 100px; overflow: scroll; width: 250px;">
<span style="color: black; font-family: tahoma; font-size: 85%;"><b></b></span>
<div align="center">
<span style="color: black; font-family: tahoma; font-size: 85%;"><b></b></span>
</div>
<span style="color: black; font-family: tahoma; font-size: 85%;"></span>
</div>
</div>
<b></b>
SANGRE ARRIBA DE TU WEB : Con este codigo pondras un efecto de sangre arriba del todo de tu pagina web..Deberas poner el codigo en una fuente html
IMAGEN QUE SE HACE GRANDE AL PASAR CON EL CURSOR: Creo que el titulo lo dice todo, cuando pasas el cursor por la imagen se agrande..
Donde diga "Url de imagen" Copias la imagen que quieras que salga y lo pegas en un sitio HTML
this.height=80" src="URL DE LA
IMAGEN" width="100"/>
IMAGEN DE WELCOME : Con este codigo podras poner una imagen gif de bienvenida para tu pagina de inicio sorpende a los visitantes de tu pagina con esta increible imagen de welcome pegalo en la fuente HTML de la pagina de inicio
<a href="http://tabomusicyoutube.es.tl"><img src="https://img.webme.com/pic/c/chatroh/8484484848484.gif" alt="Welcome" width="300" height="100" border="0" /></a>
<div style="text-align: center"><iframe src="http://www.ebuddy.com/widgets/loginbox/custom_login.html?version=small&language=es-ES" frameborder="0" scrolling="no" style="width: 200px; height: 250px"></iframe>
<div align="center">