Implementar o recurso de sombreamento azul

[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 :)

[Bruno Dias]

faz uma inspeçao com o google chrome que vc aprende

[Holmes]

valeu bruno vou tentar usar o inspecionar elementos do google.

vlw fwi, Holmes

[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.

[Holmes]

oi robra, vou ver isto! qualquer dúvida posto.

vlw fwi, Holmes

[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

[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.

[Holmes]

oi robra, fiz as alterações e continua a mesma coisa! não percebi diferenças...veja lá!

vlw fwi, Holmes

[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.

[Holmes]

robra, fiz tudo e agora troque de navegar e está funcionando! obrigado...

vlw fwi, Holmes