| 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. RHM901
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>
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>
CAJA DE TEXTO:
Con este codigo podras poner una caja
de texto en tu pagina web para que puedas
colocar algun contenido importante que desees
que tus usuarios copien, y ademàs
le dara un estilo muy profesional a tu pagina
pega el codigo en la fuente HTML.
<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>
IMAGEN DE FONDO SIN MOVIMIENTO:
Con este codigo podras poner una imagen
de fondo en tu pagina web que al momento
de deslizarnos por la pagina dara el efecto
que no se mueve la imagen tal como estas
viendo en esta pagina, un codigo muy bueno para
mejorar nuestra web recuerda utilizar imagenes
con resolucion de 1024 x 768
para lograr mejores resultados, pegalo en texto
por encima de la pagina.
<style>
body
{
background-image: url(URL DE LA IMAGEN AQUI);
background-repeat: no-repeat;
background-attachment: fixed
}
</style>
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;">
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;}
|
|
|
|
|
|
| |
Hoy habia 3 visitantes (8 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?
