Modificar menu lateral

Como todos sabeis, estoy terminando de crear el diseño de la nueva web, y ahora solo me falta intentar hacer el ultimo retoque estetico.

En la web que esto creando http://www.eluniversodelperro.com/prueba/ me gustaria saber que tengo que editar en .css para conseguir que el menu lateral izquierdo sean visibles los subenus (ya que hora se ve mas el articulo que los submenus); y tambien me gustaria saber que tengo que ambiar, para que en lugar de colocarme el menu sobre fondo blanco, me lo coloque sin fondo, para que coja el menu del modulo.


Muchas gracias por todo, y por la ayuda que me habeis ido prestando a lo largo de mis 200 mensajes, de verdad, muchas gracias.

Un saludo

Lo de hacer que se vea el menú tapando el contenido no te sabría decir. Quizás sea algún tema de javascript que ya ahí no llego.

En cuanto a lo del fondo, estoy viendo el css y las imágenes de la carpeta "images" no las encuentro, puedes darme la url completa? Es para dar con la del fondo.

Saludos ;)

Una cosilla Foley, mejor lo solucionamos de otra forma, yo te doy esta URL (en la cual esta el .zip en el que he comprimido el contenido de todo ese modulo), le echas un vistazo al modulo, y me dices que es lo que crees que hay que modificar.

No es por nada, pero creo, que lo de "traer al frente" el submenu, es cosa del .css, para que tenga un valor de indexacion mas alto, y aparezca siempre por encima (solo creo).

http://eluniversodelperro.com/prueba/modules/mod_ariextmenu.zip Esta es la URL de la descarga del modulo.

Muchas gracias por todo, un saludo

En el archivo menu.min.css tienes:

background:#f3efec url(images/menu-item-bg.png)

Lo que te puse en rojo es el color, creo que si en vez de eso no pones nada o pones transparent, te saldrá el color verdoso de la capa contenido.

Saludos

Al final he tenido que poner background transparent, y eliminar lo de url(....). Con esto he conseguido que de fondo no me coloque nada, por lo tanto, eso solucionado.

Ahora me he dado cuenta de que pasa una cosa muy rara, y es que (entra en la web para comprobarlo), que si entras en un apartado que tenga 2 subniveles, no te deja entrar al 2; es decir, si (desde el menu lateral), pasas el raton por perro, pasas por razas, e intentas seleccioanr "Golden" (por ejemplo), no puedes, ¿Sabes como solucionar esto?

¿Y en cuanto a lo otro de lograr que aparezca el contenido de las subcategorias por encima del articulo?

Muchas gracias y un saludo.

Yo sigo viendo el verde grisáceo de fondo, estás seguro de que lo eliminaste? Refresca tu navegador, no vaya ser...

No te deja seleccionar golden porque al poner el ratón encima, el menú desaparece. Yo creo que es algo de javascript pero no tengo ni idea. No tienes forma de contactar con el creador del menú? Él seguro que sabe :)

Pues la verdad es que lo miro en IE y limpiando cache, y me sale sin el verdoso, ya intentare escribirle al creador del modulo, de todas formas intentare instalar otro.

Muchas gracias por todo, un saludo

Al final he optado por la opcion mas facil, instalar uno nuevo, el cual funciona muy bien; pero me gustaria saber que tengo que modifricar para eliminar el borde que me recuadra todo el menu, eliminar la imagen del menu (background) para conseguir que sea transparente, y cambiar el negro (al pasar el raton) por algun otro color.

PD: Este menu lateral izquierdo sale en todas las paginas salvo en la principal.

Un saludo

Victor pero tu hiciste el curso de css? :lol:

Miras el css, lo editas y eliminas el border del div del menú que engloba a los li, sacas el background o le pones un background transparent y cambias el estado hover de los enlaces.

Saludos

P.D: Por curiosidad, al final que cms estás usando?

Si que hice el curso de .css; si pregunto es porque ya he realizado lo que ahs comentado y sigue todo igual.

¿A que te refieres con que cms he utilizado?

Mucha gracias

victor5atodogas escribió:Si que hice el curso de .css; si pregunto es porque ya he realizado lo que ahs comentado y sigue todo igual.

¿A que te refieres con que cms he utilizado?

Mucha gracias

Te tiene que hacer caso, sino es que igual estás editando la hoja de estilos que no es (puede ser que tenga varias, dependiendo el navegador). Pásame las hojas de estilo del menú haber qué averigüo.

El cms puede ser joomla, wordpress, drupal,... creo que estás usando alguno de ellos. O lo haces todo a mano?

Estoy utilizando Joomla, y este es el enlace del modulo http://eluniversodelperro.com/prueba/modules/mod_slidemenu.zip

Muchas gracias

Pues en ddlevels-sidebar.css cambia:

.markermenu ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
border: 1px solid #9A9A9A;
}

Por:

.markermenu ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
}

Según mis cálculos ese es el borde gris oscuro del menú.

Luego cambia:

.markermenu ul li a{
background: #F2F2F2 url(modules/mod_slidemenu/ddlevelsfiles/bulletlist.gif) no-repeat 3px center; /*light gray background*/
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #00014e;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
}

Por:

.markermenu ul li a{
background: transparent url(modules/mod_slidemenu/ddlevelsfiles/bulletlist.gif) no-repeat 3px center; /*light gray background*/
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #00014e;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
}

Eso te sacará el gris claro que rodea a todo el menú.

Por último cambia:

.markermenu ul li a:hover, .markermenu ul li a.selected{
color: white;
background-color: black;
}

Por:

.markermenu ul li a:hover, .markermenu ul li a.selected{
color: white;
background-color: aquí el código del color que quieras;
}

Con eso al pasar el ratón por encima de los elementos del menú, te cambiará al color que tu quieras, en vez de al negro que tienes ahora mismo.

Saludos

Perfecto Foley, muchisimas gracias, es exactamente lo que buscaba, un saludo y de nuevo gracias.

victor5atodogas escribió:Perfecto Foley, muchisimas gracias, es exactamente lo que buscaba, un saludo y de nuevo gracias.

De nada, te ha quedado muy bien la web, te felicito :wink:

Solo me falta por colocar los includes para hacer las 4 o 5 paginas PHP que tenia en la web original.

Me alegro que te guste la web, no dudes en criticarla y dar las sugerencias que quieras.

Un saludo