Arredondar o fórum

[iKeyboard]

Qual é sua questão:
Olá !

Estava olhando alguns tópicos e vi um tópico semelhante a que eu estou postando , dai resolvi fazer a dúvida novamente ... ( Já fiz a mesma uns meses atrás ai ._. )

Queria saber como arredonda tudo , até o botão , Registre-se , Login , Quote , Spoilers , Codes , as pontas no índice .

Obs: Não quero que arredonde a Assinatura .
Obs²: Versão do meu fórum é: PhpBB3


Abraços

[Callie]

Olá Pidim,

Quando se refere ao botão de registo, login, índice está a falar do menu?

Até mais.

[iKeyboard]

Sim .

[Callie]

Olá de novo,

Vamos por partes. Quanto aos botões terão de ter mesmo os cantos arredondados através de edição de imagem.
Veja o que este código modifica nas quotes, spoiler e área de código:

Código:

blockquote {
border: 2px solid #000000;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
box-shadow: 10px 10px 5px #555555;
-moz-box-shadow: 10px 10px 5px #555555;
-webkit-box-shadow: 10px 10px 5px #555555;
}

cite {
border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
}

.spoiler {
border: 2px solid #000000;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
box-shadow: 10px 10px 5px #555555;
-moz-box-shadow: 10px 10px 5px #555555;
-webkit-box-shadow: 10px 10px 5px #555555;
}

.spoiler dt {
border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
}

Até mais.

[iKeyboard]

Olá !

Funcionou , apenas o [*code][*/code] que não arredondou .

O quote e o Spoiler ficou quase como eu queria , só aquela sombra que atrapalhou ...
Se tivesse como tirar ela , eu agradeceria .


Abraços.

[seender]

Olá!

Utilize este:

Código:

    blockquote {
    border: 2px solid #000000;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    }
.post {
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    }
.button2, .button3{
    border: 2px solid #000000;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    }

    cite {
    border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    }

    .spoiler {
    border: 2px solid #000000;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    }

    .spoiler dt {
    border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    }

Resolve?

Melhores cumprimentos,
seender

[iKeyboard]

Olá!

Sim , resolve .

Só o código que continua quadrado ...
E também quando edita/posta um novo tópico o botão 'Enviar' , não fica redondo , ele fica normal ( quadrado ) .

Imagem:



Até mais!

[Luciano98]

Olá!

Para arredondar o "Enviar" e o "Code" faça o seguinte.

Aceda à "Folha de estilo CSS":
:seta3: Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS

Código:

.button2{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}.codebox{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}

Salve.

Até mais.
Luciano98

[iKeyboard]

Olá !

Só o 'code' funcionou , o botão 'Enviar' continua o mesmo ...

Só que ele está apenas arredondado na parte de Resposta Rápida , mas quando edita um tópico ou vai postar 1 , ele fica quadrado do mesmo jeito ...

E também estava vendo aqui umas coisas , e vi que o botão 'Login' , também está quadrado .

Se puder me enviar o código do Enviar e Login , arredondados , eu agradeço .


Até mais!

[Luciano98]

Olá!

Para arredondar o "Enviar" e o "Code" faça o seguinte.

Aceda à "Folha de estilo CSS":
:seta3: Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS

Código:

button1,.button2{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}.codebox{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}

Salve.

Até mais.
Luciano98

[iKeyboard]

Olá novamente!

O problema ainda persiste ._.

Botão Login e Enviar , estão quadrados com esse novo código.


Até mais!

[iKeyboard]

Olá de novo!

Eu acho que não teria como arredondar estes botões que eu citei.

Bom no mesmo,me ajudou.
Podem trancar o tópico.

Até mais!