Jump to content

(Ayuda) edicion zona categorias (solucionado)


Recommended Posts

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

post-50211-0-95903200-1329426175_thumb.jpg

post-50211-0-69589100-1329426196_thumb.jpg

Link to comment
Share on other sites

exacto que este debajo del titulo de categorias y que cada una tenga ese aspecto como de boton.

 

encontre esto pero ni idea donde aplicarlo

 

http://www.cssblog.e...acion-con-css3/

 

menuuffquecosto.jpg

 

bueno gracias a todo a pulmon y viendo tutoriales de codigos logre algo como lo que queria

 

modulo usado sliding categories, luego esta lineas modifique en globals.ccs

 

div#categories_block_left ul.tree { padding-left:0.5em; }

div#categories_block_left ul.tree li {

border:none;

padding-left:15px;

background: #FE0000;

border-radius:7px;

-moz-border-radius: 7px;

-webkit-border-radius : 7px;

margin-left:0;

font-weight:bold;

font-size:13px;

line-height:13px;

margin-top:2px;

}

div#categories_block_left ul.tree li ul li{

padding-left:15px;

background:#FE0000;

border-radius:7px;

-moz-border-radius: 7px;

-webkit-border-radius : 7px;

font-size:12px;

font-weight:normal;

}

div#categories_block_left ul.tree li ul li ul li{

padding-left:15px;

font-size:9px;

}

div#categories_block_left ul.tree a{

padding-left:0;

color:#FFFFFF;

}

div#categories_block_left ul.tree a:hover{

text-decoration:none;

background: #EEE;

border-radius:7px;

-moz-border-radius: 7px;

-webkit-border-radius : 7px;

color: #222;

border: 1px outset #CCC;

padding: .1em .5em;

font-weight: bold;

}

div#categories_block_left ul.tree a.selected{

color:#000000;

font-weight: bold;

}

div#categories_block_left span.grower{

display:block;

float:left;

background-position: 0px 3px;

background-repeat: no-repeat;

width:9px;

height:15px;

margin: 0 0 0 -10px!important;

margin: 0 0 0 -6px;

padding: 0;

}

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...