Configurar aparência do spoiler e do quote

por Darck_brazuca 08.08.11 19:20

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

por Steeph 08.08.11 20:04

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

por Darck_brazuca 08.08.11 20:35

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.

por Consolado 08.08.11 21:00

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

por Darck_brazuca 08.08.11 21:27

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

por Luciano98 08.08.11 21:53

Olá!

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

por Darck_brazuca 08.08.11 22:50

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

por Consolado 09.08.11 16:49

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

por Darck_brazuca 09.08.11 19:36

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

Configurar aparência do spoiler e do quote

Configurar aparência do spoiler e do quote

Re: Configurar aparência do spoiler e do quote

Re: Configurar aparência do spoiler e do quote

Re: Configurar aparência do spoiler e do quote

Re: Configurar aparência do spoiler e do quote

Re: Configurar aparência do spoiler e do quote

Re: Configurar aparência do spoiler e do quote

Re: Configurar aparência do spoiler e do quote

Re: Configurar aparência do spoiler e do quote