Página 1 de 1

tabs modificar colores

Publicado: 20 Dic 2010, 11:05
por patito_loko
Estoy tratando de cambiar el color a mis tabs pero no se si se puede hacer ya que me toma los colores del colours css creo.

Código: Seleccionar todo

     <div class="navbar"> 


       <div id="tabs">
            <ul>
                <li><a href="URL_DEL ENLACE" title="TITULO_DEL ENLACE"><span>NOMBRE_DEL ENLACE</span></a></li>
                <li><a href="URL_DEL ENLACE" title="TITULO_DEL ENLACE"><span>NOMBRE_DEL ENLACE</span></a></li>
                <li><a href="URL_DEL ENLACE" title="TITULO_DEL ENLACE"><span>NOMBRE_DEL ENLACE</span></a></li>
            </ul>
        </div> 
lo que me gustaria sabes es si hay alguna forma de ponerle a cada pestaña un color diferente o alguna imagen...

Re: tabs modificar colores

Publicado: 20 Dic 2010, 18:15
por leviatan21
Para generar las solapas en Prosilver se utilizan una serie de imágenes

Código: Seleccionar todo

raíz/styles/prosilver/theme/images/bg_tabs2.gif
raíz/styles/prosilver/theme/images/bg_tabs1.gif
Para que cada solapa tenga un color diferente habría que generar un juego de imágenes nuevo, nuevas entradas en la hoja de estilo y modificar las plantillas.

Re: tabs modificar colores

Publicado: 22 Dic 2010, 01:21
por patito_loko
ya hice las imagenes son bg_tabs2.png ahora como puedo hacer que me tome las imagenes esas y donde las ubico en el colours css? :(

Re: tabs modificar colores  Tema Solucionado

Publicado: 22 Dic 2010, 03:50
por leviatan21
patito_loko escribió:ya hice las imagenes son bg_tabs2.png ahora como puedo hacer que me tome las imagenes esas y donde las ubico en el colours css? :(
Si, en el archivo colours.css, cerca de la linea 740 verás todo esto

Código: Seleccionar todo

/* CP tabbed menu
----------------------------------------*/
#tabs a {
    background-image: url("{T_THEME_PATH}/images/bg_tabs1.gif");
}

#tabs a span {
    background-image: url("{T_THEME_PATH}/images/bg_tabs2.gif");
    color: #536482;
}

#tabs a:hover span {
    color: #BC2A4D;
}

#tabs .activetab a {
    border-bottom-color: #CADCEB;
}

#tabs .activetab a span {
    color: #333333;
}

#tabs .activetab a:hover span {
    color: #000000;
}
 

Re: tabs modificar colores

Publicado: 22 Dic 2010, 07:34
por patito_loko
muchas gracias gabriel, ya pude solucionarlo y es asi como me dijiste... yo tenia una duda pero por las dudas cree este tema para no seguir metiendo la pata en mi sitio. Saludos