Fundo preto nas opções da barra de ferramentas

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Fundo preto nas opções da barra de ferramentas

Mensagem por D69 em 15/03/13, 08:45 am

Qual é minha questão:
Boas,
gostaria de saber se é possivel alterar a cor de fundo para (black) na nova barra de ferramentas nas opções "Caixa de Busca", Bem-vindo... e tambem nas "Notificações"?
É claro que se terias tambem de alterar a cor do Tipo de letra para cor Branca ou outra ao nosso gosto!
Se possivel agradecia o codigo para fazer essas alterações.
Agradecido.


Endereço do meu fórum:
http://www.planetawebmusic.net

Versão do fórum:
PHPBB3


Última edição por D69 em 16/03/13, 06:25 pm, editado 1 vez(es)
avatar

D69
Nível 8

Masculino
Inscrito dia : 06/09/2010
Mensagens : 133
Pontos Ativos : 179

Ver perfil do usuário http://www.planetawebmusic.net

Resolvido Re: Fundo preto nas opções da barra de ferramentas

Mensagem por Sennior em 15/03/13, 11:40 am

Saudações!

Ultilize este código CSS, colocando-o no inicio de teu CSS:

Código:
#fa_textarea {
background: black;
}
#fa_menulist {
background: black;
}

Até mais!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Fundo preto nas opções da barra de ferramentas

Mensagem por D69 em 15/03/13, 11:45 am

Boas Mikéé, esse codigo só deu mesmo na Caixa de busca e sem borda, nas outras opções ficou igual (fundo branco).
avatar

D69
Nível 8

Masculino
Inscrito dia : 06/09/2010
Mensagens : 133
Pontos Ativos : 179

Ver perfil do usuário http://www.planetawebmusic.net

Resolvido Re: Fundo preto nas opções da barra de ferramentas

Mensagem por Sennior em 15/03/13, 11:48 am

Saudações!

Troque por este, adicionando no inicio de teu CSS:

Código:
#fa_textarea {
background: black;
borde: 1px solid rgb(206, 206, 206) !important;
}
#fa_menulist {
background: black !important;
}

Até mais!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Fundo preto nas opções da barra de ferramentas

Mensagem por D69 em 15/03/13, 11:54 am

Ficou á maneira so na opção "Bem-vindo...", em "Notificações" continua com fundo branco!
A caixa de busca tambem ficou á maneira so que ao digitar as letras são de cor preta (não se vê nada).
avatar

D69
Nível 8

Masculino
Inscrito dia : 06/09/2010
Mensagens : 133
Pontos Ativos : 179

Ver perfil do usuário http://www.planetawebmusic.net

Resolvido Re: Fundo preto nas opções da barra de ferramentas

Mensagem por Sennior em 15/03/13, 11:58 am

Saudações!

Ultilize este código CSS amigo, se eu não responder à próxima, é que eu fui pra escola Rindo

Código:
#fa_textarea {
background: black;
color: white;
border: 1px solid rgb(196, 196, 196) !important;
}
#fa_menulist {
background: black !important;
border: 1px solid rgb(218, 218, 218) !important;
color: white !important;
}
#fa_usermenu {
color: white !important;
}

Abraços!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Fundo preto nas opções da barra de ferramentas

Mensagem por D69 em 15/03/13, 12:01 pm

Mikée, ficou á maneira a "Caixa de busca" e "Bem-vindo...", só falta mesmo as "Notificações" que continua com fundo branco!
avatar

D69
Nível 8

Masculino
Inscrito dia : 06/09/2010
Mensagens : 133
Pontos Ativos : 179

Ver perfil do usuário http://www.planetawebmusic.net

Resolvido Re: Fundo preto nas opções da barra de ferramentas

Mensagem por Sennior em 15/03/13, 12:04 pm

Saudações!

Use este CSS agora:

Código:
.see_all {
background: rgb(0, 0, 0) !important;
}

Até mais!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Fundo preto nas opções da barra de ferramentas

Mensagem por D69 em 15/03/13, 12:07 pm

Acrescentei esse ultimo codigo e nada, continua com fundo branco nas "Notificações".
avatar

D69
Nível 8

Masculino
Inscrito dia : 06/09/2010
Mensagens : 133
Pontos Ativos : 179

Ver perfil do usuário http://www.planetawebmusic.net

Resolvido Re: Fundo preto nas opções da barra de ferramentas

Mensagem por Sennior em 15/03/13, 12:08 pm

Saudações!

Esse vai resultar, coloque no inicio de teu CSS:

Código:
.unread {
background: black !important;
color: white !important;
}
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Fundo preto nas opções da barra de ferramentas

Mensagem por D69 em 15/03/13, 12:12 pm

Dê-me só 1 min pra fazer 2 prints para vc ver como ficou!
avatar

D69
Nível 8

Masculino
Inscrito dia : 06/09/2010
Mensagens : 133
Pontos Ativos : 179

Ver perfil do usuário http://www.planetawebmusic.net

Resolvido Re: Fundo preto nas opções da barra de ferramentas

Mensagem por D69 em 15/03/13, 12:23 pm

Bom, inserindo o ultimo codigo...

Mudou a cor do titulo "Notificações" para branco, o resto esta igual.Eu quero que continue com cor Laranja

"Bem vindo..." esta tudo bem menos o titulo que eu quero com fundo preto tambem quando clicamos e não como esta no print...

Dá pra vc entender?
avatar

D69
Nível 8

Masculino
Inscrito dia : 06/09/2010
Mensagens : 133
Pontos Ativos : 179

Ver perfil do usuário http://www.planetawebmusic.net

Resolvido Re: Fundo preto nas opções da barra de ferramentas

Mensagem por Sennior em 15/03/13, 06:47 pm

Saudações! Muito feliz

Coloque o código abaixo:

Código:
#fa_welcome {
background: black !important;
}

Até mais!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Fundo preto nas opções da barra de ferramentas

Mensagem por D69 em 15/03/13, 07:00 pm

Ao clicar em "Bem-vindo..." depois quase não se vê o dito "Bem-vindo"...

Á parte disso só falta mesmo as "Notificações" que continua com fundo branco.
avatar

D69
Nível 8

Masculino
Inscrito dia : 06/09/2010
Mensagens : 133
Pontos Ativos : 179

Ver perfil do usuário http://www.planetawebmusic.net

Resolvido Re: Fundo preto nas opções da barra de ferramentas

Mensagem por Sennior em 15/03/13, 07:02 pm

Troque por este:

Código:
#fa_welcome {
background: black !important;
color: White !important;
}
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Fundo preto nas opções da barra de ferramentas

Mensagem por D69 em 15/03/13, 07:13 pm

A sua varinha magica ta quase la.
Agora ficou certo só que a cor ficou branca em "Bem-vindo...", mas até pode ficar assim mesmo porque realça a cor do membro pra entrar no seu perfil, nao é que fique a condizer com a cor do resto da barra, mas...

Só falta mesmo mudar a cor de fundo das "Notificações" (Preto).
avatar

D69
Nível 8

Masculino
Inscrito dia : 06/09/2010
Mensagens : 133
Pontos Ativos : 179

Ver perfil do usuário http://www.planetawebmusic.net

Resolvido Re: Fundo preto nas opções da barra de ferramentas

Mensagem por Sennior em 15/03/13, 07:15 pm

kkkkkk' Tá com problemas minha varinha Rindo

Acrescente este:

Código:
#notif_list {
background: black !important;
}
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Fundo preto nas opções da barra de ferramentas

Mensagem por D69 em 15/03/13, 07:22 pm

Não deu ainda.
Ficou como na imagem em cima...
avatar

D69
Nível 8

Masculino
Inscrito dia : 06/09/2010
Mensagens : 133
Pontos Ativos : 179

Ver perfil do usuário http://www.planetawebmusic.net

Resolvido Re: Fundo preto nas opções da barra de ferramentas

Mensagem por Sennior em 15/03/13, 07:35 pm

Passei código errado Rindo

Use este amigo:

Código:
#fa_right.welcome #fa_menu #fa_welcome {
background: black !Important;
color: white;
}

Coloque no inicio.

Até mais!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Fundo preto nas opções da barra de ferramentas

Mensagem por D69 em 15/03/13, 07:41 pm

Agora voltou a ficar igual ao print de cima...

Não existe maneira de ficar tambem com a cor laranja quando abre o popup?
É só o que falta, tirando claro o fundo das "Notificações" que ainda não chagamos la.
avatar

D69
Nível 8

Masculino
Inscrito dia : 06/09/2010
Mensagens : 133
Pontos Ativos : 179

Ver perfil do usuário http://www.planetawebmusic.net

Resolvido Re: Fundo preto nas opções da barra de ferramentas

Mensagem por Sennior em 15/03/13, 07:49 pm

Perai! Agora você quer que o "Bem vindo fique laranja? Me fale tudo como quer.

Até mais!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Fundo preto nas opções da barra de ferramentas

Mensagem por D69 em 15/03/13, 07:54 pm

O que eu quero é que antes e depois de clicar nessas opções a cor seja sempre laranja, porque é a cor que inseri quando liguei a barra de ferramentas, só que antes de clicar para abrir a opçao de entrar no perfil a cor é laranja e depois de clicar e abrir o popup fica dessa cor escura que mal da pra ver e eu quero que continue laranja.
avatar

D69
Nível 8

Masculino
Inscrito dia : 06/09/2010
Mensagens : 133
Pontos Ativos : 179

Ver perfil do usuário http://www.planetawebmusic.net

Resolvido Re: Fundo preto nas opções da barra de ferramentas

Mensagem por Sennior em 15/03/13, 07:59 pm

Troque o código que passei por este

Código:
#fa_right.welcome #fa_menu #fa_welcome {
background: black !important;
color: rgb(255, 173, 0);
}
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Fundo preto nas opções da barra de ferramentas

Mensagem por D69 em 15/03/13, 08:12 pm

Continua igual ao ultimo print que enviei.
Mikéé, se quiser podemos descansar um pouco e amanhã continuamos e eu sei que a sua varinha tem mais trabalho para outros membros do FDF (darei 1 UP).
Vou deixar a barra como está e amanhã veremos melhor.
Desde ja agradeço o trabalho que tem tido com a minha barra Positivo
O codigo completo que inseri para personalizar a barra é este...

Spoiler:
Código:
#fa_right.welcome #fa_menu #fa_welcome {
background: black !important;
color: rgb(255, 173, 0);
}
#fa_textarea {
background: black;
color: white;
border: 1px solid rgb(196, 196, 196) !important;
}
#fa_menulist {
background: black !important;
border: 1px solid rgb(218, 218, 218) !important;
color: white !important;
}
#fa_usermenu {
color: white !important;
}
avatar

D69
Nível 8

Masculino
Inscrito dia : 06/09/2010
Mensagens : 133
Pontos Ativos : 179

Ver perfil do usuário http://www.planetawebmusic.net

Resolvido Re: Fundo preto nas opções da barra de ferramentas

Mensagem por Sennior em 15/03/13, 08:20 pm

Saudações!

Troque tudo por este código:

Código:
#fa_textarea {
background: black !important;
border: 1px solid rgb(128, 128, 128) !important;
color: white !important;
}
#fa_menulist {
background: black !important;
color: white !important;
}
#fa_usermenu {
color: white !important;
}
#fa_right.welcome #fa_menu #fa_welcome {
background-color: black !important;
color: rgb(245, 138, 2) !Important;
}
#fa_right #fa_menu #fa_welcome, #fa_right.notification #fa_menu #fa_welcome {
color: rgb(245, 147, 0) !important;
}
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Fundo preto nas opções da barra de ferramentas

Mensagem por D69 em 15/03/13, 08:32 pm

Estamos quase, abrindo e fechando a popup agora fica sempre laranja só que é um laranja mais claro...
avatar

D69
Nível 8

Masculino
Inscrito dia : 06/09/2010
Mensagens : 133
Pontos Ativos : 179

Ver perfil do usuário http://www.planetawebmusic.net

Resolvido Re: Fundo preto nas opções da barra de ferramentas

Mensagem por Sennior em 15/03/13, 08:34 pm

Olá!

Troque por este:

Código:
#fa_textarea {
background: black !important;
border: 1px solid rgb(128, 128, 128) !important;
color: white !important;
}
#fa_menulist {
background: black !important;
color: white !important;
}
#fa_usermenu {
color: white !important;
}
#fa_right.welcome #fa_menu #fa_welcome {
background-color: black !important;
color: rgb(255, 163, 0) !important;
}
#fa_right #fa_menu #fa_welcome, #fa_right.notification #fa_menu #fa_welcome {
color: rgb(255, 163, 0) !important;
}

Até mais!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Fundo preto nas opções da barra de ferramentas

Mensagem por D69 em 15/03/13, 08:39 pm

Não mudou nada, ficou igual ao print da barra que enviei.
avatar

D69
Nível 8

Masculino
Inscrito dia : 06/09/2010
Mensagens : 133
Pontos Ativos : 179

Ver perfil do usuário http://www.planetawebmusic.net

Resolvido Re: Fundo preto nas opções da barra de ferramentas

Mensagem por D69 em 15/03/13, 09:06 pm

Mikéé,mudei a cor da barra no painel e ficou á maneira.

Agora só falta mesmo mudar o fundo das "Notificações" para preto!
avatar

D69
Nível 8

Masculino
Inscrito dia : 06/09/2010
Mensagens : 133
Pontos Ativos : 179

Ver perfil do usuário http://www.planetawebmusic.net

Resolvido Re: Fundo preto nas opções da barra de ferramentas

Mensagem por Sennior em 15/03/13, 09:19 pm

Saudações!

Acrescente:

Código:
#fa_menu:hover :visited, #fa_toolbar > #fa_right.notification > #fa_notifications {
background-color: black !important;
color: rgb(241, 133, 15);
}

Se desejar também mude a cor.

Até mais!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Fundo preto nas opções da barra de ferramentas

Mensagem por Jpjupa em 16/03/13, 06:02 pm

Olá, creio que esse código que fiz vai ajudar:
#fa_right.welcome #fa_menu ul {
background-color: black !important;
color: white !important;
}

#fa_toolbar #fa_right #notif_list li.unread {
background-color: black !important;
color: white !important;
}

Se quiser modificações, só é falar.
Jpjupa.
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Fundo preto nas opções da barra de ferramentas

Mensagem por D69 em 16/03/13, 06:24 pm

Boas jpjupa, deu na perfeição!
O meu Obrigado ao Mikéé plo trabalho de ontem e a voce tambem jpjupa
avatar

D69
Nível 8

Masculino
Inscrito dia : 06/09/2010
Mensagens : 133
Pontos Ativos : 179

Ver perfil do usuário http://www.planetawebmusic.net

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum