30 De Julio, De 2011
Contenido De La Noticia...
xX- Gigaprogramas
codigos web2
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>
<!--
body { cursor: crosshair}
-->
</style>
LIBRO DE VISITAS: Con este codigo podremos crear un libro de visitas para que cualquier visitante llene las casillas con todos sus datos, una vez hecho esto al presionar el boton enviar sus datos seran enviados a nuestro correo electronico. es como que los usuarios se registren en nuestra pagina. Pega este codigo en el block de notas y donde dice aqui tu correo, debes de poner tu correo electronico y pegalo en la fuente HTML.
<TABLE>
<TD ALIGN=RIGHT>Nombre:</TD>
<TD><INPUT type="text" size=36 name="nombre"></TD>
<TR><TD ALIGN=RIGHT>Direccion E-mail:</TD>
<TD><INPUT type="text" size=36 name="direccion"></TD>
<TR><TD ALIGN=RIGHT>como llegaste hasta esta pagina?</TD>
<TD><INPUT type="text" size=36 name="procedencia"></TD>
<TR><TD ALIGN=RIGHT>Tus comentatios:</TD>
<TD><TEXTAREA rows=5 cols=30 name="comentarios"></TEXTAREA></TD>
</TABLE>
<INPUT type="reset" value="Borrar todo"> <INPUT type="submit" value="Enviar">
</FORM>
<TD ALIGN=RIGHT>Nombre:</TD>
<TD><INPUT type="text" size=36 name="nombre"></TD>
<TR><TD ALIGN=RIGHT>Direccion E-mail:</TD>
<TD><INPUT type="text" size=36 name="direccion"></TD>
<TR><TD ALIGN=RIGHT>como llegaste hasta esta pagina?</TD>
<TD><INPUT type="text" size=36 name="procedencia"></TD>
<TR><TD ALIGN=RIGHT>Tus comentatios:</TD>
<TD><TEXTAREA rows=5 cols=30 name="comentarios"></TEXTAREA></TD>
</TABLE>
<INPUT type="reset" value="Borrar todo"> <INPUT type="submit" value="Enviar">
</FORM>
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 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 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>
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>
/* 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>
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;">
Hoy habia 10 visitantes 
Menu