Configurar aparência do spoiler e do quote

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

Resolvido Configurar aparência do spoiler e do quote

Mensagem por Darck_brazuca em 08/08/11, 03:20 pm

Qual é minha questão:
Ola sou eu Darck tentando tirar uma dúvida ^.-

Queria fazer mudar os estilos do Quote e Spoiler olhe o print a baixo.

Clique Aqui Para Ver A Imagem!:

Então eu as queria deixar com as pontas redondas,todos os lados por exemplo borrados e com um contorno tipo um brilho por exemplo.

Se alguém não entender eu faço uma imagem de exemplo ^^

Espero Pelas respostas



Medidas que eu tomei para corrigir o problema:
não sei ainda '-',to esperando responderem ._.

Imagens do meu problema:
não e problema só quero melhorar ^^

Endereço do meu fórum:
http://narutobrazuca.forumeiros.com

Versão do meu fórum:
PHPBB2
avatar

Darck_brazuca
Nível 5

Masculino
Inscrito dia : 24/07/2011
Mensagens : 54
Pontos Ativos : 83

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

Resolvido Re: Configurar aparência do spoiler e do quote

Mensagem por Steeph em 08/08/11, 04:04 pm

Olá!
Mostre-nos com uma imagem, apenas para ter certeza...
Até mais!
avatar

Steeph
Usuário experiente

Feminino
Inscrito dia : 08/03/2010
Mensagens : 2612
Pontos Ativos : 3503

Ver perfil do usuário http://www.kromusdesign.forumeiros.com http://www.twitter.com/ideasfromsteeph

Resolvido Re: Configurar aparência do spoiler e do quote

Mensagem por Darck_brazuca em 08/08/11, 04:35 pm

olhe o exemplos do quote deste fórum - clique aqui

tipo queria um tipo esses ^^ o quite dele e branco mas da hora *-*,tipo as pontas dos quote e redonda e meio que borrado todos os lados.
avatar

Darck_brazuca
Nível 5

Masculino
Inscrito dia : 24/07/2011
Mensagens : 54
Pontos Ativos : 83

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

Resolvido Re: Configurar aparência do spoiler e do quote

Mensagem por Consolado em 08/08/11, 05:00 pm

Olá,

Painel de Controle -> Visualização -> Imagens e Cores -> Cores / Folha de estilo CSS

Experimente este código para o Quote:
blockquote {
font-size: x-small;
color: #000;
line-height: 1.4em;
background: url(http://www.gsmfans.com.br/Themes/default/images/theme/quote.png) 0.1em 0.1em no-repeat;
border: 1px solid #75afed;
padding: 1.1em 1.4em;
margin: 0.1em 0 0.3em 0;
overflow: auto;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-moz-box-shadow:0px 0px 5px #999; /*Sombra firefox - 1º Horizontal 2º Vertical 3º Tamanho 4º Cor*/
-webkit-box-shadow:0px 0px 5px #999; /*Sombra Outros - 1º Horizontal 2º Vertical 3º Tamanho 4º Cor*/
-moz-border-radius:6px; /*Borda corvada firefox*/
-webkit-border-radius:6px /*Borda corvada outros*/
}

E para o Spoiler, provável que seja este:
.spoiler {
background: #ffffff;
padding: 3px;
border: 1px solid #c9d2d8;
}
.spoiler_content {
color: #666666;
font-size: 1em;
font-weight: normal !important;
border: 0px;
border-top: 1px solid #cccccc;
padding-top: 3px;
}
.spoiler td:first {
border-bottom: 1px solid #cccccc;
font-weight: bold;
font-size: 1em;
margin-bottom: 3px;
text-transform: uppercase;
}
.spoiler_closed {
line-height: 0%;
border-top: 1px;
}

Atenciosamente, Today! Muito feliz
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Configurar aparência do spoiler e do quote

Mensagem por Darck_brazuca em 08/08/11, 05:27 pm

a do quote eu copiei e colei não deu em nada T-T
avatar

Darck_brazuca
Nível 5

Masculino
Inscrito dia : 24/07/2011
Mensagens : 54
Pontos Ativos : 83

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

Resolvido Re: Configurar aparência do spoiler e do quote

Mensagem por Luciano98 em 08/08/11, 05:53 pm

Olá!

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

Código:
table td.quote{font-size:x-small;color:#000;line-height:1.4em;background:url(http://www.gsmfans.com.br/Themes/default/images/theme/quote.png) 0.1em 0.1em no-repeat;border:1px solid #75afed;padding:1.1em 1.4em;margin:0.1em 0 0.3em 0;overflow:auto;-moz-border-radius:0px;-webkit-border-radius:0px;-moz-box-shadow:0px 0px 5px #999;-webkit-box-shadow:0px 0px 5px #999;-moz-border-radius:6px;-webkit-border-radius:6px}

Salve.

Até mais.
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: Configurar aparência do spoiler e do quote

Mensagem por Darck_brazuca em 08/08/11, 06:50 pm

E do jeito que eu queria *-*.

só falta o Spoiler *-*,queria um spoiler desse jeito,alguém pode me passar o código..

Valeu Luciano 98
avatar

Darck_brazuca
Nível 5

Masculino
Inscrito dia : 24/07/2011
Mensagens : 54
Pontos Ativos : 83

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

Resolvido Re: Configurar aparência do spoiler e do quote

Mensagem por Consolado em 09/08/11, 12:49 pm

Olá,

Aqui está o Spoiler amigo:
.spoiler {
background: #D6273B; /* cor de fundo */
padding: 3px;
border: 1px solid #D6273B; /* cor da linha entre titulo e conteúdo */
}
.spoiler_content {
color: #D6273B; /* cor do texto, dentro do spoiler */
background: #D6273B; /* fundo, dentro do spoiler*/
font-size: 1em;
font-weight: normal !important;
border: 0px;
border-top: 1px solid #D6273B; /* cor da linha separatória quando o spoiler está aberto */
padding-top: 3px;
}
.spoiler td:first {
font-weight: bold;
font-size: 1em;
margin-bottom: 3px;
text-transform: uppercase;
}
.spoiler_closed {
line-height: 0%;
border-top: 1px;
}
/* para alterar a cor do título */
.spoiler .genmed b {
color: #D6273B;
}
Adicione-o em:
Painel de Controle -> Visualização -> Imagens e Cores -> Cores / Folha de estilo CSS

Atenciosamente, Today! Muito feliz
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Configurar aparência do spoiler e do quote

Mensagem por Darck_brazuca em 09/08/11, 03:36 pm

não,não amigo eu queria um tipo como estar o quote agora olhe o link de uns dos tópicos do fórum : http://narutobrazuca.forumeiros.com/t319-treino-aizen-x-netinho

Queria um spoiler tipo o quote como estar....

Editado : desculpe e que eu troquei quote por spoiler agora estar tudo certinho xD
avatar

Darck_brazuca
Nível 5

Masculino
Inscrito dia : 24/07/2011
Mensagens : 54
Pontos Ativos : 83

Ver perfil do usuário http://narutobrazuca.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