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

  • Favoritar esta postagem
  • 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, 23:29
    MSG 1500+Avatar

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

  • Favoritar esta postagem
  • 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

  • Favoritar esta postagem
  • 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: 3927
    Registrado em: 03 Jul 2004, 03:53
    Nome Real: Chico Gois
    Localização: São Paulo - Capital
    Contato:
    MSG 1500+AvatarLenda

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

  • Favoritar esta postagem
  • 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

  • Favoritar esta postagem
  • 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: 3927
    Registrado em: 03 Jul 2004, 03:53
    Nome Real: Chico Gois
    Localização: São Paulo - Capital
    Contato:
    MSG 1500+AvatarLenda

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

  • Favoritar esta postagem
  • 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, 23:29
    MSG 1500+Avatar
    Você favoritou esta postagem

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

  • Remover marcador da postagem
  • 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

  • Favoritar esta postagem
  • 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: 21 Nov 2013, 00:50

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

  • Favoritar esta postagem
  • 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

  • Favoritar esta postagem
  • 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