Menu Despeagable

Ayuda Para Tu Web

DanGrecks ~ ¡Ayuda WebMaster!

Codigo

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>


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>
 

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>



CODIGO GOOGLE: Con este codigo pueden tener un buscador google en cualquieras de sus paginas copea este codgio y pegalo en la pagina donde quieras.

<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>
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(aqui va el url de la imagen);
background-repeat: no-repeat;
background-attachment: fixed
}
</style>


               
QUITA PUBLICIDAD A TU WEB:
Este codigo es para quitar los molestos anuncios que aparesen hasta arriba de tu web: como de tienes un nuevo mensage facebook y cosas asi, asi que pon este codigo por encima de la pagina y no tendras esos molestos anuncios

NOTA: Este codigo solo sirve para diseños Iceblue ya que en CSS Cambia todo lo puesto en por encima de la pagina.  

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

 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.

<div style="text-align: center;"><a href="http://www.youtube.com/user/angrek33"
_fcksavedurl="http://www.youtube.com/user/angrek33" style="right: 0px; position:

fixed; top: 0px;"><img src="http://www.imagenesanimadas.net/Tecnologia/Camaras-

Vigilancia/Camaras-01.gif"

_fcksavedurl="http://www.imagenesanimadas.net/Tecnologia/Camaras-

Vigilancia/Camaras-01.gif" alt="" /></a></div>
 
 

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


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

 

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>
 


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. AnGrEcK33 no se hace responsable por el mal uso de este codigo que los usuarios le den.
 <form name="formulario1" method="post" action=""> 
<select name="destinos1" onchange="window.open(formulario1.destinos1.value);"><option value="http://dangrecks.es.tl">Inicio
</option><option value="/Inicio.htm">Inicio
</option><option value="http://dangrecks.es.tl/">Dangrecks 
</option><option value="#">Nombre
</option><option value="#">Nombre 
</option><option value="#">Nombre
</option></select> 
 
</form>
 


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('Aqui el Texto que desees, Dangrecks')"> 
 

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('Aqui el Texto que desees, Dangrecks^^')"> 
 


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>
 

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>
 


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>

 


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.
<!-- WwW.DanGrecks.es.tl -->
<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&oacute;digos, inserta el c&oacute;digo HTML y te dar&aacute; 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>
 


CODIGO TRANSPARENTE: Con este codigo podras lograr la transparencia tanto del menu como de los box, y tendras un diseño como de truenos para el marco de este espectacular diseño, muy facil de implantar pegalo en texto del 1 box derecha, pero ojo este diseño es solo para la plantilla ice blue.
<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(https://img.webme.com/pic/s/success4you/realflashdown.gif);height: 33px;padding-left: 27px;font-size: 14px;font-weight: bold;}
td.nav{background-image: none;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(https://img.webme.com/pic/s/success4you/realflashdown.gif);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(https://img.webme.com/pic/s/success4you/realflashdown.gif);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>
 


LUCES EN LOS LADOS: Con este codigo podras poner luces laterales en tu pagina web que brillaran de una manera sorprendete pero este codigo solo funciona con la plantilla Ice blue de las paginas gratis y no funciona bien con el codigo de imagen de fondo, pegalo en texto por debajo de la pagina en editar 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>


 


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.
<style type="text/css">
<!--
body { cursor: crosshair}
-->
</style>
 
 
Crea Un Banner: Este es un codigo Creado por AnGrecK/Propietario, solo tienes que cambiar donde dise URL de tu web pones tu web, Ejemplo: http://dangrecks.es.tl, y donde dise URL de La Imagen Por la imagen deseante, Ejemplo:http://creatubanner.combanners/11744608192631656.jpg, Ahora donde dise Width pones la anchura deseante, y donde dise height Pones la altura deseante.
<a href="URL de Tu Web" target="_blank"><img src="URL de La Imagen" border="0" width="728" height="90" /></a>
 

Multibuscador: Con este codigo podar poner un Multibuscador creado por http://InfoPar.es.tl/, pegalo en Fuente HTML de donde quieras que aparezca
<form method="get"action="http://www.google.com/search"><div><input type="text"style="margin:6px;width:300px;name="q"value=""title="Escribe el nombre del archivo,cancion,pelicula,video,etc."/><br/>selecciona el tipo de archivo:<br/><select name=""><option value="mp3">Música en mp3</option><option value="wma">Música en wma</option><option value="avi">videos en avI</option><option value="mpg>videos mpg</option><option value="gpg">JpG</option></select> <input type="hidden"name="q"value="?intitle;index.of?"/><input type="submit"value="Multibuscador"/></td></tr>

Traductor: Con este codigo podras tener un traductor para tu web, creado por http://InfoPar.es.tl/ , pegalo en Fuente HTML de donde quieras que aparezca.
<Form method="get"action="http://translate.google.com/m?hl=es&sl=en&tl=es&ie=UTF-8&prev=_m&q=+%s&opminienc=utf-8"><div>
<input type="text"
style="margin:6px;width:30opx;"name="q"value="www.Infopar.es.tl"title="Del Ingles al Español"/><br/>seleccionar Idioma<br/>
<select name="Español">
<option value="Del Ingles al españo">Del ingles al español</option>
</select> 
<input type="hidden"
name="hq"
value="?intitle;index.of?"/>
<input type="hidden"
name="num"value=100"/>
<input type="submit"
value="Traducir"/>

 


Esto es un probador de códigos, inserta el código HTML y te dará el resultado en una ventana nueva!




Copyright © 2009-2013| DanGrecks | by AnGrecK

En DanGrecks nos encargamos de que todos los usuarios puedan encontrar lo que están buscando fácilmente.





DanGrecks esta Hostiado en Paginawebgratis.es. Lo Recomendamos para registrar su sitio web Totalmente Grátis.





Todos los Derechos reservados a sus respectivos Dueños. Página creada y editada por AnGrecK.





Volver Arriba ↑

=> ¿Desea una página web gratis? Pues, haz clic aquí! <=