crea un fichero css y pon este codigo, luego añadelo a tu pagina,
personaliza los colores y ya, otra opción es que descargues un tema para
bootstrap que tenga los colores que necesitas por supuesto necesitas
salida al mar para esta opción.
<code>
/* NavBar configuration*/
.navbar-inner, .navbar .btn-navbar {
background: #00ccff;
background: -moz-linear-gradient(top, #00ccff 50%, #1376bb 100%);
background: -webkit-gradient(linear, left top, left bottom,
color-stop(50%,#00ccff), color-stop(100%,#1376bb));
background: -webkit-linear-gradient(top, #00ccff 50%,#1376bb 100%);
background: -o-linear-gradient(top, #00ccff 50%,#1376bb 100%);
background: -ms-linear-gradient(top, #00ccff 50%,#1376bb 100%);
background: linear-gradient(to bottom, #00ccff 50%,#1376bb 100%);
filter:
progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ccff',
endColorstr='#1376bb',GradientType=0 );
border: 1px solid #00ccff;
}
.navbar .divider-vertical {
background-color: #1376bb;
border-right: 1px solid #00ccff;
}
.navbar .nav > li > a {
color: #003380;
}
.navbar .nav > li > a:hover {
text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px
rgba(255,255,255,.4);
color: #fff;
}
.navbar .nav .active > a, .navbar .nav .active > a:hover {
background-color: #1376bb;
text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px
rgba(255,255,255,.4);
color: #fff;
}
.navbar .nav > li > a {
float: none;
padding: 10px 15px 10px;
color: #003380;
text-decoration: none;
text-shadow: 0 1px 0 #003380;
}
.navbar-link {
color: #003380;
}
.navbar-link:hover,
.navbar-link:focus {
color: #fff;
}
<code>
Saludos
El mié, 14-05-2014 a las 09:44 -0400, Donald Yañez Glez escribió:
> Saludos listeros, estoy diseñando una plantilla en Twiter Bootstrap
> 3.1.1 y para ello agarre una de las plantillas q viene pero no me gusta
> en color del "navbar-inverse" q es de color oscuro, yo quiero ponerle
> por ejemplo un color azul, usando el firebug de firefox veo q la linea q
> da color al navbar es:
>
> background-image: linear-gradient(to bottom, #222 0%, #282828 100%);
>
> en el archivo bootstrap-theme.css, la pregunta es si usando mi archivo
> .css puedo sobreescribir esta linea, xq he tratado y nada de nada, tiene
> q ver el orden con q se declaran las hojas de estilo en el archivo .html
> ?!?!?
>
> Mis conocimientos en esto del diseño web son minimos y por eso necesito
> la info, espero puedan ayudarme . . . gracias de antemano . . .
>
> --
>
> Este mensaje le ha llegado mediante el servicio de correo electronico que
> ofrece Infomed para respaldar el cumplimiento de las misiones del Sistema
> Nacional de Salud. La persona que envia este correo asume el compromiso de
> usar el servicio a tales fines y cumplir con las regulaciones establecidas
>
> Infomed: http://www.sld.cu/
>
>
--
Este mensaje le ha llegado mediante el servicio de correo electronico que
ofrece Infomed para respaldar el cumplimiento de las misiones del Sistema
Nacional de Salud. La persona que envia este correo asume el compromiso de usar
el servicio a tales fines y cumplir con las regulaciones establecidas
Infomed: http://www.sld.cu/
--
Este mensaje ha sido analizado por MailScanner
en busca de virus y otros contenidos peligrosos,
y se considera que est� limpio.
______________________________________________________________________
Lista de correos del Grupo de Usuarios de Tecnologías Libres de Cuba.
Gutl-l@jovenclub.cu
https://listas.jovenclub.cu/cgi-bin/mailman/listinfo/gutl-l
