Duda CSS

Olbapk · #1 (**permalink**) 21/10/2008, 13:59

Hola, ante todo perdonad porque imagino que mi duda os parecerá estúpida, pero leo tutoriales y no consigo solucionarlo. Vereis, en este foro encontre unos menus CSS que quiero meter en mi página, lo que ocurre es que no tengo claro como hacerlo. En el hilo http://www.forosdelweb.com/f53/menu-desplegable-100-css-595007/ está el menú que quiero que es el 2 junto a su CSS, pero ¿como consigo obtenerlo y que me funcione? ¿puedo modificar el CSS con dreamweaver? el CSS ¿dónde lo meto, en body, en un sript? ¿tengo que modificar algo para que funcione? ¿el código del menú solo tengo que copiarlo?.

Disculpen mi ignorancia, y perdonen las molestias.

Gracias a todos!!

kseso? · #2 (**permalink**) 21/10/2008, 14:33

Hola Olbapk
Bienvenido a Forosdelweb.
Echa un vistazo al tutorial sobre css en formato .pdf que hay en la página http://www.librosweb.es/
Creo que será un buen punto de partida, mejor que intentar dar una respuesta a todas las dudas que planteas, pues pienso que posiblemente lo único que sacarías en limpio serían mas dudas.
De todas formas, si después de ojear ese tutorial tienes esas u otras dudas, será un placer ayudarte.
Un saludo

Mikmoro · #3 (**permalink**) 21/10/2008, 15:01

Aparte de seguir ese tutorial, que te va a servr para iniciarte, para que puedas enredar con el menú y divertirte modificándolo haz esto:

- crea una carpeta llamada menu
- sigue el enlace del menú que te gusta, dale a "Guardar como" en el navegador y lo metes en esa carpeta
- crea dentro de esa otra carpeta llamada css
- sigue el enlace que pone "Y su css", y de la misma manera guarda el archivo dentro de la carpeta css.

Ahora abre en el navegador el archivo html que has bajado y ahi tienes el menú funcionando. Ábrelo si quieres con DW y modifica la css a tu gusto.

No te puedo asegurar que DW no vaya a estropear cosas, pero lo bueno es que si todo se rompe lo puedes volver a coger en cualquier momento.

Null_ · #4 (**permalink**) 21/10/2008, 16:13

Descarga el archivo html

y el css

... para que obtengas el codigo en tu pc
Luego si deseas le cambias el nombre, el codigo, lo modificas a tu gusto, etc...

Y cambias la linea de la ubicacion de la hoja de estilo:

<link rel="stylesheet" href="css/menu2.css" type="text/css" />

por la direccion en donde se encuentre la hoja de estilo en tu (el directorio raiz es en donde se encuentre el archivo html)
y listo

lo otro seria copiar esto :

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
<title>Menu desplegable CSS</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<style type="text/css">

</style>
</head>
<body>
<div id="menu">
<ul>
<li class="nivel1"><a href="http://www.forosdelweb.com" class="nivel1">Opción 1</a>


<ul class="uno">
<li><a href="#">Opción 1.1</a></li>
<li><a href="#">Opción 1.2</a></li>
</ul>

</li>
<li class="nivel1"><a href="#" class="nivel1">Opción 2</a>


<ul class="dos">
<li><a href="#">Opción 2.1</a></li>
<li><a href="http://www.google.es">Opción 2.2</a></li>
<li><a href="#">Opción 2.3</a></li>
<li><a href="#">Opción 2.4</a></li>
<li><a href="#">Opción 2.5</a></li>

</ul>

</li>
<li class="nivel1"><a href="#" class="nivel1">Opción 3</a>

<ul class="tres">
<li><a href="#"></a></li>
<li><a href="#">Opción 3.1</a></li>
<li><a href="#">Opción 3.2</a></li>

<li><a href="#">Opción 3.3</a></li>
</ul>

</li>
<li class="nivel1"><a href="#" class="nivel1">Opción 4</a>

<ul class="cuatro">
<li><a href="#"></a></li>
<li><a href="#">Opción 4.1</a></li>

<li><a href="#">Opción 4.2</a></li>
<li><a href="#">Opción 4.3</a></li>
<li><a href="#">Opción 4.4</a></li>
</ul>

</li>
<li class="nivel1"><a href="#" class="nivel1">Opción 5</a>


<ul class="cinco">
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#">Opción 5.1</a></li>
<li><a href="#">Opción 5.2</a></li>
<li><a href="#">Opción 5.3</a></li>
</ul>


</li>
</ul>
</div>
</body>
</html>

y lo pegas en un block de notas y lo guardas como pagina.html

Suerte :D

Olbapk · #5 (**permalink**) 22/10/2008, 04:42

Entre los 3 solucioné todas mis dudas!! Muchisimas gracias!!