Menú HTML personalización

 Descargar menus HTML, de acuerdo a su gusto y necesidad de las siguientes paginas:

https://extremisimo.net/29-menus-desplegables-en-html5-y-css3-gratuitos/

https://www.creativosonline.org/menu-html-css.html

proceder a personalizar sus menús con las opciones necesarias 



Tomar en cuenta que estos menus contienen varias carpetas:

La hoja de estilos: que es el diseño completo del menu de opciones

La carpeta de imagenes: donde estan las imagenes que permiten mostrar el diseño del menu

El Archivo INDEX.HTML, que es el menu y el que debe personalizar, este archivo suele manejar listas para la creación de menus y submenus

la personalización la puede implementar de la siguiente manera:

<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">

<div class="example">
    <ul id="nav">
        <li class="current"><a href="#">INICIO</a></li>
        <li><a href="#">Contenido</a>
            <ul>
                <li><a href="contenido.html">MALTRATO ANIMAL</a></li>
<li><a href="play5.html">CARACTERISTICAS</a></li>
<li><a href="xbox.html">LEYES DE PROTECCION</a></li>
<li><a href="nintendo.html">RECOMENDACIONES</a></li>
         
</UL>
                   
        </li>
        <li><a href="#">TEST</a>
           <ul>
                <li><a href="test01.HTML">TEST 1</a></li>
                <li><a href="lista2.HTML">TEST 2</a>
</ul>
        </li>
       
    </ul>
</div>


si necesitamos cambiar el fondo de la pantalla se abre la hoja de estilos y SOLAMENTE se cambia el parametro de BACKGROUND:





solamente el parametro background: 

debe tener ya su fondo y el tamaño correcto de su imagen para que no altere o dañe el diseño del menú

y debe volver a ejecutar el menu para que pueda visualizar los cambios nuevos.









Comentarios

Publicar un comentario

Entradas populares de este blog

ORDENAMIENTO DE VECTORES

 Es clasificar vectores por medio de un criterio de dato especifico para mover según ese criterio los demas vectores  <html> <script>  function procesar() {        var productos=['PERA','UVA','NARANJA','MANZANA','SANDIA']; var precios=[2,1,1.50,2.20,3];     var n=5;     document.write("VECTOR ORIGINAL <br />"); for(i=0;i<n;i++) {    document.write(productos[i] + " - ");    document.write(precios[i] + "<br />" );  } document.write("<br />VECTOR ORDENADO <br />"); for(i=0;i< n-1;i++) {   for(j=i+1;j<n;j++)   {      if(precios[i] >  precios[j]) {     var aux_pro=productos[i]; productos[i] = productos[j]; productos[j]= aux_pro; var aux_pre=precios[i]; precios[i]=precios[j]; precios[j]=aux_pre; }   } } for(i=0;i<n;i++) {    document.write(...
Leer más

EJERCICIO OPERACIONES EN PHP

 INDEX.HTML <html>  <head>     <title>Operaciones </title> </head> <body> <form name="form1" method="POST"  action="resultado.php"> <h3>Operaciones</h3> Valor 1: <input type="text" name="v1"><p> Valor 2: <input type="text" name="v2"><p> <input type="submit" name="r"     value="Calcular"> </form> </body> </html> *********************************************************** RESULTADO.PHP ****************************************** <?php    $valor1=$_POST["v1"];    $valor2=$_POST["v2"];        $suma= $valor1+ $valor2;    $resta=$valor1 - $valor2;        echo "dato 1 -> " . $valor1 . "<p>";    echo "dato 2 -> " . $valor2 . "<p>";    echo "suma -> " . $suma . "<p>";    echo "resta...
Leer más