Mi homepage

Codigos HTML



CODIGOS HTML

::: Dj Brahian :::






ABRIR WEB POR POP UP: Con este codigo vamos a poder poner una web en pop up es decir que al momento de que alguna persona entre en nuestra pagina se abrira una ventana emergente con otra pagina ya sea de nuestra propiedad o que queramos poner algo parecido a la publicidad. Solo copia este codigo en el block de notas y donde dice "aqui url de tu pagina" escribe el url y pegalo en la fuente HTML de la pagina que desees.

<script language='JavaScript'>window.open('AQUI URL DE TU WEB', 'geoflotante', '');</script>






 


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.

<style type="text/css">
<!--
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.


<img src="http://img61.imageshack.us/img61/5580/newbotonoz0.gif" alt="Image Hosted by ImageShack.us" border="0"></a>


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.

<body onUnload="window.alert('Gracias por tu visita! nos vemos pronto ^^')">
 


LETRAS DEL BOX EN MOVIMIENTOEste 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.


<marquee>Aqui escribes lo que kieras</marquee>
 


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.


body onload="window.alert('Bienvenido a mi pagina web, gracias por visitarnos')">
 


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


<style>body {
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 


<style type="text/css"> <!--
/* 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.


<style>
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.


<!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;"> 
 

CAMARA DE VIGILANCIA:
Con este codigo pondran una camara arriba a la derecha de tu pantalla para esto deberas entrar a EDITAR DISEÑO y pegarlo en TEXTO POR DEBAJO DE LA PAGINA
 

<div style="text-align: center;"><a style="right: 0px; position: fixed; top: 0px;" href="http://www.youtube.com/user/ro0driig0o" target="_blank"><img alt="" src="http://img150.imageshack.us/img150/9631/camaras01pe3.gif" /></a></div>
 
 
 

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

 <script language="Javascript">
<!-- 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 -->
</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="Atrás" onclick="history.back()" style="font-family: Verdana; font-size: 8 pt">
<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


<embed src="http://xfacts.com/widgets/flickr_search.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="600" height="600"></embed>
 


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


<A class="chlnk" style="FONT-WEIGHT: bold; CURSOR: hand;
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!

<!-- Búsqueda Google --> 
<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!

<img onclick="javascript:this.width=450;this.height=338" ondblclick="javascript:this.width=100;this.height=80" src="URL DE LA IMAGEN" width="100"/>
 


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

<html> 
<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


<script src='http://dl.getdropbox.com/u/647003/CiudadBlogger/Scripts/rainbowlinks.js'/>
 
 

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


<style type="text/css">
<!--
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 align="center">
<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

 
<img border='0' src='http://r23.imgfast.net/users/2314/14/04/12/album/bloodm10.gif' _fcksavedurl='http://r23.imgfast.net/users/2314/14/04/12/album/bloodm10.gif' style='position:fixed; top:0; http://www.paginawebgratis.es/editpage.phpleft:0; width:100%; height:150px;'/>
 


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

<img onclick="javascript:this.width=450;this.height=338" ondblclick="javascript:this.width=100;
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>
 

VER AQUI EJEMPLO

 
 CODIGO DEL EBUDDY : Con este codigo podras poner el ebuddy en tu web.. El ebuddy es un programa parecido al MSN lo que pasa es que te puedes conectar a tu cuenta de msn por internet!! una pasada, Deberas meter el codigo en una fuente HTML 



<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">
 
Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis