Scribd Logo
Upload

Welcome to Scribd!

  • Configurar HTML

    Uploaded by

    vivigorjon
    10 views3 pages
    This document provides HTML and JavaScript code to configure a navigation menu with 5 links at the top of a page. The HTML defines an unordered list with 5 list items for the menu links. The JavaScript and CSS code styles the menu by adding rounded corners, background images, colors, borders, and hover effects.

    Original Description:

    Programación

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document provides HTML and JavaScript code to configure a navigation menu with 5 links at the top of a page. The HTML defines an unordered list with 5 list items for the menu links. The JavaScript and CSS code styles the menu by adding rounded corners, background images, colors, borders, and hover effects.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    10 views3 pages

    Configurar HTML

    Uploaded by

    vivigorjon
    This document provides HTML and JavaScript code to configure a navigation menu with 5 links at the top of a page. The HTML defines an unordered list with 5 list items for the menu links. The JavaScript and CSS code styles the menu by adding rounded corners, background images, colors, borders, and hover effects.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 3

    Configurar HTML/JavaScript

    <div id="menuarriba">

    <ul id="navi1">

    <li><a href="URL">HOME</a></li>

    <li><a href="http://tecnologiasdevivianagorjon.blogspot.com.ar/p/4to-ano-valle-
    argentino_10.html">TICS</a></li>

    <li><a href="URL">TECNOLOGIA</a></li>

    <li><a href="URL">VIDEOS</a></li>

    <li><a href="URL">NOVEDADES</a></li>

    </ul>

    </div>javascript:void(0)

    <style type="text/css">

    #navi1 {

    margin:0px;

    padding:0px;

    #navi1 li {

    -moz-border-radius-topleft:15px;

    -moz-border-radius-topright:15px;

    -moz-border-radius-bottomleft:0px;

    -moz-border-radius-bottomright:0px;

    -webkit-border-top-left-radius:15px;

    -webkit-border-top-right-radius:15px;
    -webkit-border-bottom-left-radius:0px;

    -webkit-border-bottom-right-radius:0px;

    background:url(http://i825.photobucket.com/albums/zz180/latrucoteca/Degradadomini-
    1.png);

    color:#000000;

    margin:5px;

    padding:6px;

    width: 130px;

    border:1px solid black;

    text-align:center;

    list-style:none;

    font-family: Segoe UI, Arial;

    font-size: 10px;

    float:left;

    #navi1 li:hover {

    -moz-border-radius-topleft:20px;

    -moz-border-radius-topright:20px;

    -moz-border-radius-bottomleft:0px;

    -moz-border-radius-bottomright:0px;

    -webkit-border-top-left-radius:20px;

    -webkit-border-top-right-radius:20px;

    -webkit-border-bottom-left-radius:0px;

    -webkit-border-bottom-right-radius:0px;

    background:url(http://i825.photobucket.com/albums/zz180/latrucoteca/Degradadomini-
    1.png);

    color:#000000;

    border:1px solid black;


    }

    #navi1 li a:hover {

    color: #ffffff;

    font-style: Italic;

    text-decoration: none;

    #navi1 a {

    color: #ffffff;

    font-weight: bold;

    </style>

    You might also like