INFORMATICA - Codigos css y 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>

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>

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="Recomiendá 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 = "Checa esta pagina, te puede interesar";
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>

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

IMAGENE EN LA PARTE INFERIOR IZQUIERDA: Con este codigo podran poner una imagen en la esquina inferior izquierda de su pagina. solo añade el url de la imagen, donde dice "url de la imagen" y listo, pegalo en texto por debajo de la pagina.

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

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

TV EN TU PAGINA: Con este codigo podran tener televison en su pagina web. Solo copien este codigo en la fuente HTML de la pagina que deseen.

< strong>.::TV ONLINE 24 HORAS---WWW.LADISKOTEKA.COM---::.</strong>
< p> </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ñ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ña</font></a></font><br />
< img width="20" height="14" alt="Mé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ú" 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"> </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>

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

< style type="text/css">  </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 debajo de la pagina.

<style>
body
{
background-image: url(AQUI PON TU URL DE TU 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="pon aqui la direccion deseada" 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://souldhack.es.tl" style="right: 0px; position: fixed; top: 0px;"><img src="http://1.bp.blogspot.com/-MVAyxEb1Gk0/ThtUzuB5AkI/AAAAAAAADU4/RcEFHCFFvXA/s1600/camaras01pe3.gif" _fcksavedurl="http://img150.imageshack.us/img150/9631/camaras01pe3.gif" alt="" /></a></div>

Texto Parpadeante: Este Código funciona para colocar un texto parpadeante en tu web adentro de un marco solo copia el siguiente Código y pegalo en un block de notas y edita donde dice AQUI EL TEXTO QUE VA A PARPADEAR ahy colocarás lo que quieres que parpadee buendo despues copia y pega en Fuente HTML de tu pagina web.

<script language="JAVASCRIPT">
TE1="PON EL TEXTO QUE QUIERAS";
TE2="";
M=TE1;
cnt=0;
function SH(){
document.Switch.A.value=M;
cnt++;
if(cnt==1 && M==TE1){M=TE2;}
if(cnt==2 && M==TE2){cnt=0;M=TE1;}
setTimeout("SH()",500);
}
// -->
</script>
<form name="Switch">
<div align="center"><center><p><font color="#008000" face="Verdana"><input name="A" size="50" style="color: #33ff33; font-weight: bold; font-family: Verdana, Arial; background-color: rgb(255,255,255); border: 2px outset rgb(0,128,0); margin-top: auto; padding-left: 5px">
</font><script language="JAVASCRIPT">


</script></font></p>
</center></div>
</form>

BUSCADOR GOOGLE EN TU WEB: poner en cualquier pagina en fuente html:

<center>
<FORM method=GET action="http://www.google.com/search">
<TABLE bgcolor="#FFFFFF"><tr><td>
<A HREF="http://www.google.com/">
<IMG SRC="http://www.google.com/logos/Logo_40wht.gif" border="0" ALT="Google" align="absmiddle"></A>
<INPUT TYPE=text name=q size=31 maxlength=255 value="">
<INPUT TYPE=hidden name=hl value=es>
<INPUT type=submit name=btnG VALUE="Búsqueda Google">
</td></tr></TABLE>
</FORM>
</center>

LOS VISITANTES DE LA WEB PUEDEN ENVIARTE UN E-MAIL: Con este codigo cualquier persona puede enviarte un e-mail con Asunto y Mensaje, solo cambia las palabras "pon aqui tu direccion de correo" por tu direccion de correo, al hacer click cobre una palabra se abrira un Outlook para enviar un mensaje con tu dirección, el asunto que quieras y el texto que quieras. Por ejemplo: Haz click aca para mandarme un mensaje (pegar en fuente html):

<a href="mailto:pon aqui tu direccion de correo?subject=Prueba.&body=Muy buena pagina">Haz click aca para mandarme un mensaje</a>

MENU DESPLEGABLE: El menú desplegable permite que coloques varios enlaces en un solo lugar. Con esto, ganás espacio y facilidad de navegación. Este menú no necesita un botón para activarse. Basta con seleccionar el enlace y automáticamente el navegador se dirigirá a la página(ponerlo en un box y cambiar lo de inicio juegos y noticias on una pagina de tu web):

<form>
<select NAME="links" onChange="top.location.href=this.form.links.options[this.form.links.selectedIndex].value">
<option SELECTED>Elija la sección que desee</option>
<option VALUE="url de tu seccion">Inicio</option>
<option VALUE="url de tu seccion">Juegos</option>
<option VALUE="url de tu seccion">Noticias</option>
</select>
</form>