Scribd
Upload
27 views3 pages

Configurar HTML

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.

Uploaded by

vivigorjon
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
27 views3 pages

Configurar HTML

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.

Uploaded by

vivigorjon
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 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