Página 4 de 5

Re: Botão volta ao topo

Enviado: 17 Mar 2012, 11:28
por robra
... a cor do fundo do botão dá para mudar?
Na código de configuração do botão, na linha...

Código: Selecionar todos

background: #F7F7F7;  
... altere o valor F7F7F7 para o código hexadecimal da cor que deseja.

Abraço. Imagem

Re: Botão volta ao topo

Enviado: 17 Mar 2012, 12:05
por robra
Caso queira substituir o texto do botão por uma imagem, no final da mensagem viewtopic.php?f=147&t=46019&p=276134#p276134 tem a explicação.

Se quiser aprender como identificar os elementos da página e interagir com eles em tempo real para ver como ficará a página antes de efetuar as alterações, leio o artigo: Identificar e interagir com elementos da página.

Abraço. Imagem

Re: Botão volta ao topo

Enviado: 17 Mar 2012, 12:12
por Holmes
valeu robra, vou ler o artigo!

vlw fwi, Holmes :)

Re: Botão volta ao topo

Enviado: 17 Mar 2012, 13:52
por robra
robra escreveu:
... a cor do fundo do botão dá para mudar?
Na código de configuração do botão, na linha...

Código: Selecionar todos

background: #F7F7F7;    
... altere o valor F7F7F7 para o código hexadecimal da cor que deseja.
Se quiser, você pode criar uma imagem meio transparente e trocar a linha background: #F7F7F7; por...
background-image: url(http://www.endereço da imagem); ... tendo que inserir o endereço da imagem.

Abraço. Imagem

Re: Botão volta ao topo

Enviado: 17 Mar 2012, 14:07
por Holmes
encontrei um programinha, o Instant Eyedropper, que dá para identificar o código hexadecimal da cor.

http://instant-eyedropper.com/

vlw fwi, Holmes :)

Re: Botão volta ao topo

Enviado: 17 Mar 2012, 15:07
por robra
Holmes escreveu:encontrei um programinha, o Instant Eyedropper, que dá para identificar o código hexadecimal da cor.

http://instant-eyedropper.com/

vlw fwi, Holmes :)
É só procurar no Google por "cores hexadecimais" e retornará vários links de tabelas de cores com os respectivos códigos, ou então a página http://www.webcalc.com.br/utilitarios/rgb_hex.html, onde você poderá obter código hexadecimal a partir de um RGB e vice-versa.

Abraço. Imagem

Re: Botão volta ao topo

Enviado: 17 Mar 2012, 20:38
por Holmes
esse programinha usei para descobrir o código hexadecimal do azul escuro do fórum, aí coloquei no botão "^Voltar ao Topo". bem interessante!

vlw fwi, Holmes :)

Re: Botão volta ao topo

Enviado: 17 Mar 2012, 21:04
por robra
Holmes escreveu:esse programinha usei para descobrir o código hexadecimal do azul escuro do fórum, aí coloquei no botão "^Voltar ao Topo". bem interessante!

vlw fwi, Holmes :)
É só usar o "inspecionar elemento" do Google Chrome que você pega todas as configurações dos elementos da página.
Leia o artigo Identificar e interagir com elementos da página.

Abraço. Imagem

Re: Botão volta ao topo

Enviado: 17 Mar 2012, 22:21
por Holmes
valeu robra pela indicação.

vlw fwi, Holmes :)

Re: Botão volta ao topo

Enviado: 15 Jan 2014, 20:30
por Guilherme_Engel
ja fiz tudo isso mas o botao nao aparece mas se eu coloco "meuforum.com.br/#top,ele vai pro topo mas o botao nao aparece.estou revivendo um tópico velho mas preciso saber foi o unico q encontrei