[Resolvido] [Duvida]Alterar cor da navbar do Boostrap

zDooKBR · Fevereiro 13, 2016

Bom o tema padrão do boostrap é azul, Gostaria de mudar para esta cor: #fd402e, Qual seria o procedimento?

Nano · Fevereiro 13, 2016

Coloca isso na sua head

<style>
.navbar {
background:  #fd402e;
}
</style>

Ou muda no css

.navbar {
background:  #fd402e;
}

Fevereiro 13, 2016

Adicione o parâmetro style à tag <nav> (acho que o bootstrap trabalha com ela).

Ex.:

<nav class="..." style="background: #fd402e">

Editado Fevereiro 13, 2016 por md5

zDooKBR · Fevereiro 13, 2016

Coloca isso na sua head

<style>
.navbar {
background:  #fd402e;
}
</style>

Ou muda no css

.navbar {
background:  #fd402e;
}

O active ficou azul ainda :c

Nano · Fevereiro 13, 2016

O active ficou azul ainda :c

<style>
.navbar {
background: #fd402e;
}

.active {
background: #fd402e;
}
</style>

zDooKBR · Fevereiro 13, 2016

<style>
.navbar {
background: #fd402e;
}

.active {
background: #fd402e;
}
</style>

Ha

Nano · Fevereiro 13, 2016

Ha

<style>
.navbar {
background: #fd402e;
}

.nano {
background: #fd402e;
}
</style>

No lugar de active escreve nano

zDooKBR · Fevereiro 13, 2016

<style>
.navbar {
background: #fd402e;
}

.nano {
background: #fd402e;
}
</style>

No lugar de active escreve nano

Active funcionando mais as letras continua azul kkk =/

Nano · Fevereiro 13, 2016

Active funcionando mais as letras continua azul kkk =/

Pras letras usa <font>

<font color="white">Texto</font>

TequilAxBr · Fevereiro 13, 2016

Só para avisar esse metodo que o nano passou, digamos que é antigo do HTML4 no HTML5 se faz com CSS:

Você define uma class ou id tanto faz não sei como você fez, mas digamos que eu faço assim:

HTML
<p class="texto"></p>

CSS
.texto{
color: white; \* Você pode mudar a cor */

}

zDooKBR · Fevereiro 13, 2016

Só para avisar esse metodo que o nano passou, digamos que é antigo do HTML4 no HTML5 se faz com CSS:

Você define uma class ou id tanto faz não sei como você fez, mas digamos que eu faço assim:
HTML
<p class="texto"></p>

CSS
.texto{
color: white; \* Você pode mudar a cor */

}

Digamos que o fa aqueles icones ta azul tambem kkk

</head>

<span class="sr-only">Toggle navigation</span>

</button>

<a class="navbar-brand" href="#">RedCraftCraft</a>

</div>

<li><a href="inicio.html"><i class="fa fa-home"></i> Início</a>

</li>

<li><a href="loja.html"><span class="fa fa-diamond"></span> HardCore</a></li>

<li><a href="ativarvip.html"><span class="fa fa-key"></span> Ativar VIP</a></li>

<li><a href="termosvip.html"><span class="fa fa-check-circle-o"></span> Termos VIP</a></li>

</ul>

<li><a href="regras.html"><i class="fa fa-book"></i> Regras</a>

</li>

<li><a href="votar.html"><i class="fa fa-check"></i> Votar</a>

</li>

<li class="active"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-list-alt"></i> Forum</a>

</ul>

<li><a href="embreve.html"><i class="fa fa-user"></i> IP: JOGAR.REDCRAFTSERVIDORES.NET</a>

</li>

</ul>

</div>

Fevereiro 13, 2016

Digamos que o fa aqueles icones ta azul tambem kkk

</head>



<body onselectstart="return false" oncontextmenu="return false" ondragstart="return false" onMouseOver="window.status='..message perso .. '; return true;">

<div class="navbar navbar-inverse navbar-fixed-top">

<div class="container">

<div class="navbar-header">

<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2">

<span class="sr-only">Toggle navigation</span>

<span class="icon-bar"></span>

<span class="icon-bar"></span>

<span class="icon-bar"></span>

</button>

<a class="navbar-brand" href="#">RedCraftCraft</a>

</div>

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">

<ul class="nav navbar-nav">

<li><a href="inicio.html"><i class="fa fa-home"></i> Início</a>

</li>

<li class="dropdown">

<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-shopping-cart"></i> Loja <b class="caret"></b></a>

<ul class="dropdown-menu">

<li><a href="loja.html"><span class="fa fa-diamond"></span> HardCore</a></li>

<li><a href="ativarvip.html"><span class="fa fa-key"></span> Ativar VIP</a></li>

<li class="divider.html"></li>

<li><a href="termosvip.html"><span class="fa fa-check-circle-o"></span> Termos VIP</a></li>

</ul>

<li><a href="regras.html"><i class="fa fa-book"></i> Regras</a>

</li>

<li><a href="votar.html"><i class="fa fa-check"></i> Votar</a>

</li>

<li class="active"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-list-alt"></i> Forum</a>

</ul>

<ul class="nav navbar-nav navbar-right">

<li><a href="embreve.html"><i class="fa fa-user"></i> IP: JOGAR.REDCRAFTSERVIDORES.NET</a>

</li>

</ul>

</div>

</div>

</div>

Com font-awesome (e Material Icons também), use color.

Ex.:

<i class="fa fa-check" style="color: #F5F5F5"></i>

zDooKBR · Fevereiro 13, 2016

Sua dúvida foi marcada como [Resolvido] e movido à área de dúvidas resolvidas.

Atenciosamente,
Gamer's Board

Entrar

[Resolvido] [Duvida]Alterar cor da navbar do Boostrap

Pergunta

Link para o comentário

Compartilhar em outros sites

12 respostass a esta questão

Posts Recomendados

Link para o comentário

Compartilhar em outros sites

Guest md5

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Guest md5

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Popular Agora

Quem está navegando 0 membros estão online