Ayuda para editar el menu!

[polcap]

Hola chicos postie ya un tema sobre esto necesito saber que codigo tocar en caso que se pueda para hacer esto, en la seccion categorias.

o sea hacer como estilo de botones en el menu analizando con firebug encontre esto en la parte del carrito quiero que haga ese efecto,

 

background: -moz-linear-gradient(#FFFFFF, #FFFFFF) repeat scroll 0 0 transparent;

border: 0 solid #000000;

border-radius: 5px 5px 5px 5px;

box-shadow: 0 0 0 #000000;

color: #000000;

display: block;

font-family: Verdana,Arial,Helvetica,Sans-Serif;

font-size: 11px;

margin: 0 auto;

outline: medium none;

position: relative;

vertical-align: top;

z-index: 0;

 

me imagino que la parte radius es para redondear me dicen como hago eso en la parte de categorias?

 

les dejo mi web wwww. xpcomputacion .com

[rafarrc]

Hola,

yo pondría 'css vertical menu' en google. por ejemplo me gusta este:

 

Su codigo css es el siguiente:

#vertmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 160px;
padding: 0px;
margin: 0px;
}


#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
font-size: 80%;
display: block;
border-bottom: 1px dashed #C39C4E;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #666666;
width:160px;
}
#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #000000;
background-color: #eeeeee;
}

 

Para el html es:

 

<div id="vertmenu">
<h1>Navegacion</h1>
<ul>
<li><a href="#" tabindex="1">Tu texto</a></li>
<li><a href="#" tabindex="2">Tu texto 2</a></li>
<li><a href="#" tabindex="3">Tu texto 3</a></li>
<li><a href="#" tabindex="4">Tu texto 4</a></li>
<li><a href="#" tabindex="5">Tu texto 5</a></li>
<li><a href="#" tabindex="6">Tu texto 6</a></li>
</ul>
</div>

 

Muy bien, ahora sacas lo que quieres igual para tu web, por ejemplo si quieres que los link sean del estilo #vertmenu ul li a copias el estilo entero y tendrás que modificar el css adecuado en el archivo global.css.

 

Creo que es #categories_block_left ul.tree li en tu plantilla, a ver si con eso puedes avanzar si no intentaré mirartelo mas.

 

NOTA, para ver el nombre de lo que tienes que cambiar de estilo seleccionalo y con el boton derecho dale a inspeccionar elemento.

 

Un saludo!

Edited February 17, 2012 by rafarrc (see edit history)

[banense]

A ver:

Cuando tengan un problema de estilo y quieran cambiar algo hagan lo siguiente:

 

1.- Abran el dreamweaver

2.- Creen un sitio desde el dreamweaver con un servidor de prueba en localhost

3.- Abran el sitio creado desde dreamweaver y tenganlo por defecto abierto

4,. Vayan a la web original y en la parte que quieran modificar el estilo saquen el codigo fuente de la página y pegenla en una nueva página html y guardenla con el nombre de borrar_nombre_que_querais y guardenla dentro del sitio creado en dreamweaver

5.- Ponganle bien los caminos de los css y de las imagenes para que se vea bien como debe ser.

6.- Luego de eso podeis ver todas las clases y los id de los css que deben cambiar para que les funcione y luego qu evean que funciona ahi hagan el cambio en el sitio original.

 

Eso hago siempre y creanme nunca tengo problemas con las hojas de estilos.

Saludos