Arredondar o fórum

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Arredondar o fórum

Mensagem por iKeyboard em 19/05/11, 07:31 am

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
avatar

iKeyboard
Usuário avançado

Masculino
Inscrito dia : 06/12/2010
Mensagens : 320
Pontos Ativos : 420

Ver perfil do usuário http://lockcheats.forumeiros.com

Resolvido Re: Arredondar o fórum

Mensagem por Callie em 19/05/11, 08:44 am

Olá Pidim,

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

Até mais.
avatar

Callie
Principal contribuidor
Principal contribuidor

Feminino
Inscrito dia : 20/12/2009
Mensagens : 5007
Pontos Ativos : 7285

Ver perfil do usuário

Resolvido Re: Arredondar o fórum

Mensagem por iKeyboard em 19/05/11, 09:09 am

Sim .
avatar

iKeyboard
Usuário avançado

Masculino
Inscrito dia : 06/12/2010
Mensagens : 320
Pontos Ativos : 420

Ver perfil do usuário http://lockcheats.forumeiros.com

Resolvido Re: Arredondar o fórum

Mensagem por Callie em 19/05/11, 10:11 am

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

Callie
Principal contribuidor
Principal contribuidor

Feminino
Inscrito dia : 20/12/2009
Mensagens : 5007
Pontos Ativos : 7285

Ver perfil do usuário

Resolvido Re: Arredondar o fórum

Mensagem por iKeyboard em 19/05/11, 10:18 am

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

iKeyboard
Usuário avançado

Masculino
Inscrito dia : 06/12/2010
Mensagens : 320
Pontos Ativos : 420

Ver perfil do usuário http://lockcheats.forumeiros.com

Resolvido Re: Arredondar o fórum

Mensagem por seender em 19/05/11, 09:01 pm

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
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Arredondar o fórum

Mensagem por iKeyboard em 19/05/11, 09:24 pm

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!
avatar

iKeyboard
Usuário avançado

Masculino
Inscrito dia : 06/12/2010
Mensagens : 320
Pontos Ativos : 420

Ver perfil do usuário http://lockcheats.forumeiros.com

Resolvido Re: Arredondar o fórum

Mensagem por Luciano98 em 20/05/11, 07:15 pm

Olá!

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

Aceda à "Folha de estilo CSS":
:seta3: Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta 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
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Arredondar o fórum

Mensagem por iKeyboard em 20/05/11, 09:45 pm

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!
avatar

iKeyboard
Usuário avançado

Masculino
Inscrito dia : 06/12/2010
Mensagens : 320
Pontos Ativos : 420

Ver perfil do usuário http://lockcheats.forumeiros.com

Resolvido Re: Arredondar o fórum

Mensagem por Luciano98 em 21/05/11, 07:04 pm

Olá!

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

Aceda à "Folha de estilo CSS":
:seta3: Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta 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
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Arredondar o fórum

Mensagem por iKeyboard em 21/05/11, 07:46 pm

Olá novamente!

O problema ainda persiste ._.

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


Até mais!
avatar

iKeyboard
Usuário avançado

Masculino
Inscrito dia : 06/12/2010
Mensagens : 320
Pontos Ativos : 420

Ver perfil do usuário http://lockcheats.forumeiros.com

Resolvido Re: Arredondar o fórum

Mensagem por iKeyboard em 22/05/11, 08:43 pm

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!
avatar

iKeyboard
Usuário avançado

Masculino
Inscrito dia : 06/12/2010
Mensagens : 320
Pontos Ativos : 420

Ver perfil do usuário http://lockcheats.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum