Hacktime

Que seria de la web sin este blog

Categorias en forma de pestañas (vertical)

Posted by yaju en mayo 11, 2007

Vamos a realizar este truco algo como el anterior para colocar etiquetas en forma de pestañas, solo que en la 3era parte en vez de colocar ese código colocamos el que nos brinda: csspicstock.blogspot.com (14 diseños); para el ejemplo escogí el menu 4:

/*- Menu 4————————— */

#menu4 {
width: 200px;
margin: 10px;
border-style: solid solid none solid;
border-color: #000;
border-size: 1px;
border-width: 1px;
}

#menu4 li a {
height: 32px;
voice-family: “\”}\””;
voice-family: inherit;
height: 24px;
text-decoration: none;
}

#menu4 li a:link, #menu4 li a:visited {
color: #CCC;
display: block;
background: url(http://photos1.blogger.com/blogg1600/menu4.gif);
padding: 8px 0 0 10px;
}

#menu4 li a:hover {
color: #FFF;
background: url(http://photos1.blogger.com/1600/menu4.gif) 0 -32px;
padding: 8px 0 0 10px;
}

Luego seguimos el paso 4 el cual se indica aqui,(donde se sustituye el código azul por el rojo), cambie tabsF por menu4 (que es el que le corresponde al código que copiamos en el paso 3). Si escogen el menu 1, 2, 10 , o 13( para el paso 3), en el último paso tienen que sustituir tabsF, por el menu que le corresponda.

Gracias a Icaro Nocturno

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

 
A %d blogueros les gusta esto: