Menu desplegable en Dreamweaver

Citar

Escrito el 07 Jul 2006 08:03 pm

Hola a todos...
Dos preguntas, en dreamweaver cuando le asigno un vínculo a una palabra se pone azul sin importar el color anterior del texto, como hago para que esto no pase???...

En esta página http://www.meguiars.com/estore/ , cuando hago click sobre los productos se despliega un menu, cuando hago click en otro producto se despliega el nuevo y se pliega el anterior.... como lo hago????.... porfavor si me puedan indica donde encuentro esta información.

Les agradezco mucho su ayuda y gracias.

Por alejandro_torres01

23 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email

Bogotá, Colombia

Citar

Escrito el 10 Jul 2006 02:06 am

Existen diferentes formas de quitarle lo azul, pero te explicaré la mas facil.

En tu dw, entre los tag <head y </head> pones el siguiente codigo

Código :

<head>
<STYLE TYPE="text/css">
<!--
a:link {text-decoration: none}
a:visited {text-decoration: none}
a:active {text-decoration: none}
a:hover {text-decoration: none}
-->
</STYLE>
</head>

Para lo segundo, esa página esta hecha en asp, popr consiguiente el menú puede ser: generado por una base de datos, o, posiblemente hecho con templates, uno a uno, que no creo sea la forma que lo hicieron.

De recomendarte cómo hacer uno igual, pues tendrías que pasarte por las secciones de asp, php, mysql, etc., de este blog o de buscando en google.

Por mestevan

63 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Web Designer SEO

@mestevan

Citar

Escrito el 10 Jul 2006 05:06 am

El plegado de los menus esta hecho en javascript, mostrando u ocultando con la propiedad CSS de display:block y display:none.

Esta hecho en javascript.

Guiate de mi ejemplo.

Código :

<html>
<head>

<style type="text/css">
/* Links sin decoracion con color Naranja */
a:link {text-decoration: none; color:#F60;}
a:visited {text-decoration: none; color:#F60;}
a:active {text-decoration: none; color:#F60;}
a:hover {text-decoration: none; color:#F60;}
/* Ocultamos los menus */
.menu {display:none;}
</style>

<script language="javascript" type="text/javascript">
// Funcion que primero oculta los menus y luego solo muestra el numero pedido.
function show(number) {
   document.getElementById("menu1").style.display = "none";
   document.getElementById("menu2").style.display = "none";
   document.getElementById("menu"+number).style.display = "block";
}
</script>

</head>

<body>

   <!-- Listado de menus-->
   <ul>
     <li><a href='javascript:show(1)'>Menu 1</a>
      <ul id="menu1" class="menu">
        <li>SubMenu 1</li>
        <li>SubMenu 2</li>
      </ul>
     </li>
     <li><a href='javascript:show(2)'>Menu 2</a>
      <ul id="menu2" class="menu">
        <li>SubMenu 3</li>
        <li>SubMenu 4</li>
      </ul>
     </li>
   </ul>

</body>
</html>

Si pudiera colorear los javascripts lo haria pero no se puede. Pon atencion en el javascript. Tambien nota los estilos.

Suerte.

Por Ryvius

34 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Protocolo 7

Citar

Escrito el 11 Jul 2006 01:20 am

Que tal pues estuve analizando el funcionamiento de la page quemencionas, y lo que mas se acerca a un resultado es el ejemplo que te muestra Ryvius, por que al inicio de la pagina se hace referencia a un javascrip con la linea siguiente,

Código :

<script src="../includes/javaheader01.js" language="javascript" type="text/javascript"></script>

La cual llama el archivo llamado "javaheader01.js", el cual contiene el siguiente codigo

Código :

<!--
//Preload Images
      home_d = new Image();
      home_d.src = "../images/btn_home.gif"
      
      home_a = new Image();
      home_a.src = "../images/btn_home_active.gif"
      
      nav_1d = new Image();
      nav_1d.src = "../images/top_navbar_new.gif";
      nav_2d = new Image();
      nav_2d.src = "../images/top_navbar_specials.gif";
      nav_3d = new Image();
      nav_3d.src = "../images/top_navbar_howto.gif";
      nav_4d = new Image();
      nav_4d.src = "../images/top_navbar_community.gif";
      nav_5d = new Image();
      nav_5d.src = "../images/top_navbar_carcrazy.gif";
      nav_6d = new Image();
      nav_6d.src = "../images/top_navbar_estore.gif";

      nav_1a = new Image();
      nav_1a.src = "../images/top_navbar_new_active.gif";
      nav_2a = new Image();
      nav_2a.src = "../images/top_navbar_specials_active.gif";
      nav_3a = new Image();
      nav_3a.src = "../images/top_navbar_howto_active.gif";
      nav_4a = new Image();
      nav_4a.src = "../images/top_navbar_community_active.gif";
      nav_5a = new Image();
      nav_5a.src = "../images/top_navbar_carcrazy_active.gif";
      nav_6a = new Image();
      nav_6a.src = "../images/top_navbar_estore_active.gif";
      
// Set variables
      var clickcount;
      clickcount = 0;
//Script End -->

Los links son generados por scrips hechos en coldfusion y no en asp como lo comento mestevan. Usa CSS para colorear los links. Espero te haya despejado algunas dudas. :crap:

Por nashCode

161 de clabLevel

1 tutorial

Genero:Masculino

Envíale un mensaje privado

Desarrollador web

Citar

Escrito el 19 Abr 2010 06:47 pm

Hola a todos! Mi problema es la línea que aprece debajo del texto que lo asigné como link. Habrá alguna manera de quitarcelo?

Gracias.

Por Mangual

0 de clabLevel

Envíale un mensaje privado

Menu desplegable en Dreamweaver

Escribe una respuesta rapida