Toolbar - Fundo de Degrade Metálico

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

Resolvido Toolbar - Fundo de Degrade Metálico

Mensagem por ShaDownS em Qui 29 Maio 2014 - 22:55

  • Descrição:
Olá, queria o code pra fazer minha Toolbar ter um fundo em Degrade metálico dessa cor #3366DD
ou #FF3333
Mas é um laranja um pouquinho escuro.
Ver minha Toolbar ~> http://forumnarutoshippudde.forumeiros.com

Nessa cor com esse degrade, onde o brilho claro vem de cima pra baixo. E a largura da Toolbar ser 110% Feliz

É só.
~ Abraços, Ulti.

  • Informações:
Fórum:http://forumnarutoshippudde.forumeiros.comVersão:PHPBB3
Tipo:Pedido de códigoTags:Toolbar,Fundo,Degrade,Metálico



Última edição por UltimaterX em Qui 5 Jun 2014 - 4:06, editado 2 vez(es)
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Toolbar - Fundo de Degrade Metálico

Mensagem por Hancki em Sex 30 Maio 2014 - 15:01

Olá!

Pode fazer o seu degradê nesta página: http://www.colorzilla.com/gradient-editor/ ?

Depois passa-me o código CSS que é gerado na caixa do lado direito e eu adequo à barra!

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Toolbar - Fundo de Degrade Metálico

Mensagem por ShaDownS em Dom 1 Jun 2014 - 3:32

Nossa, bem útil esse gerador de degrade Feliz

Bem, aqui esta o code:
Código:


background: rgb(255,119,68); /* Old browsers */

background: -moz-linear-gradient(top, rgb(255,119,68) 0%, rgb(255,102,51) 49%, rgb(255,85,17) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,119,68)), color-stop(49%,rgb(255,102,51)), color-stop(100%,rgb(255,85,17))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, rgb(255,119,68) 0%,rgb(255,102,51) 49%,rgb(255,85,17) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, rgb(255,119,68) 0%,rgb(255,102,51) 49%,rgb(255,85,17) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, rgb(255,119,68) 0%,rgb(255,102,51) 49%,rgb(255,85,17) 100%); /* IE10+ */

background: linear-gradient(to bottom, rgb(255,119,68) 0%,rgb(255,102,51) 49%,rgb(255,85,17) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7744', endColorstr='#ff5511',GradientType=0 ); /* IE6-9 */
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Toolbar - Fundo de Degrade Metálico

Mensagem por Hancki em Dom 1 Jun 2014 - 15:34

Use este CSS:
Código:
#fa_toolbar {
background: rgb(255,119,68) !important; /* Old browsers */
background: -moz-linear-gradient(top, rgb(255,119,68) 0%, rgb(255,102,51) 49%, rgb(255,85,17) 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,119,68)), color-stop(49%,rgb(255,102,51)), color-stop(100%,rgb(255,85,17))) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgb(255,119,68) 0%,rgb(255,102,51) 49%,rgb(255,85,17) 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgb(255,119,68) 0%,rgb(255,102,51) 49%,rgb(255,85,17) 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgb(255,119,68) 0%,rgb(255,102,51) 49%,rgb(255,85,17) 100%) !important; /* IE10+ */
background: linear-gradient(to bottom, rgb(255,119,68) 0%,rgb(255,102,51) 49%,rgb(255,85,17) 100%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7744', endColorstr='#ff5511',GradientType=0 ) !important; /* IE6-9 */
}
A diferença não é muita mesmo, mas nota-se a gradiência.

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Toolbar - Fundo de Degrade Metálico

Mensagem por ShaDownS em Seg 2 Jun 2014 - 1:18

Y
@Hancki escreveu:Use este CSS:
Código:
#fa_toolbar {
background: rgb(255,119,68) !important; /* Old browsers */
background: -moz-linear-gradient(top, rgb(255,119,68) 0%, rgb(255,102,51) 49%, rgb(255,85,17) 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,119,68)), color-stop(49%,rgb(255,102,51)), color-stop(100%,rgb(255,85,17))) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgb(255,119,68) 0%,rgb(255,102,51) 49%,rgb(255,85,17) 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgb(255,119,68) 0%,rgb(255,102,51) 49%,rgb(255,85,17) 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgb(255,119,68) 0%,rgb(255,102,51) 49%,rgb(255,85,17) 100%) !important; /* IE10+ */
background: linear-gradient(to bottom, rgb(255,119,68) 0%,rgb(255,102,51) 49%,rgb(255,85,17) 100%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7744', endColorstr='#ff5511',GradientType=0 ) !important; /* IE6-9 */
}
A diferença não é muita mesmo, mas nota-se a gradiência.

Hancki

Desculpe, mas não resultou :/
Eu validei duas vezes o code lá... Mas nada.
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Toolbar - Fundo de Degrade Metálico

Mensagem por Hancki em Seg 2 Jun 2014 - 17:02

Mande um print de onde deseja esse efeito!
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Toolbar - Fundo de Degrade Metálico

Mensagem por ShaDownS em Seg 2 Jun 2014 - 17:45

Se vc tiver Whatsapp, eu poderia lhe enviar os prints...

Eles tem grande quantidade, e tamanho muito grande, não consigo upar eles.

Mas é a Barra de Ferramentas Feliz essa barra do cabeçalho que tem as notificações, mecanismo de busca, links para rede sociais, links dos direitos autorais da forumeiros, perfil do usuário, e também o mini Avatar Feliz

Aqui, essa barra de ferramentas é fixa Feliz
E de cor azul e azul clara, não dá pra perceber essa coloração mas é assim pelo meu ver.

Se tiver Whatsapp, mande-me e por MP ^^

~ Abraços, Ulti.
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Toolbar - Fundo de Degrade Metálico

Mensagem por Hancki em Ter 3 Jun 2014 - 6:55

Aqui tinha funcionado perfeitamente!
Mas o link do seu fórum expirou?

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Toolbar - Fundo de Degrade Metálico

Mensagem por ShaDownS em Ter 3 Jun 2014 - 10:32

É que eu não consigo botar http://forumnarutoshippuden.forumeiros.com
Esse existe, mas não é meu, e atrapalha por não ter atividade por 3 anos ate hoje... :/
Queria esse domínio, mas eu vou ver com meu pai se ele deixa eu botar créditos no fórum pra deixar o domínio como eu quero ^^

Por enquanto, eu mudei pra http://areadetestes.forumeiros.com

^^
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Toolbar - Fundo de Degrade Metálico

Mensagem por Hancki em Ter 3 Jun 2014 - 15:09

Repare como está:


Com o meu código aplicado:


Certo amigo?
Onde está colocando o código que lhe passei?
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Toolbar - Fundo de Degrade Metálico

Mensagem por ShaDownS em Ter 3 Jun 2014 - 21:13

Painel de Controle Seta Visualização Seta Gestão de Imagens e Cores Seta Cores Seta Folha de Estilo

Foi ai que coloquei Feliz

~ Abraços, Ulti.
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Toolbar - Fundo de Degrade Metálico

Mensagem por Hancki em Qua 4 Jun 2014 - 6:01

Procure nessa folha de estilos por "fa_toolbar" e se existir, deixe aqui os códigos referentes a esse seletor!
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

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