| Navegación |
INICIO
|
|
|
|
|
CODIGOS HTML
|
|
|
|
|
|
|
VIDEOS 2012
|
|
|
|
|
JUEGOS PARA PC FULL
|
|
|
|
|
|
|
|
|
| |
MENU DESPLEGABLE:Con este codigo podras poner un menu desplegable 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. EZEH353H
no se hace responsable por el mal
uso de este codigo que los usuarios le den.
<form>
<SELECT NAME="urldestino">
<option selected>--- M E N U ---
<option value=" TU_PAGINA_WEB " >TU PAGINA WEB
<option value="seccion1.html">Album de fotos
<option value="seccion2.html">Textos interesantes
<option value="seccion3.html">Noticias
<option value="seccion4.html">Novedades
<option value="seccion5.html">Mi diario
</SELECT>
<input type="button" value="IR" onClick="location=this.form.urldestino.value" name="button">
</form>
 SUBRAYAR EL LINK AL PASAR EL MAUSE.
ESTE CODIGO SIRVE PARA CUANDO PASEMOS SOBRE EL LINK SE SURAYE ESTE CODIGO VA EN HTML.
<STYLE type="text/css">
<!--
A:link {COLOR: red; TEXT-DECORATION: none}
A:visited {COLOR: gray; TEXT-DECORATION: none}
A:active {TEXT-DECORATION: none}
A:hover {COLOR: blue; TEXT-DECORATION: underline} -->
</STYLE>
</p>
<p><a href="l1.htm">El texto que quieras.</a><br>
<a href="l2.htm">otro texto.</a><br>
<a href="l3.htm">Otro texto.</a><br>
</p>
TRANSFORMAR EL CURSOR EN UNA MIRA.
CON ESTe CODIGO PODREMOS TRANSOFRMAR EL CURSOR EN UNA MIRA PEGALO EN REFERENTE DE CAMPO HTML
<style type="text/css">
<!--
body { cursor: crosshair}
-->
</style>
ABRIR UN LINK EN UNA NUEVA PESTAÑA.
Con este codigo podras apretar en la letra o en la imagen y te llevara el link a una nueva pestaña.
<a href="URL DE LA PAGINA QUE SE ABRIRA" target="_blank">AQUI EL TITULO DE LA PAGINA</a>
CREAR UN LIBRO DE VISITAS.
Con este codigo podras poner un libro de visitas . El visitante llenara sus datos y te enviara un tu bandeja de entrada.
<H2>Libro de visitas</H2>
<FORM ACTION="mailto:tunombre@tuservidor.com" METHOD="post">
<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>
NO DEJAR SELLECIONAR NUESTRA WEB
Con este codigo podras hacer que los visitantes no seleccione tu web y pegen en otro lado osea es para impedir que te roben el contenido de tu pagina!
<script language="Javascript">
<!-- Begin
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
// End -->
</script>
DISEÑO TRANSPARENTE.
Con este codigo podras tener tu pagina transparente . Solo copia el codigo siguiente y pegalo en primer box derecha
<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>
BOTONES ADELANTE Y ATRAS PARA ACTUALIZAR.
Con este codigo podras poner unos botones que dice adelante, actualizar y atras. Pegalo donde quieras en HTML.
<input type="button" value="Atrás" onclick="history.back()" style="font-family: Verdana; font-size: 8 pt">
<input type="button" value="Actualizar" onclick="window.location.reload()" style="font-family: Verdana; font-size: 8 pt">
<input type="button" value="Adelante" onclick="history.forward()" style="font-family: Verdana; font-size: 8 pt">
PALABRA NEW EN EL MENU.
este codigo sirve para poner new en el menu. pegalo donde quieras html.
<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 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('Gracias por visitar la web ^^')">
|
|
|
|
|
|
| |
Hoy habia 1 visitantes (4 clics a subpáginas) ¡Aqui en esta página! |
|
|
|
|
|
|
|
Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
