Página 1 de 2

Como arredondar cantos de caixas de seleção

Enviado: 20 Mai 2014, 01:39
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.

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

Enviado: 20 Mai 2014, 17:55
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

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

Enviado: 20 Mai 2014, 18:30
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

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

Enviado: 21 Mai 2014, 00:24
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

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

Enviado: 21 Mai 2014, 01:30
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?

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

Enviado: 21 Mai 2014, 01:37
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.

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

Enviado: 21 Mai 2014, 10:09
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

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

Enviado: 21 Mai 2014, 16:44
por Bigua
Ok, pessoal. Vou dar uma olhada com cuidado nessa questao. Ate pq é util pra qq coisa.
E depois posto resultados aqui.

Obrigado.

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

Enviado: 22 Mai 2014, 20:51
por Car2013
Tbm gostaria de saber como manipular o Firebug

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

Enviado: 22 Mai 2014, 20:56
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