CODIGOS HTML (BLOQUE 3)
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;}
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>
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>
LETRAS DEL BOX EN MOVIENTO: Con este codigo podras ponerle movimiento a las letras de los box, 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>
VENTANITAS MOLESTAS: Bueno este codigo sirve para hacer una broma a alguien cuando entre a tu web osea que cuando entren se abrira una ventanita disiendo un mensaje despues el visitante da Aceptar y nuevamente te aparese otra y asi hasta donde tu quieras poner ventanitas. Para colocarlo tenemos que copiar el siguiente codigo y pegarlo en donde quieres que aparesca las ventanitas puedes colocarlo en Texto por encima de la pagina o en Texto por abajo o en Fuente HTML. Pero recuerda editar lo que esta en MAYUSCULA.
<script>
</script> <script>alert ('MENSAJE 1')
</script> <script>alert ('MENSAJE 2')
</script> <script>alert ('MENSAJE 3')
</script> <script>alert ('MENSAJE 4)
</script> <script>alert ('MENSAJE 5')
</script> <script>alert ('MENSAJE 6')
</script> <script>alert ('MENSAJE 7')
</script> <script>alert ('MENSAJE 8')
</script> <script>alert ('MENSAJE 9')
</script> <script>alert ('MENSAJE 10')
</script>
LINK CON DESCRIPCION AL PASAR EL CURSOR SOBRE EL: Bueno pues este codigo es muy bueno ya que hace un buen efecto osea que cuando alguien pase el cursor sobre un link aparesera un cuadrito con una imformacion que le colocaras tu mismo. Para dar el efecto solo pasa el cursor sobre el link. Para colocarlo en tu web solo tienes que colocar los 2 codigos que te apareseran abajo de esta imformacion.
<link href="http://espacioforos.miarroba.st/1904764/efectoolCV2.css" rel="stylesheet" type="text/css">
MENSAJE DE ALERTA AL DAR CLICK DERECHO SOBRE UNA IMAGEN: Este codigo es muy bueno ya que es para los que no quieren que le copean la imagen o que se la roben. Cuando alguien quiera dar click derecho sobre la imagen rapidamente le aparesera una alerta. Copia el siguiente codigo y edita lo que este en MAYUSCULA y pegalo en donde quieras que aparesca la imagen con la alerta en HTML.
<img src="URL DE LA IMAGEN" oncontextmenu="alert('AQUI EL TEXTO QUE SALGRA EN LA VENTANITA');return false" oncopy="alert('AQUI EL TEXTO QUE SALGRA EN LA VENTANITA');return false"/>
MOSTRAR VIDEOS AL AZAR CADA VES QUE ALGUIEN RECARGUE LA WEB: Este codigo sirve para hacer que cuando alguien entre a la web cambia el video al azar, se selecciona uno de los 5 videos que pondremos en el codigo. Copiaa el siguiente codigo y edita lo que diga ID_VIDEO. Una vez terminado de editar el codigo, copialo y pegalo en donde quieras que aparesca en HTML.
<script type='text/javascript'>
//<![CDATA[
var vid = [ //La ID de los videos
"ID_VIDEO 1",
"ID_VIDEO 2",
"ID_VIDEO 3",
"ID_VIDEO 4",
"ID_VIDEO 5"
];
var ancho_vid = '480'; //Ancho del reproductor
var alto_vid = '295'; //Alto del reproductor
var ran_unrounded = Math.random()*vid.length;
var ran_number = Math.floor(ran_unrounded);
document.write('<object width="'+ancho_vid+'" height="'+alto_vid+'"><param name="movie" value="http://www.youtube.com/v/'+vid[ran_number]+'&hl=es&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/'+vid[ran_number]+'&hl=es&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="'+ancho_vid+'" height="'+alto_vid+'"></embed></object>');
//]]>
</script>
TEXTO ESCRIBIENDO TIPO MAQUINA DE ESCRIBIR: Este codigo fue hecho con puro script, el cual hara que se muestre una linea de mensaje escribiendo cada letra como si fuera una maquina de escribir. Copia el siguiente codigo y edita lo que este en MAYUSCULA y pegalo en donde quieras que aparesca enHTML.
<script language="javascript" type="text/javascript">
//Secify scroller contents
var line=new Array()
line[1]="TEXTO 1"
line[2]="TEXTO 2"
line[3]="TEXTO 3"
line[4]="TEXTO 4"
line[5]="TEXTO 5"
line[6]="TEXTO 6"
//Specify font size for scoller
var ts_fontsize="12px"
//--Don't edit below this line
var longestmessage=1
for (i=2;i<line.length;i++){
if (line[i].length>line[longestmessage].length)
longestmessage=i
}
//Auto set scroller width
var tscroller_width=line[longestmessage].length
lines=line.length-1 //--Number of lines
//if IE 4+ or NS6
if (document.all||document.getElementById){
document.write('<form name="bannerform">')
document.write('<input type="text" name="banner" size="'+tscroller_width+'"')
document.write(' style="background-color: '+document.bgColor+'; color:#000000; font-family: verdana; font-size: '+ts_fontsize+'; font-weight:bold; border: medium none" onfocus="blur()">')
document.write('</form>')
}
temp=""
nextchar=-1;
nextline=1;
cursor="]"
function animate(){
if (temp==line[nextline] & temp.length==line[nextline].length & nextline!=lines){
nextline++;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",3000)}
else if (nextline==lines & temp==line[nextline] & temp.length==line[nextline].length){
nextline=1;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",1000)}
else{
nextstep()}}
function nextstep(){
if (cursor==""){
cursor="|"}
else if (cursor=="|"){
cursor="/"}
else if (cursor=="/"){
cursor="-"}
else if (cursor=="-"){
cursor=""}
nextchar++;
temp+=line[nextline].charAt(nextchar);
document.bannerform.banner.value=temp+cursor
setTimeout("animate()",25)}
//if IE 4+ or NS6
if (document.all||document.getElementById)
window.onload=animate
</script>
REDIRECCIONAR TU WEB A U OTRA WEB: Te cambiastes de web y quieres que los visitante de tu web sepan. pues te recomiendo que coloques este codigo. Este codigo hace que cuando alguien entre a tu web directamente te mandara a otra web solo basta con colocar el siguiente codigo en tu pagina web antigua. Recuerda editar donde diga URL DE TU PAGINA, ahi colocas el link de tu pagina nueva, a la cual redireccionara al visitante. Pegalo en Texto por encima de la pagina.
<head>
<meta content='3; URL=URL DE TU PAGINA' HTTP-EQUIV='Refresh'/>
</head>
<body onLoad='redireccionar()'>
<script language='JavaScript'>
var pagina="URL DE TU PAGINA"
function redireccionar()
{
location.href=pagina
}
setTimeout ("redireccionar()", 500);
</script>
</body>
CERRAR PESTANAS DE TU WEB: Con este codigo se coloca un cuadro que diga "SALIR" para cerrar la pestaña de nuestra web. Si quieres colocarlo en tu web solo copia el siguiente codigo y pegalo donde quieras de HTML.
<html>
<head>
<title>Ventana Secundaria</title>
<script>
function cerrarse(){
window.close()
}
</script>
</head>
<body>
Pincha en SALIR para cerrar la pestaña de mi web
<form>
<input type=button value="Salir" onclick="cerrarse()">
</form>
</body>
</html>
PAGINA HOSTIADA EN PWG: Este codigo lo que hace es que aparesca una imagen en la esquina superior derecha de nuestra web que diga "PAGINA HOSTIADA EN PWG". Copia el siguiente codigo y pegalo en TEXTO POR ENCIMA DE LA PAGINA.
<a target="_blank" href="http://www.paginawebgratis.es/"><img alt="" src="https://img.webme.com/pic/b/by-ro0driig0o/hostiadaenpwg.png" style="position:absolute; top:0; right:0;" /></a>
IR ABAJO: Este codigo nos permite que aparesca una imagen en la esquina inferior derecha de nuestra web- Una imagen que cuando le den click te mandara Hasta abajo de la web. Copia el siguiente codigo y pegalo en Texto por encima de la pagina.
<a href='#footer'><img border='0' style='position:fixed; bottom:0; right:0;' src="http://www.disemucho.com/jimdo/descargar_plantillas%20jimdo_gratis/abajo.png" title="Ir abajo" alt="" /></a>
TEXTO MOVIL Y FIJO: Este codigo nos permite poner un texto que se mueva y que se quede fijo. Copia el siguiente codigo y edita todo lo que este en MAYUSCULA y pegalo en donde quieras que aparesca el texto en HTML.
<center>
<br />
<br />
<span style="z-index: 1; font-family:Verdana font-weight: bold; font-size: 20pt; color: #9900FF"><marquee>AQUI VA EL TEXTO MOVIL BY-RO0DRIIG0O</marquee></span><br />
<span style="position: relative; top: -32px; left: 0px; z-index: 2; font-family: Verdana, Arial, Helvetica; font-size: 30pt; color: #000000">AQUI VA EL TEXTO FIJO BY-RO0DRIIG0O</span><br />
<br />
<br />
<script type="text/javascript">
//<![CDATA[
function src() { window.location = "view-source:" +
window.location.href }
//]]>
</script>
</center>
BANNERS QUE SE MUEVAN HACIA ARRIBA: Nos permite colocar banner y que tengan efecto de ir hacia arriba. Copia el siguiente codigo y edita todo lo que este enMAYUSCULA. Ya que lo tengas editado copialo y pegalo en donde quieras de HTML.
<marquee direction="up" style="text-align: center; width:200px;height:150px;border:1px solid #ccc;padding:3px" scrollamount="3" onMouseOver="this.stop()" onMouseOut="this.start()">
<a href="URL DEL ENLACE 1"><img src="URL DE LA IMAGEN 1"/></a><br/>
<a href="URL DEL ENLACE 2"><img src="URL DE LA IMAGEN 2"/></a><br/>
<a href="URL DEL ENLACE 3"><img src="URL DE LA IMAGEN 3"/></a>
</marquee>
...............................
.png "English"){kind=small}
