Fundo preto nas opções da barra de ferramentas

Este Fórum está Bloqueado. Você não pode enviar, responder ou editar mensagens   Este Tópico está bloqueado. Você não pode editar as mensagens ou responder.

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
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16317
Pontos Ativos : 20820

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

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
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16317
Pontos Ativos : 20820

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

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
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16317
Pontos Ativos : 20820

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

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
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16317
Pontos Ativos : 20820

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

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
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16317
Pontos Ativos : 20820

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

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
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16317
Pontos Ativos : 20820

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

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
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16317
Pontos Ativos : 20820

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

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
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16317
Pontos Ativos : 20820

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

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
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16317
Pontos Ativos : 20820

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

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
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16317
Pontos Ativos : 20820

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

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
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16317
Pontos Ativos : 20820

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

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
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16317
Pontos Ativos : 20820

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

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
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16317
Pontos Ativos : 20820

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

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
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16317
Pontos Ativos : 20820

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

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


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