Toolbar - Fundo de Degrade Metálico Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Toolbar - Fundo de Degrade Metálico

2 participantes

Ir para baixo

Tópico resolvido Toolbar - Fundo de Degrade Metálico

Mensagem por ShaDownS 30.05.14 2: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 05.06.14 8:06, editado 2 vez(es)
ShaDownS
ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Tópico resolvido Re: Toolbar - Fundo de Degrade Metálico

Mensagem por Hancki 30.05.14 19: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
Hancki
Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Toolbar - Fundo de Degrade Metálico

Mensagem por ShaDownS 01.06.14 7: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 */
ShaDownS
ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Tópico resolvido Re: Toolbar - Fundo de Degrade Metálico

Mensagem por Hancki 01.06.14 19: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
Hancki
Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Toolbar - Fundo de Degrade Metálico

Mensagem por ShaDownS 02.06.14 5: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.
ShaDownS
ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Tópico resolvido Re: Toolbar - Fundo de Degrade Metálico

Mensagem por Hancki 02.06.14 21:02

Mande um print de onde deseja esse efeito!
Hancki
Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Toolbar - Fundo de Degrade Metálico

Mensagem por ShaDownS 02.06.14 21: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.
ShaDownS
ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Tópico resolvido Re: Toolbar - Fundo de Degrade Metálico

Mensagem por Hancki 03.06.14 10:55

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

Hancki
Hancki
Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Toolbar - Fundo de Degrade Metálico

Mensagem por ShaDownS 03.06.14 14: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

^^
ShaDownS
ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Tópico resolvido Re: Toolbar - Fundo de Degrade Metálico

Mensagem por Hancki 03.06.14 19:09

Repare como está:
Toolbar - Fundo de Degrade Metálico CVWiuCH

Com o meu código aplicado:
Toolbar - Fundo de Degrade Metálico Rz4K7w9

Certo amigo?
Onde está colocando o código que lhe passei?
Hancki
Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Toolbar - Fundo de Degrade Metálico

Mensagem por ShaDownS 04.06.14 1: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.
ShaDownS
ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Tópico resolvido Re: Toolbar - Fundo de Degrade Metálico

Mensagem por Hancki 04.06.14 10:01

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

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos