Página 1 de 2
Implementar o recurso de sombreamento azul
Enviado: 02 Abr 2012, 11:36
por Holmes
Qual a URL do seu fórum: http://chakra-linux.com.br/forum/portal.php
Tipo de Hospedagem: Free
Qual a versão do phpBB: phpBB 3.0.10
É um novo ou uma conversão: Instalação Limpa
Usuário de teste: Usuário: Senha:
Estilos instalados: Style we_clearblue
Modificações instaladas: "quem esteve aqui?"; "board3 portal"; "Resolvido"; "WMP"; "Posting Template"; "Legend Repositioning"; "ACP Announcement Centre'
Qual seu nivel de experiência:: Iniciante
Quando começou o problema: uma orientação
Descreva seu problema: oi pessoal, gostaria de saber como eu poderia adicionar o recurso da imagem abaixo. esse recurso diz respeito ao
sombreamento azul que surge quando colocamos o cursor, por exemplo, quando vamos fazer o login no suporte phpbb.
vlw fwi, Holmes :)
Re: Implementar o recurso de sombreamento azul
Enviado: 02 Abr 2012, 12:29
por Bruno Dias
faz uma inspeçao com o google chrome que vc aprende
Re: Implementar o recurso de sombreamento azul
Enviado: 02 Abr 2012, 13:06
por Holmes
valeu bruno vou tentar usar o inspecionar elementos do google.
vlw fwi, Holmes
Re: Implementar o recurso de sombreamento azul
Enviado: 02 Abr 2012, 13:23
por robra
Utilize o "
inspecionar elemento" sobre a caixa de texto da página do login. No painel que abrirá na parte inferior da página, clique na aba "
Resources". No menu da esquerda, clique em
Stylesheets>>
style.php. Na parte central do painel, procure por
.inputbox e você achará as definições para a caixa de texto da página do login, incluindo
.inputbox:hover e
.inputbox:focus.
Abraço.
Re: Implementar o recurso de sombreamento azul
Enviado: 02 Abr 2012, 15:17
por Holmes
oi robra, vou ver isto! qualquer dúvida posto.
vlw fwi, Holmes
Re: Implementar o recurso de sombreamento azul
Enviado: 03 Abr 2012, 12:05
por Holmes
pesquisando encontrei isto:
Código: Selecionar todos
inputbox {
background-color: #FFFFFF;
border: 1px solid #c0c0c0;
border-radius: 5px;
color: #333333;
padding: 2px;
cursor: text;
}
.inputbox:hover {
border: 1px solid #eaeaea;
}
.inputbox:focus {
border: 1px solid #eaeaea;
color: #4b4b4b;
}
fiz a substituição no meu arquivo colours.ccs, mas não percebi esse sombreado azul!
o meu era isto:
Código: Selecionar todos
.inputbox {
background-color: #FFFFFF;
border-color: #B4BAC0;
color: #333333;
}
.inputbox:hover {
border-color: #6c94b6;
}
.inputbox:focus {
border-color: #6c94b6;
color: #0F4987;
}
vlw fwi, Holmes
Re: Implementar o recurso de sombreamento azul
Enviado: 03 Abr 2012, 13:34
por robra
Em seu
colours.css alterado, ache as linhas...
Código: Selecionar todos
.inputbox {
background-color: #FFFFFF;
border: 1px solid #c0c0c0;
border-radius: 5px;
color: #333333;
padding: 2px;
cursor: text;
}
.inputbox:hover {
border: 1px solid #eaeaea;
}
.inputbox:focus {
border: 1px solid #eaeaea;
color: #4b4b4b;
}
... e
substitua por:
Código: Selecionar todos
.inputbox {
background-color: #FFFFFF;
border: 1px solid #c0c0c0;
border-radius: 5px;
color: #333333;
padding: 3px;
cursor: text;
}
.inputbox:hover {
border: 1px solid #11A3EA;
}
.inputbox:focus {
border-color: #11A3EA;
color: #0F4987;
-webkit-box-shadow: 0px 0px 5px #007eff;
-moz-box-shadow: 0px 0px 5px #007eff;
box-shadow: 0px 0px 5px #007eff;
}
Depois limpe o cache do Fórum.
Abraço.
Re: Implementar o recurso de sombreamento azul
Enviado: 03 Abr 2012, 13:53
por Holmes
oi robra, fiz as alterações e continua a mesma coisa! não percebi diferenças...veja lá!
vlw fwi, Holmes
Re: Implementar o recurso de sombreamento azul
Enviado: 03 Abr 2012, 14:16
por robra
Você limpou o cache do Fórum e de seu navegador ?
Porque fiz as alterações em meu Fórum de testes, antes de postá-las, e funcionou perfeitamente, conforme imagem abaixo:
img000.jpg
O problema é a pecinha aí na frente do monitor...
Abraço.
Re: Implementar o recurso de sombreamento azul
Enviado: 03 Abr 2012, 14:30
por Holmes
robra, fiz tudo e agora troque de navegar e está funcionando! obrigado...
vlw fwi, Holmes