DirectorioWarez
  Codigos
 
-Como colocar una imagen en tu web en modo HTML

Este es el primer codigo que deves aprender por su facilidad y calidad de uso. Veras, cuando tengas activado el modo HTML, colocas las etiquetas:

<img src="URL">

Como veran, el codigo es de lo mas sencillo y nada dificil de aprender. Ahora vean la parte donde dice "URL" hay colocan la URL de la web donde esta situada la imagen deseada..

P.D= es importante no sacar las entre comillas( " ) ya que sin ellas el codigo no funcionara.


-Como colocar un contador de visitas

De momento no se como colocarlo a tu gusto(diseño del contador) pero aquí uno muy bueno a decir verdad, es gratis y muy buena calidad:

http://www.contadordevisitas.es/

Solo coloca el codigo HTML que te dan en alguna pagina de tu web y nada mas. Un ejemplo de como son sus contadores, es el que esta en mi 2do box, pero ese es 1 de como de 18 contadores que tienen a elejir.


-Derivados de como colocar una imagen en HTML=
En este momento re-tomaremos lo aprendido de la imagen pero a mayor escala, por favor prestad atencion.
El simple codigo de imagen en HTML es:

<img src="URL">

Muy sencillo y facil de usar pero ahora os voy a colocar unas cosas agregadas:
    
      -Como colocarle Frase al no cargar bien:
  
A lo que se refiere esto de frase al no cargar bien, es que algunas veces la imagen no carga bien y se queda en blanco con un una imagen en la esquina izquierda arriba, pero en algunas imagenes que no cargan bien derrepente, aparece una frase sencilla como "By F" o "Hosted by imageshack" y para eso tendriamos que hacer asi el codigo:

<img alt="Aqui la frase" src="URL">

Lo unico que cambio fue algo agregado que es el "alt=..." y donde sale "Aqui la frase" colocas lo que te plasca como "Imagen hecha por...", "Por..." etc...

     -Como re-dimensionar la imagen automaticamente:

A lo que se refiere esto de re-dimensionar, es que digamos tenemos una imagen de 1000x500 y queremos que sea 500x250, y el codigo seria asi:

<img src="URL" width="Ancho" height="Alto">

Y asi se re-dimensiona facil y rapidamente la imagen...

P.D= el tamaño deve estar representado en pixeles y no centimetros

    -Como hacer que una imagen se mueva con la marquesina:

Este codigo es de lo mas sencillo y facil de usar, simplemente fucionamos los dos codigos y saldria algo parecido a esto:

<marquee><img src="URL"></marquee>

 



-Como controlar el abuso de los servicios de otras web's=
A lo que me refiero en el titulo, es que digamos, en un contador de visitas normal, al pasar el mouse por enzima de ese contador, veremos que el contador sirve como hypervinculo a la pagina de los creadores del contador o cualquier otra cosa.
Para controlarlo es de lo mas sencillo, simplemente en el codigo que te pasan busca donde esta ubicado el codido de hypervinculo( <a href="... ) y borralo, pero para no ser tan descarados con los creadores, coloca despues del codigo "By ..." donde estan los tres pundo suspensivos, deves colocar el nombre de la pagina que creo el objeto(contador de visitas, reloj, etc...)

    -No se encuentra el codigo de hypervinculo en el codigo del abuso:

Hay algunas web's que hacen sus objetos en flash, y al hacerlos en flash no se necesita nada mas que el codigo embed y nada mas, ese es el problema que podemos ver de los servicios gratis derrepente, ya que al hacer un archivo flash, es imposible modificarlo a favor. Lo mas sencillo que puedes hacer es buscar en google otro objeto parecido al que tenias y sencillo de quitar o ya quitado el anuncio de su web.

 

 


 


-Como controlar los hypervinculos=
A lo que se refiere esto, es que se pueden controlar los hypervinculos para que den cierto efecto. Para colocar una hypervinculo que se abre en la misma venta es este codigo HTML:

<a href="URL">Texto</a>

   -Hacer que se habra en una nueva ventana el hypervinculo:

Esto es de lo mas sencillo, el codigo quedaria de esta forma:

<a target"_blank" href="URL">Texto</a>

Lo que hace que se habra en una nueva ventana es el "Target".

   -Tener una afiliacion beneficiosa con novatos:

Aunque esta tecnica es descarada para una afiliacion igual no mas la digo... Veran como un novato no save de HTML no save para que sirve cada codigo asi que si tiene un banner y no save como funciona y tiene una pagina mas o menos de 15 visitas diarias, podrias decirle que se afilien, pero verifica que el codigo tenga no tenga puesto el parametro que ase que se valla en la misma venta, si no tiene el parametro que hase que se habra en una nueva ventana( target"_blank") colocaselo, entonces al hacer click sobre el banner del novato se abrira una nueva pagina con su web, pero el usuario seguira en tu pagina. Entonces cuando le pases el codigo de tu banner, verifica que no tenga el parametro para mostrar en una nueva ventana, entonces si un visitantes del novato hase click en tu banner, se ira directamente a tu pagina dejando atras la pagina de tu afiliados, y asi ganaras cerca de 5% de visitas mas por dia.

 


 


-Controlar videos de Youtube:
Veran, youtube te da el tamaño adecuado para poder ver sus videos de forma adecuada, pero a veces necesitas controlar su tamaño y/o color. El codigo normal de youtube( <embed> ) editado es este:

<embed src="http://www.youtube.com/v/YEBi8k1NXXE&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed>

Pero vijense que casi llegando al final del codigo salen los parametros widht y height de nuevo, y entonces en esos parametros coloca el tamaño que quieras para los videos de youtube. Si quieres controlar su color, tienes que ir al video de youtube directamente buscar de nuevo el cuadro donde dice "EMBED" pero antes, mira el cuadro al final de afuero, sale la palabra "Costumize" como en hypervinculo, apretalo y te saldran las opciones para modificar mas detallamente los videos.

       -Dar otro uso a los codigos EMBED:
Veran, sinceramente el EMBED no sirve solamente para mostras videos de youtube, de hecho enrealidad solo sirve para mostras archivos flash, los videos de youtube son flash, por eso funcionan con los EMBED.
Veran esta tecnica es descarada por simplemente ser copyright, pero puedes copiar los juegos de "MiniJuegos" y colocarlos en tu pagina gracias a este codigo, pero te sujiero que antes de copiar el juego pongas que fue sacado de minijuegos.




-Como hacer tu web una pagina de inicio=
Para colocar un texto que diga que si quiere hacer tu web una pagina de inicio, coloca este codigo en cualquier parte que quieras:

<p><font size="2" face="Arial" color="0000FF"><u><i><b><a onclick="this.style.behavior='url(#default#homepage)';
this.setHomePage('TU PAGINA');" style="CURSOR: hand" title="Hacer página de Inicio">Hacer
página de Inicio</a></b></i></u></font></p>

Donde dice "Tu pagina" deves colocar tu pagina completa incluso con "http://..."



-Como colocar musica en tu web=
Primero hay que registrarse en esta pagina web:

http://www.imeem.com/

Luego busca la cancion que quieras y entra a escucharla, igual que youtube te dira el codigo EMBED, entonces vuelve a ver el tutorial donde aparece lo de youtube y aplicalo a esta pagina y asi obtendras tu propia musica en un reproductor de MP3 facil de usar.


-Como colocar un mensaje al entrar y salir de la pagina=

Para esto devemos reemplazar el primer <body> de la pagina por el siguiente codigo:

<BODY onLoad="alert('Bienvenido a mi web');" onUnLoad="confirm('Gracias por tu visita, espero ke no sea la última');">

Donde dice "Bienvenido a mi web" es el mensaje de bienbenida, y donde dice "Gracias por tu visita, espero ke no sea la ultima" es el de despedida.



-Como re-direccionar una web=

Bueno este codigo sirve para cuando te mudas de web y necesitas que todos se vallan a la nueva automaticamente. Y Para esto, agregamosel siguete codigo:

<html>
<head>
<title>Refrescar pagina</title>
<META HTTP-EQUIV="Refresh" CONTENT="3; URL="URL aqui">
</head>
</html>

Donde dice "UR aquí" pues colocas la direccion a la que quieras que envie el re-direccionamiento



-Como colocar un hypervinculo(en una misma ventana)=
Para esto utilizamos este codigo:

<a href="URL">Texto aquí</a>

Bueno, ya explique que donde sale "URL" hay que colocar la direccion de la web deseada y que tiene que ser entre comillas. Pero donde dice "Texto aquí" lo puede modificar para que diga lo qe quieras, por ejemplo, para una descarga....donde dice "Texto aquí" habria que colocar "Descargar" y al hacer click te envía a la web.

P.D= el hypervinculo saldra de color negro, asi que por favor visite los demas tutoriales para averiguar como se cambia de color el texto, pero eso es "HTML Avanzado nivel C"


-Como colocar un video de youtube en tu web=
Para esto, necesitaremos ir a youtube y buscar el video que queremos y obiamente mirarlo. Una vez que ya este listo para verse el video(desde que entras a la pagina, no que cargue entero el video.) mira los datos del video(la informacion, el autor del video, etc...) mira una parte donde sale un cuadro con palabras como HTML, tienes que ver el primero que dice "Embed" copia el codigo que te da y colocalo en modo html en tu web.

Antes de colocarlo hay que editar el codigo y aquí os explico como hay que editarlo:

Un codigo normal que sale en youtube es:

<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/YEBi8k1NXXE&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/YEBi8k1NXXE&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>

Ahora prestad atencion, asi deve quedar despues:

<embed src="http://www.youtube.com/v/YEBi8k1NXXE&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed>

Si se dieron cuenta, borre todo lo que no este dentro de las etiquetas "<embed> </embed>" y asi se edita el codigo para que se pueda colocar en tu web.

 
-Como colocar una imagen en tu web en modo HTML=

Este es el primer codigo que deves aprender por su facilidad y calidad de uso. Veras, cuando tengas activado el modo HTML, colocas las etiquetas:

<img src="URL">

Como veran, el codigo es de lo mas sencillo y nada dificil de aprender. Ahora vean la parte donde dice "URL" hay colocan la URL de la web donde esta situada la imagen deseada..

P.D= es importante no sacar las entre comillas( " ) ya que sin ellas el codigo no funcionara.


-Variantes de la marquesina de texto=
Veran, la marquesina normal( <marquee> ) tiene muchos derivados para poder controlarla. Y ahora os presentare la mayoria de sus controles que tiene:

          -Marquesina de texto que rebota:
Para lograr esto vamos agregarle algo al codigo normal, y quedaria asi:

<marquee behavior=alternate>Texto
aquí</marquee>

Como vieron agrege la parte de "Behavior=alternate" eso es lo que ase que la marquesina rebote.

          -Como hacer que controlemos la cantidad de espacios que se salta la marquesina: 
Para lograr esto agregaremos una parte mas para controlar la cantidad de espacios que se salta la marquesina de texto:

<marquee scrollAmount="1">Texto
aquí</marquee>

Veran que esta vez agrege "scrollAmount="1" " el uno(1) seria la cantidad de espacios que se salta la marquesina.

          -Controlar la velocidad de la marquesina de texto:
Para lograr controlar su velociedad de nuevo le agregaremos algo al codigo, y quedaria parecido a:

<marquee scrolldelay="100">texto
aki</marquee>

Como vieron agrege "scrolldelay="100" " y eso es lo que controla el tiempo. Donde dice "100" son los milisegundos ( 100 milisegundos= 1 segundo)

          -Colocar un color de fondo a la marquesina de texto:
Para esto modificaremos de nuevo la marquesina normal, y quedaria asi:

<marquee bgcolor="AA0000">texto
aki</marquee>

Como vieron agregamos esta ves "bgcolor="AA0000" " donde dice "AA0000" es el color, para pillar el codigo de un color visita una pagina que tenga una tabla de colores, nosotros planeamos colocar una pronto. El color que dice ese codigo es: Rojo oscuro.

         -Controlar la direccion de la marquesina de texto:
Ahora al codigo normal de la marquesina le pondremos otro codigo que es super facil de aprender, que es:

<marquee direction="up">texto aquí</marquee>

Estaves agregamos "direction="up" " donde dice "up" es la direccion que va a tomar la marquesina.

P.D= la direccion tiene que estar escrita en ingles.

-Hacer mas elegante el "Pagina de Inicio":
El codigo normal de la pagina de inicio es:

<p><div align="center"><font size="2" face="Arial" color="0000FF"><u><i><b><a onclick="this.style.behavior='url(#default#homepage)';
this.setHomePage('http://fcorporation.es.tl/');" style="CURSOR: hand" title="Hacer página de Inicio"><font color=#FFFFFF></br>Hacenos tu pagina inicio</font></a></b></i></u></font></div></p>

Ahora digamos que en vez de palabras quieres una imagen, es muy facil eso, simplemente sustitulles las palabras "hacenos tu pagina de inicio" por el codigo de una imagen ( <img> ) y quedaria algo asi:

<p><div align="center"><font size="2" face="Arial" color="0000FF"><u><i><b><a onclick="this.style.behavior='url(#default#homepage)';
this.setHomePage('http://fcorporation.es.tl/');" style="CURSOR: hand" title="Hacer página de Inicio"><font color=#FFFFFF><img src="URL de la imagen"></font></a></b></i></u></font></div></p>

Y haci quedara mucho mas genial el boton "Hacenos tu pagina de inicio"


-Como hacer que la música no se actualize al cambiar/actualizar la pagina:
Ahora os presentare un codigo creador por nuestro amigo "F", para ver un tutorial completicimo sobre este codigo por favor visite esta pagina:

http://www.paginawebgratis.es/forum/viewtopic.php?t=14267

Este es el tutorial mas completo sobre este codigo, incluso viene hasta con imagenes.


-Como usar la re-direccion para hacer una descarga
=Bueno hay sitios de internet que usan este codigo para otras cosas, como para hacer el clasico "Espere, la descarga comenzara en 5 segundos, si no comienza pulse aquí" bueno aquí os muestro como lo hacen. En primer lugar, hacen que la descarga se haga en un pop-up que se habre al hacer click, luego en esa pagina solo colocan la oracion clasica de descarga pero esperen, no coloquen nada, aquí os dejare todo para que no se compliquen:

<html>
<head>
<title>Descarga</title>
<META HTTP-EQUIV="Refresh" CONTENT="3; URL="Aquí su URL">
</head>
<body>
En 5 segundos comenzará la descarga. Si no empieza, pulsa <a href='archivo.zip'>aquí</a>
</body>
</html>

Bueno hay os coloque el codigo exacto de la orcion junto con el codigo para redireccionar, donde dice "Aquí su URL"  tiene que colcoar la URL exacta de la descarga.



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

<script language="Javascript">
<!-- Begin
document.oncontextmenu = function(){return false}
// End -->
</script>


No permite el botón derecho y además te penaliza con 10 clicks

<script language="Javascript">
zaehler=0;
function right(e) {
if (navigator.appName == 'Netscape'){
if (e.which == 3 || e.which == 2){
alert("Aqui no puedes utilizar el botón derecho del mouse");
for(i=0;i!=zaehler;i++)alert("Ya te avisé, te penalizaré con n "+(zaehler-i)+"n clicks.");
zaehler+=10;
alert("¡La proxima vez que lo hagas será peor!
www.elhacker.net");
return false;}}
if (navigator.appName == 'Microsoft Internet Explorer'){
if (event.button == 2 || event.button == 3){
alert("Aqui no puedes utilizar el botón derecho del mouse");
for(i=0;i!=zaehler;i++)alert("Ya te avisé, te penalizaré con n "+(zaehler-i)+"n clicks.");
zaehler+=10;
alert("¡La proxima vez que lo hagas será peor!
www.elhacker.net");
return false;}}
return true;
}
document.onmousedown=right;
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=right;
// --></script> 



Para hacer la Página de Inicio

<a href="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.elhacker.net');return false">Página de inicio</a>


Varias frases o texto desplanzadose por el status


<head>
<SCRIPT>

<!--


var ShowString = " " //La primera linea tiene que estar en blanco

+ "Aqu&iacute; la frase 1 " //Puedes a&ntilde;adir mas frases, aparte de estas 3

+ "Aqu&iacute; la frase 2 "

+ "Aqu&iacute; la frase 3 "

+ "Ejemplo de otra frase "

var ShowWidth = 100

var ShowHead = 0

var ShowTail = ShowWidth

var ShowLength = ShowString.length


function Marquee ()

{

var DisplayString

if (ShowHead < ShowTail)

DisplayString = ShowString.substring(ShowHead, ShowTail)

else

DisplayString = ShowString.substring(ShowHead, ShowLength)

+ ShowString.substring( 0, ShowTail)


ShowHead = (ShowHead + 1 ) % ShowLength

ShowTail = (ShowTail + 1 ) % ShowLength


window.status = DisplayString


TimerID = setTimeout("Marquee()", 100) //Cambia el numero para cambiar la velocidad

}

//-->

</SCRIPT>
</head> 




El navegador o el proxy no guarde la página web en caché

<META HTTP-EQUIV="pragma" content="no-cache">
<!--si guarde cache -->
<META HTTP-EQUIV="pragma" content="cache">No permite utilizar el botón derecho y no aparece nada (ni alert, etc)

<script language="Javascript">
<!-- Begin
document.oncontextmenu = function(){return false}
// End -->
</script>


No permite el botón derecho y además te penaliza con 10 clicks

<script language="Javascript">
zaehler=0;
function right(e) {
if (navigator.appName == 'Netscape'){
if (e.which == 3 || e.which == 2){
alert("Aqui no puedes utilizar el botón derecho del mouse");
for(i=0;i!=zaehler;i++)alert("Ya te avisé, te penalizaré con n "+(zaehler-i)+"n clicks.");
zaehler+=10;
alert("¡La proxima vez que lo hagas será peor!
www.elhacker.net");
return false;}}
if (navigator.appName == 'Microsoft Internet Explorer'){
if (event.button == 2 || event.button == 3){
alert("Aqui no puedes utilizar el botón derecho del mouse");
for(i=0;i!=zaehler;i++)alert("Ya te avisé, te penalizaré con n "+(zaehler-i)+"n clicks.");
zaehler+=10;
alert("¡La proxima vez que lo hagas será peor!
www.elhacker.net");
return false;}}
return true;
}
document.onmousedown=right;
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=right;
// --></script>



Para hacer la Página de Inicio

<a href="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.elhacker.net');return false">Página de inicio</a> 



Varias frases o texto desplanzadose por el status


<head>
<SCRIPT>

<!--


var ShowString = " " //La primera linea tiene que estar en blanco

+ "Aqu&iacute; la frase 1 " //Puedes a&ntilde;adir mas frases, aparte de estas 3

+ "Aqu&iacute; la frase 2 "

+ "Aqu&iacute; la frase 3 "

+ "Ejemplo de otra frase "

var ShowWidth = 100

var ShowHead = 0

var ShowTail = ShowWidth

var ShowLength = ShowString.length


function Marquee ()

{

var DisplayString

if (ShowHead < ShowTail)

DisplayString = ShowString.substring(ShowHead, ShowTail)

else

DisplayString = ShowString.substring(ShowHead, ShowLength)

+ ShowString.substring( 0, ShowTail)


ShowHead = (ShowHead + 1 ) % ShowLength

ShowTail = (ShowTail + 1 ) % ShowLength


window.status = DisplayString


TimerID = setTimeout("Marquee()", 100) //Cambia el numero para cambiar la velocidad

}

//-->

</SCRIPT>
</head>



El navegador o el proxy no guarde la página web en caché

<META HTTP-EQUIV="pragma" content="no-cache">
<!--si guarde cache -->
<META HTTP-EQUIV="pragma" content="cache">





Ventana de alerta

<script language="JavaScript">
alert("Texto del Mensaje");
</script>


Deshabilitar botón derecho del Mouse y letras de teclado


<SCRIPT language=JavaScript>
<!--
var message="La copia está prohibida"; //Boton derecho
function click(mouse) {
if (document.all) {
if (event.button==2||event.button==3) {
alert(message);
return false;
}
}
if (document.layers) {
if (mouse.which == 3) {
alert(message);
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MouseDown); //Teclado
function keypressed() {
alert("Tecla no permitida");
}
}
document.onmousedown=click;
document.onkeydown=keypressed;
// -->
</SCRIPT>
</P></BODY></HTML>




Contraseña sin campo de texto.


<SCRIPT language=JavaScript>
var SpecialWord = "elhacker.net",
SpecialUrl = "http://www.elhacker.net",
SpecialLetter = 0;
function getKey(keyStroke) {
var isNetscape=(document.layers);
var eventChooser = (isNetscape) ? keyStroke.which : event.keyCode;
var which = String.fromCharCode(eventChooser).toLowerCase();
if (which == SpecialWord.charAt(SpecialLetter)) {
SpecialLetter++;
if (SpecialLetter == SpecialWord.length) window.location = SpecialUrl;
}
else SpecialLetter = 0;
}
document.onkeypress = getKey;

</SCRIPT>



Abrir pagina en la barra de búsqueda


<a href="http://www.elhacker.net" target="_search">Abrir en la barra de busqueda.</a>
Ventana de alerta

<script language="JavaScript">
alert("Texto del Mensaje");
</script> 
 


Deshabilitar botón derecho del Mouse y letras de teclado



<SCRIPT language=JavaScript>
<!--
var message="La copia está prohibida"; //Boton derecho
function click(mouse) {
if (document.all) {
if (event.button==2||event.button==3) {
alert(message);
return false;
}
}
if (document.layers) {
if (mouse.which == 3) {
alert(message);
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MouseDown); //Teclado
function keypressed() {
alert("Tecla no permitida");
}
}
document.onmousedown=click;
document.onkeydown=keypressed;
// -->
</SCRIPT>
</P></BODY></HTML>



Contraseña sin campo de texto.


<SCRIPT language=JavaScript>
var SpecialWord = "elhacker.net",
SpecialUrl = "http://www.elhacker.net",
SpecialLetter = 0;
function getKey(keyStroke) {
var isNetscape=(document.layers);
var eventChooser = (isNetscape) ? keyStroke.which : event.keyCode;
var which = String.fromCharCode(eventChooser).toLowerCase();
if (which == SpecialWord.charAt(SpecialLetter)) {
SpecialLetter++;
if (SpecialLetter == SpecialWord.length) window.location = SpecialUrl;
}
else SpecialLetter = 0;
}
document.onkeypress = getKey;

</SCRIPT> 



Abrir pagina en la barra de búsqueda


<a href="http://www.elhacker.net" target="_search">Abrir en la barra de busqueda.</a>



Para las intros:



Para la imagen de fondo:


<style type="text/css">

<!--
body{background-image:url(aki la url de la imagen que quieres de fondo);

--></style> 


Fondo negro:

<head>
<style type="text/css">
<!--
body {
   background-color: #000000;
   color: #000000;
   font-size: 10px;
   margin: 0;
   font-family:  tahoma, verdana, arial;
}
//-->
</style>
</head>




 
  Hoy habia 1 visitantes (11 clics a subpáginas) ¡Aqui en esta página!  
 
Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis