sanmartin tutoriales - Codigos html

CODIGOS HTML

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.

descargar codigo : mega.co.nz/#!I1g1XSQT!8Zqaxfs5f15xRuPAwXeHmFied2edqiNBoWfJfchygrU

Buscador de google en tu web Con este codigo podras poner el famoso buscador de google en tu web

descargar codigo : mega.co.nz/#!olYhGCBS!TwUERzs1-vSEI9mWbHSU8Mk0jfRux1WxwfIBosRr66Q

Texto parpadeante con este codigo el texto que quieras parpadeara en un marco, un exelente codigo

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.

<div style="text-align: center;"><a href="http://

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

descargar codigo : mega.co.nz/#!ZlJi3QjZ!2eTEr-IVBNx1XMfP1MalsA24kuhPn1z8QzYvjdOxtow

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

descargar codigo : mega.co.nz/#!4kgwGapB!420gwa7bptcYvRHqJExbvgNLsnsexzVaU1q0Lk-Tix4

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.

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>

descargar codigo : mega.co.nz/#!R0xxmYTS!CjMufN-1a2qMtJyPF6TGQAKHGHCkjWVL-1Azais_Sx0

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>

descargar codigo: mega.co.nz/#!8ow1EJRS!oTFu500bCZ-ENpmbc9mGEsJ3SgFCdXmYP45gb_x5P1E

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>

descargar codigo: mega.co.nz/#!8ow1EJRS!oTFu500bCZ-ENpmbc9mGEsJ3SgFCdXmYP45gb_x5P1E

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')">

descargar codigo : mega.co.nz/#!0k4GTQaK!_6ymGiZRB2S9kI80FtfmPh1uyPTw7DF_97PRNzsu-P0

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 ^^')">

descargar codigo : mega.co.nz/#!5lohjQLJ!bBBUZIPw1axtHad6G2btoZ0miG8DIlLxDtO_ucEF-f4

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>

descargar codigo: mega.co.nz/#!QlwwwaID!ahcDabPNDL6O4zhjiilHzLaH8WEFDQhb5gjrK1eZ0Bk

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.

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>

descargar codigo : mega.co.nz/#!Y1Bm0KwK!AiAG3Nw-AKj7GAX6RqUXETJ-__Uz1ZUSxRPSoidONHs

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>

descargar codigo : mega.co.nz/#!Bg4lBabb!s2KqBYM229dKimCowT_BaXo3FJ5y_tRukDcKlATS78Q

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>

descargar codigo: mega.co.nz/#!stJzgYgQ!-ZCqFoIAMmvUI5ryeYekBZTr7B1uFKSEJQ4DLJRIyS4

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>

descargar codigo: mega.co.nz/#!dpYWjZZB!kwtPA-Zjv3nYDuOykLebEdmKSDQpmya95w7-cMgYdpI

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.

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.

<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ódigos, inserta el código HTML y te dará 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>

descargar codigo: mega.co.nz/#!MoZwjbrb!ZJVFB_cJc0DLsw9_twGZJsHCcLEry2IRnsq5PCkLN0I

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="https://img.webme.com/pic/c/chatroh/8484484848484.gif" alt="Welcome" width="300" height="100" border="0" /></a>

descargar codigo: mega.co.nz/#!5gxAhDDY!rrTiqGGRx70EO-6lD3oo79Covn3JCLHYm3PehZk4mJU

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.

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

descargar codigo : mega.co.nz/#!s0gCXCDI!HrvuP4F51MFROoiTfoOR30bec642-dm_sL5gGLscGmU

como quitar la publicidad de tu pagina web con este codigo podras quitar la publicidad que se pone en tu pagina web

<table width="100%" cellpadding="0px" cellspacing="0px"><tr><td>

<div class="box_profile_info_small_content">

<style type="text/css">

GK-TM{sitio-web:http://www.robney.us;}

iframe {display:none;}#search_table {display:none;}.scrollable {display:none;}.box_profile_connections

{display:none;}#p_nav_header {display:none;}#footer {display:none;}

</style>

<style type="text/css">

GK-TM{sitio-web:http://www.robney.us;} .bg_content, .heading_profile { background-color: transparent !important;

background-image:none; background-repeat: no-repeat; } body { background-color: #000000; background-position: top

left;background-repeat:no-repeat; background-attachment: fixed; } #p_center{ background-color: transparent !important;

background-image:none; background-attachment:fixed; background-position: center center; background-repeat: no-repeat; }

.window_content, .box_profile_picture_links{ background-color: transparent; background-image:none;}

</style>

<b style=

";left:0px;top:0px; font-family:Arial; text-decoration:none; font-size:9px;">

</b>

</div>

</td></tr></table>

descargar codigo : mega.co.nz/#!445hiTjI!vYT9mAuKdJC2a0xGdCaFLCGFbvVTuBfhSeQTczTZ3a0

Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?

Registrarse gratis