Codigos

CAMARA DE VIGILANCIA: Con este codigo podras tener una camara que vigila justo como la que vez del lado derecho superior en mi pagina un codigo muy simple solo pegalo en texto por debajo de la pagina.


<div style="text-align: center;"><a href="http://www.youtube.com/user/RHM901"

_fcksavedurl="http://www.youtube.com/user/RHM901" style="right: 0px; position:

fixed; top: 0px;"><img src="http://www.imagenesanimadas.net/Tecnologia/Camaras-

Vigilancia/Camaras-01.gif"

_fcksavedurl="http://www.imagenesanimadas.net/Tecnologia/Camaras-

Vigilancia/Camaras-01.gif" alt="" /></a></div>

QUITAR MENU EN DISEÑO CSS: Cuando ponemos algun diseño css en nuesta pagina web veremos que el menu por defecto no se borra, lo cual hace ver mal el diseño hoy les traigo este codigo con el cual podran borrar el menu que viene por defecto en la pagina. Para que puedas tener tu diseño css libre del molesto menu de fabrica, este codigo se pone en el css sin style en editar diseño. 


table {margin-left:auto;margin-right:auto;}

lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

CENTRAR PAGINA: Con este codigo podremos centrar nuestra pagina para que todos los usuarios al momento de entrar vean perfectamente alineada nuestra web sin importar que navegador sea el que esten usando un codigo eficaz para mejorar el aspecto de nuestra web pegalo en texto por encima de la pagina.


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

IMAGEN DE FONDO SIN MOVIMIENTO: Con este codigo podras poner una imagen de fondo en tu pagina web que al momento de deslizarnos por la pagina dara el efecto que no se mueve la imagen tal como estas viendo en esta pagina, un codigo muy bueno para mejorar nuestra web recuerda utilizar imagenes con resolucion de 1024 x 768 para lograr mejores resultados, pegalo en texto por encima de la pagina.


<style>
body
{
background-image: url(URL DE LA IMAGEN AQUI);
background-repeat: no-repeat;
background-attachment: fixed
}
</style>

CAJA DE TEXTO: Con este codigo podras poner una caja de texto en tu pagina web para que puedas colocar algun contenido importante que desees que tus usuarios copien, y ademàs le dara un estilo muy profesional a tu pagina pega el codigo en la fuente HTML.

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

PALABRA NEW EN EL MENU: Con este codigo podras poner la palabra new en tu menu como seguro habras visto en otras paginas, simplemente copia este codigo al momento de crear una seccion en editar paginas, en la parte de arriba donde pones el nombre por ejemplo chat seguido del codigo sin dejar espacios.

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

MENU DESPLEGABLE: Con este codigo podras poner un menu desplegable justo como el que vees en mi pagina lo cual le dara un efecto mucho mejor y ahorraras espacio en tu web sin tener tantos links de mas, pero ojo este codigo no es para todos sino tienes conocimientos previos en diseños css no lo uses ya que puedes arruinar tu diseño. RHM901 no se hace responsable por el mal uso de este codigo que los usuarios le den.


<form>
<SELECT NAME="urldestino">
<option selected>--- M E N U ---
<option value="http://goldentags.es.tl" >Goldentags.es.tl
<option value="seccion1.html">Album de fotos
<option value="seccion2.html">Textos interesantes
<option value="seccion3.html">Noticias
<option value="seccion4.html">Novedades
<option value="seccion5.html">Mi diario
</SELECT>
<input type="button" value="IR" onClick="location=this.form.urldestino.value" name="button">
</form>

MENSAJE DE BIENVENIDA: Con este codigo podras poner un mensaje de bienvenida en ti web esto es para que todos tus usuarios al momento de entrar vean un saludo como por ejemplo Gracias por visitarnos para darle al usuario una experiencia mas cercana con el autor, pegalo en texto por encima de la pagina. 


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

MENSAJE DE DESPEDIDA: Con este codigo haras lo contrario que el codigo anterior este codigo les dara un mensaje de despedida a todos tus usuarios al momento de abandonar tu pagina, pegalo en texto por debajo de la pagina.

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

EVITAR QUE TE ROBEN CONTENIDO: Con este codigo podras evitar que las personas roben tu contenido como tus palabras o descripciones que hayas puesto en tu web, al momento de presionar CTRL + C les saldra un mensaje de material protejido para mayor seguridad usalo junto con el extra llamado bloqueo con el boton derecho, pega este codigo en texto por encima de la pagina.

<body oncontextmenu = "alert('Material Protegido');return false;" onselectstart = "alert('Material Protegido');return false;" onkeydown="alert('Material Protegido');return false;" ondragstart = "alert('Material Protegido');return false;"></body>

TV EN TU PAGINA: Con este codigo podras tener television en tu pagina para que tus usuarios disfruten mas de tu pagina brindandoles una gran variedad de canales internacionales pega este codigo en la fuente HTML de una nueva pagina.


<strong>.::TV ONLINE 24 HORAS---WWW.LADISKOTEKA.COM---::.</strong>
<p>&nbsp;</p>
<p align="left"><strong><font size="1" face="Verdana"><img width="20" height="14" alt="Bandera de Argentina" src="http://tvstation.iespana.es/images/ar.gif" /> <a target="tv" href="http://tvstation.iespana.es/argentina.html"><font color="#ff9900">Argentina</font></a><br />
<img width="20" height="14" alt="Bolivia" src="http://tvstation.iespana.es/images/bo.gif" /> <a target="tv" href="http://tvstation.iespana.es/bolivia.html"><font color="#ff9900">Bolivia</font></a><br />
<img width="20" height="14" alt="Chile" src="http://tvstation.iespana.es/images/cl.gif" /> <a target="tv" href="http://tvstation.iespana.es/chile.html"><font color="#ff9900">Chile</font></a><br />
<img width="20" height="14" alt="Colombia" src="http://tvstation.iespana.es/images/co.gif" /> <a target="tv" href="http://tvstation.iespana.es/colombia.html"><font color="#ff9900">Colombia</font></a><br />
<img width="20" height="14" alt="Costa Rica" src="http://tvstation.iespana.es/images/cr.gif" /> <a target="tv" href="http://tvstation.iespana.es/costarica.html"><font color="#ff9900">Costa Rica</font></a></font></strong><br />
<strong><font size="1" face="Verdana"><img width="20" height="14" alt="Cuba" src="http://tvstation.iespana.es/images/cu.gif" /> <a target="tv" href="http://tvstation.iespana.es/cuba.html"><font color="#ff9900">Cuba</font></a><br />
<img width="20" height="14" alt="El Salvador" src="http://tvstation.iespana.es/images/sv.gif" /> <a target="tv" href="http://tvstation.iespana.es/elsalvador.html"><font color="#ff9900">El Salvador</font></a><br />
<img width="20" height="14" alt="Banderas Animadas de Espa&ntilde;a" src="http://tvstation.iespana.es/images/es.gif" /> <font color="#ff9900"><a target="tv" href="http://tvstation.iespana.es/espana.html"><font color="#000000">Espa&ntilde;a</font></a></font><br />
<img width="20" height="14" alt="M&eacute;xico" src="http://tvstation.iespana.es/images/mx.gif" /> <a target="tv" href="http://tvstation.iespana.es/mexico.html"><font color="#ff9900">Mexico</font></a><br />
<u><a target="tv" href="http://tvstation.iespana.es/panama.html"><font color="#ff9900"><img width="20" height="14" alt="Panama" src="http://tvstation.iespana.es/images/pa.gif" />Panama</font></a></u><br />
<img width="20" height="14" alt="Per&uacute;" src="http://tvstation.iespana.es/images/pe.gif" /> <u><a target="tv" href="http://tvstation.iespana.es/peru.html"><font color="#ff9900">Peru</font></a></u><br />
<img width="20" height="14" alt="Puerto Rico" src="http://tvstation.iespana.es/images/pr.gif" /> <u><a target="tv" href="http://tvstation.iespana.es/puertorico.html"><font color="#ff9900">Puerto Rico</font></a></u><br />
<img width="20" height="14" alt="Republica Dominicana" src="http://tvstation.iespana.es/images/do.gif" /> <u><a target="tv" href="http://tvstation.iespana.es/repdom.html"><font color="#ff9900">Rep. Dom.</font></a></u><br />
<img width="20" height="14" alt="Uruguay" src="http://tvstation.iespana.es/images/uy.gif" /> <font color="#ff9900"><u><a target="tv" href="http://tvstation.iespana.es/uruguay.html">Uruguay</a></u></font><br />
<u><a target="tv" href="http://tvstation.iespana.es/venezuela.html"><font color="#ff9900"><img width="20" height="14" alt="Venezuela" src="http://tvstation.iespana.es/images/ve.gif" /><font color="#ff9900">Venezuela</font></font></a></u></font></strong></p>
<p align="center"><a target="tv" href="http://tvstation.iespana.es/intro.htm"><img width="80" height="21" border="0" alt="" src="http://www.pandasoftware.com/activescan/imagenes/imageneses/bot_detener_over.gif" /></a></p>
<iframe width="438" height="356" style="border: 2px solid rgb(0, 0, 0); width: 438px; height: 356px;" name="tv" src="http://mx.geocities.com/ladiskotk/tvonline.html"></iframe>
<p align="center">&nbsp;</p>
<object type="application/x-shockwave-flash" data="http://www.99counters.com/counters.swf?id=22037&ln=es" width="120" height="160" wmode="transparent"><param name="movie" value="http://www.99counters.com/counters.swf?id=22037&ln=es" /><param name="wmode" value="transparent" /><embed src="http://www.99counters.com/counters.swf?id=22037&ln=es" type="application/x-shockwave-flash" wmode="transparent" width="120" height="160"></embed><br><a href="http://www.onlinecasinoextra.com/">casino</a> <a href="http://es.99counters.com/">Contador De Visitas</a></object>

PONER UN POP UP EN TU WEB: Con este codigo podras hacer que al momento de entrar a tu pagina se abra otra pagina automaticamente esto es muy util para cuando quieres mostrar una nueva seccion o algun otra pagina de tu propiedad, dentro del codigo veras que aparece la url de mi pagina, reemplazalo por el url de la tuya y pega este codigo en la fuente HTML de la pagina principal de tu web.

<script language='JavaScript'>window.open('http://goldentags.es.tl', 'geoflotante', '');</script>

LETRAS DEL BOX EN MOVIEMIENTO: Con este codigo podras ponerle movimiento a las letras de los box como puedes ver en los box de esta pagina en el lado derecho, entra en tu web, en editar diseño y donde dice titulo del box pega este codigo, donde dice escribe lo que quieres reemplazalo por el titulo que tu quieras y veras como se mueve el titulo de tus box.

<marquee>ESCRIBE AQUI LO QUE QUIERAS</marquee>

IMAGEN EN LA PARTE INFERIOR IZQUIERDA: Con este codigo podras poner una imagen en la parte inferior izquierda de la pantalla que al momento de darle clic llevara a los usuarios a otra seccion de tu pagina, donde dice url del sitio pon la direccion de la pagina que quieres, y donde dice url de la imagen pon el url de la imagen que quieres mostrar, pegalo en texto por debajo de la pagina en editar diseño.


<a href='URL DEL SITIO WEB' _fcksavedurl='URL DEL SITIO WEB'style='display:scroll;position:fixed;bottom:0px;left:0px;'> <img src='URL DE LA IMAGEN' _fcksavedurl='URL DE LA IMAGEN' _fcksavedurl='URL DE LA IMAGEN'/></a>

IMAGEN EN LA PARTE INFERIOR DERECHA: Con este codigo podras poner una imagen en la parte inferior derecha de la pantalla que al momento de darle clic llevara a los usuarios a otra seccion de tu pagina, donde dice url del sitio pon la direccion de la pagina que quieres, y donde dice url de la imagen pon el url de la imagen que quieres mostrar, pegalo en texto por debajo de la pagina en editar diseño.


<<a href='URL DEL SITIO WEB' _fcksavedurl='URL DEL SITIO WEB'style='display:scroll;position:fixed;bottom:0px;right:0px;'> <img src='URL DE LA IMAGEN' _fcksavedurl='URL DE LA IMAGEN' _fcksavedurl='URL DE LA IMAGEN'/></a>

IMAGEN CON LINK: Con este codigo podran poner una imagen con link, es decir una imagen que al darle clic dirijira a los usuarios a alguna pagina que nosotros queramos en el codigo dira url de la imagen aqui ahi debes de poner el url de la imagen que desees y donde dice url de la pagina aqui pones el url de la pagina que sera el destino y lo pegas en la fuente HTML de la pagina que desees.

<a href="URL_DEL_SITIO" target="_self"> <img src="URL_DE_TU_IMAGEN" border="0" alt="" /> </a>

IMAGEN DE FONDO CON MOVIMIENTO: Este codigo es lo contrario al fondo sin movimiento con este codigo podran poner una imagen de fondo pero al momento de bajar por la pagina veran que si se mueve este codigo es ideal para aquellas imagenes de resolución pequeña las cuales quedan excelentes con este codigo, luego de terminar pegalo en texto por encima de la pagina.


<style type="text/css">
body
{
background-image:
url(PONER URL DE IMAGEN AQUI)
}
</style>

PROBADOR HTML: Con este codigo podras poner un probador de codigos en tu pagina web, descarga el codigo y pegalo en la fuente html de una nueva pagina, es decir si descargas un codigo de mi pagina y lo quieres probar antes de usar pones el codigo en el probador y veras el resultado muy util para los codigos.

 <!-- Goldentags,YonkoChileWebRox -->
<script>
function probar(texto) {
ventana = window.open('', 'popup', '');
ventana.document.write(texto);
}
</script>
<form action="" name="probador">
<font face="Verdana" size="2">Esto es un probador de c&oacute;digos, inserta el c&oacute;digo HTML y te dar&aacute; el resultado en una ventana nueva!<hr />
</font><textarea rows="10" cols="50" name="texto"></textarea><font face="Verdana" size="2"> <br />
</font><input type="button" onclick="probar(texto.value)" value="Convertir" /><font face="Verdana" size="2"> </font>
</form>

IMAGEN GIF 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://goldentags.es.tl"><img src="http://img.webme.com/pic/c/chatroh/8484484848484.gif" alt="Welcome" width="300" height="100" border="0" /></a>

TRANSFORMAR EL CURSOR EN UNA MIRA: Con este codigo podras transformar en tu web el clasico cursor de flecha en uno de mira de disparo lo que le dara una excelente apariencia al cursor al pasar por tu pagina un codigo recomendado, pegalo en la fuente HTML de las paginas que quieres que se vea este cursor.

 <style type="text/css">
<!--
body { cursor: crosshair}
-->
</style>

RECOMENDAR WEB: Con este codigo podras poner un boton que dira enviar esta pagina a un amigo esto es para que los usuarios puedan recomendar tu pagina a sus conocidos o familiares, solo deben ingresar el correo de la persona deseada y ellos recibiran un correo con la direccion de tu pagina.

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

LUCES EN LOS LADOS: Con este codigo podras poner luces laterales en tu pagina web que brillaran de una manera sorprendete pero este codigo solo funciona con la plantilla Ice blue de las paginas gratis y no funciona bien con el codigo de imagen de fondo, pegalo en texto por debajo de la pagina en editar 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>


CODIGO TRANSPARENTE: Con este codigo podras lograr la transparencia tanto del menu como de los box, y tendras un diseño como de truenos para el marco de este espectacular diseño, un diseño original de RHM901 muy facil de implantar pegalo en texto del 1 box derecha, pero ojo este diseño es solo para la plantilla ice blue.


 <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: url();width: 15%;}
td.nav_heading{background-image: url(http://img.webme.com/pic/s/success4you/realflashdown.gif);height: 33px;padding-left: 27px;font-size: 14px;font-weight: bold;}
td.nav{background-image: url();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: url();width: 100%;}
td.edit_content_top{height: 33px;background-image: url(http://img.webme.com/pic/s/success4you/realflashdown.gif);font-size:14px;font-weight:bold;text-align: center;}
td.edit_content{background-image:url();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(http://img.webme.com/pic/s/success4you/realflashdown.gif);height: 33px;}
td.edit_content_bottom2{background-image: url();height: 38px;}
td.headline2{visibility: hidden;}

/*Rechte Boxen*/
td.sidebar_heading{background-image: url(http://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: url();background-color: transparent;border: transparent;}
td.edit_rechts_bottom{background-image: url();width: 15%;}
td.edit_rb_footer{background-image: url();}
/*Rechter Streifen*/
td.edit_rechts_sbg{background-image: url();visibility: hidden;position: absolute;right: 0px;}
--> </style>

27 comentarios:

  1. esta quedanto bien tu web amigo estos nos ayudara mucho Felicidades!

    ResponderEliminar
  2. me ayudaste bastante pero... podrias decirme como hacer una portada? les dejo mi pagina: http://sayajinword.es.tl/

    ResponderEliminar
  3. como puedo comunicarme con usted necesito su ayuda me llamo mario mi numero es 786-470-5655 o correo djmariomix17@yahoo.com

    ResponderEliminar
  4. Oye Muy Buena Tu Pagina sigue asi y pon mas codigos si puedes

    ResponderEliminar
  5. UNA PREGUNTA DONDE ESTA LA FUENTE HTML XQ NO LA ENCUENTRO AYUDA X FIS

    ResponderEliminar
  6. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  7. ey chequen mi web diganme su opinion por favor http://animesuperfan.es.tl/

    ResponderEliminar
  8. este no me anda
    IMAGEN DE FONDO SIN MOVIMIENTO:

    ResponderEliminar
  9. Hola muchas gracais por todo me haz ayudado mucho y por eso queria preguntarte algo no sabrás como poner un reproductor de música, probé con la música de fondo pero es mejor poder darle la opción al usuario de que detenga la música si lo desea espero me puedas ayudar

    ResponderEliminar
  10. hola oiie puedes visitar mi pagina http://www.Hip-HopRaperS.es.tl por fa y desirme como me va qedando porfaa gracias!!!!!!!!!!

    ResponderEliminar
  11. amigo en que parte pongo el del CODIGO TRANSPARENTE: se que dice en el texto del 1 box derecha pero hay sale "texto simple""encuesta""reloj""entrar""lista top" en cual la pongo plis

    ResponderEliminar
  12. hola visiten mi pagina grax a ti tengo todo visitala :D http://dragonballguiaonline.es.tl

    ResponderEliminar
  13. Hola amigo tengo un inconveniente es que a la hora de utilizar el código de los botones trasparentes no me funciona y pues necesito este código ya que los cuadros de la pagina son un poco feos y me gustaría que quedara mas presentable (http://induexpo.es.tl/, acá le dejo mi pagina web para que la mire), gracias por la ayuda y buena pagina (Y).

    ResponderEliminar
  14. hOLA ME GUSTO MUCHO TU SITIO WEB Y TUS VIDEOS PERO ALGUNOS VIDEOS TULLOS ESTAN RETRASADOS UN ERA DEL 2013 Y OTRO DEL 2011 :l HACI QUE ALGUNOS TUTORIALES TULLOS NO PODIA HACER TUS PASOS POR QUE AGUNAS PAGINAS NO EXISTIAN :D PERO ME GUSTO

    ResponderEliminar
  15. mira si puedes arreglar el codigo de television que no muestra nada y lo pege bien

    ResponderEliminar
  16. oa me urge que me ayudes por mas que veo tus videos no me quedan bien me ayudas me urge andale salulos surenitaL9 es el face

    ResponderEliminar
  17. hola donde consigo un codigo para reproductor de mi radio

    ResponderEliminar
  18. me podrian decir cual es la fuente html de una nueva pagina

    ResponderEliminar
  19. oye podria ser mejor si dejaras en cada descriccion de cada codigo y link donde se pondran los que no explicas en los videos seria mucho mejor gracias

    ResponderEliminar
  20. Esta severa su pagina amigo gracias por los codigos

    ResponderEliminar
  21. wenas miren yo keria un codigo paea que ni wesalga en gogle sine algo an clan.leclipsel@gmail.com

    ResponderEliminar
  22. Exelente pagina broth felicidades me sirvio mucho

    ResponderEliminar