<
   
  ReparoPunto-Pc
  Codigos HTML
 


ABRIR WEB CON 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>
 


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

<marquee>Aqui escrie lo k kieas</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.

<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ÑOS TRANSPARENTES.
 
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 No olviden ser originales y no piratear el codigo ya que es de mi propiedad y su uso es personal.

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




 


IMAGEN CON LINK.

Con este codigo podran poner una imagen con link es decir si quieren poner una imagen que al darle click los redirija a otra pagina solo copien este texto en el bock de notas y sigan los pasos poner el url de la imagen y el url del sitio y copienlo en la fuente HTML. 

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


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




CAJAS DE TEXTO.
 
Con este codigo podran poner cajas de texto como las que ven aqui solo deben de copiar el codigo y pegarlo en la fuente HTML donde deseen que aparezca la caja de texto.

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


 



CAMARA DE VIGILANCIA.
 
Con este codigo podran tener una camara web como la que aparece en la esquina superior derecha de mi pagina web solo deben de copiar este codigo en texto por debajo de la pagina en editar diseño.

<div style="text-align: center;"><a href="http://www.youtube.com/user/talivand28" _fcksavedurl="http://www.youtube.com/user/thefrancis123456" _fcksavedurl="http://talivand.es.tl/%5B__%3ESalamandra-Server%3C__%5D.htm#comment" style="right: 0px; position: fixed; top: 0px;"><img src="http://img150.imageshack.us/img150/9631/camaras01pe3.gif" _fcksavedurl="http://img150.imageshack.us/img150/9631/camaras01pe3.gif" _fcksavedurl="http://img150.imageshack.us/img150/9631/camaras01pe3.gif" alt="" /></a></div>


 
 

 
  Hoy habia 1 visitantes¡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