Como arredondar cantos de caixas de seleção

Suporte aos Styles/Templates para phpBB.
Bigua
Novato
Novato
Mensagens: 22
Registrado em: 19 Mai 2014, 19:34

Como arredondar cantos de caixas de seleção

Mensagem por Bigua »

Olá,

Gostaria de saber como faria se quisesse deixar algumas caixas de seleção iguais da de voces no Suportephp... com cantos arredondados.

Agradeço a ajuda.
Avatar do usuário
robra
Membro Sênior
Membro Sênior
Mensagens: 6065
Registrado em: 02 Dez 2010, 22:29

Re: Como arredondar cantos de caixas de seleção

Mensagem por robra »

Por gentileza, atentar para a postagem do tópico no fórum respectivo ao assunto.
Se o assunto é sobre alterações no estilo, então o fórum correto é o "Styles / Templates" e não "Suporte Geral", onde originalmente foi postado. Já tentou usar o "Pesquisar..." no topo da página :arrow:
Faça uma busca por "arredondar" e por "arredondada" que retornará uma lista com links de tópicos já resolvidos abordando este assunto.

Abraço. Imagem
[DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".
Bigua
Novato
Novato
Mensagens: 22
Registrado em: 19 Mai 2014, 19:34

Re: Como arredondar cantos de caixas de seleção

Mensagem por Bigua »

O caso é que ja havia pesquisado bastante, mas não ha nada falando sobre bordas de caixa de seleção.. apenas sobre bordas de imagens, anuncios, etc.

Gostaria de uma mão a respeito...especificamente sobre essas caixas.

Agradeço
Avatar do usuário
Chico Gois
Administrador
Administrador
Mensagens: 3680
Registrado em: 03 Jul 2004, 03:53
Nome Real: Chico Gois
Localização: São Paulo - Capital
Contact:

Re: Como arredondar cantos de caixas de seleção

Mensagem por Chico Gois »

Por exemplo na caixa de login você tem este CSS

Código: Selecionar todos

input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea {
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    box-shadow: 0 0 3px #C0C0C0 inset, 0 5px 15px rgba(0, 0, 0, 0.04) inset;
    color: #939393;
    line-height: 1.5em;
    margin: 0 5px;
    min-height: 21px;
    outline: medium none;
    padding: 4px 13px 3px;
}
Repare no border-radius: 4px

Leia mais em http://www.maujor.com/index.php
Bigua
Novato
Novato
Mensagens: 22
Registrado em: 19 Mai 2014, 19:34

Re: Como arredondar cantos de caixas de seleção

Mensagem por Bigua »

Obrigado, Chico.
Na real, ate ja sei que pra arredondar usarei o border-radius. O problema é saber que arquivo CSS e onde nesse arquivo preciso colocar pra fazer efeito onde quero.
Por ex... essas caixas aqui embaixo.. "Exibir mensagens anteriores: ................Ordenar por................"

Onde mudaria pra fazer efeito nelas?
Avatar do usuário
Chico Gois
Administrador
Administrador
Mensagens: 3680
Registrado em: 03 Jul 2004, 03:53
Nome Real: Chico Gois
Localização: São Paulo - Capital
Contact:

Re: Como arredondar cantos de caixas de seleção

Mensagem por Chico Gois »

Instale o Firefox e depois instale a extensão FIREBUG, ele serve para inspecionar elementos.

É o que normalmente usamos quando queremos descobrir alguma coisa.
Avatar do usuário
robra
Membro Sênior
Membro Sênior
Mensagens: 6065
Registrado em: 02 Dez 2010, 22:29

Re: Como arredondar cantos de caixas de seleção

Mensagem por robra »

Pode usar também o Google Chrome, que possui o recurso "inspecionar elemento" também.
Para saber como identificar e interagir com elementos de uma página, faça uma busca no "Pesquisar..." do topo da página por "inspecionar elemento" e, no retorno da pesquisa, haverá um link de um artigo que explica sobre isso.

Abraço. Imagem
[DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".
Bigua
Novato
Novato
Mensagens: 22
Registrado em: 19 Mai 2014, 19:34

Re: Como arredondar cantos de caixas de seleção

Mensagem por Bigua »

Ok, pessoal. Vou dar uma olhada com cuidado nessa questao. Ate pq é util pra qq coisa.
E depois posto resultados aqui.

Obrigado.
Car2013
Novato
Novato
Mensagens: 33
Registrado em: 20 Nov 2013, 23:50

Re: Como arredondar cantos de caixas de seleção

Mensagem por Car2013 »

Tbm gostaria de saber como manipular o Firebug
Bigua
Novato
Novato
Mensagens: 22
Registrado em: 19 Mai 2014, 19:34

Re: Como arredondar cantos de caixas de seleção

Mensagem por Bigua »

Bem, pessoal.
Instalei aqui o Firebug. Td ok.
Mas...ai é tá. Nao consigo achar qual arquivo se encontra o que quero. Ou nao consigo 'ler' corretamente, ou nao sei onde achar. Tentei de tudo...e todos os arquivos q vi ali, mas nenhum parece conter o que quero.

Enfim. Segue o exemplo q fiz, clicando nessa caixa de seleção "Exibir mensagens anteriores:"

Imagem

Se possivel, gostaria q me dessem uma dica pra q eu possa achar corretamente sempre.
Abs
Trancado