[SUPORTE] - Caixa de Quote/Spoiler

Ir em baixo

Resolvido [SUPORTE] - Caixa de Quote/Spoiler

Mensagem por roky em Dom Fev 23, 2014 6:43 pm

Questão:  Olá!
Gostaria de colocar este estilo de Quotes em meu fórum: [Você precisa estar registrado e conectado para ver este link.]

Já agora, o Spoiler também.
Obrigado.

Endereço do fórum:   [Você precisa estar registrado e conectado para ver este link.]

Versão do fórum: PunBB
avatar
roky
Membro

Mensagens : 18
Reputação : 0
Barra de respeito às regras :

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Resolvido Re: [SUPORTE] - Caixa de Quote/Spoiler

Mensagem por JQuery em Dom Fev 23, 2014 6:44 pm

Ola,
Adicione a sua Folha de Estilo CCS:
Código:
/*code spoiler quote BS*/
.codebox {
padding: 5px;
background: #FCFCFC;
border: 1px solid #E3E3E3;
overflow: auto;
font-size: 11px;
line-height: 170%;
}
.codebox dd {
background-color: transparent;
margin: .3em;
padding: .3em;
}
.codebox dt {border-bottom: 0px;}
.codebox.spoiler dt {
height: 24px;
line-height: 24px;
font-size: 11px;
padding: 0 10px;
background: #ECECEC url('http://i.imgur.com/psvFIEG.png') repeat-x 0 0;
border: 1px solid #D0D0D0;
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0px 1px 0px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0px 1px 0px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #616161;
text-shadow: white 0px 1px 0px;
display: inline-block;
white-space: nowrap;
cursor: pointer;
margin: 0px;
margin-left: 5px;
}
.codebox.spoiler dt:hover {
color: #4C4C4C;
background-color: #F8F8F8;
}
.codebox.spoiler {
background: transparent;
border: 0px;
}
.codebox.spoiler dd {background: transparent;}
.spoiler_content.hidden {
background: #FCFCFC;
border: 1px dashed #E3E3E3;
padding: 5px;
}
blockquote {
font-size: 12px;
border: 1px solid #E3E3E3;
background: #FCFCFC;
color: #9F9F9F;
margin-bottom: 5px;
}
blockquote, .postmain blockquote {padding: 10px;}
blockquote cite {
font-size: 12px;
padding: 8px 10px;
border: 1px solid #E3E3E3;
border-top: 0px;
border-bottom: 1px solid #E8E8E8;
background: #F2F2F2 url('http://i.imgur.com/iPXDkuF.png') repeat-x 0 0;
color: #535353;
text-shadow: rgba(255, 255, 255, 1) 0px 1px 0px;
font-weight: bold;
}
blockquote cite, .postmain cite {margin: -10px -11px 8px -11px;}

Até Mais...



Staff - Web Design



 Cumpra as [Você precisa estar registrado e conectado para ver este link.] e seja um bom membro.
 Conheça a nossa [Você precisa estar registrado e conectado para ver este link.].
 Antes de [Você precisa estar registrado e conectado para ver este link.] leia as [Você precisa estar registrado e conectado para ver este link.] da seção de publicidade.
 Antes de pedir uma análise do seu site, tenha em mente as [Você precisa estar registrado e conectado para ver este link.] da seção.
 Cada seção é sustentada por suas próprias regras, leia atentamente antes de atuar.
avatar
JQuery
Administrador
Administrador

Mensagens : 142
Localização : Penafiel
Reputação : 26
Barra de respeito às regras :

Ver perfil do usuário http://webdesign.forum-pro.net

Voltar ao Topo Ir em baixo

Resolvido Re: [SUPORTE] - Caixa de Quote/Spoiler

Mensagem por roky em Dom Fev 23, 2014 7:01 pm

Não ficou totalmente igual.
avatar
roky
Membro

Mensagens : 18
Reputação : 0
Barra de respeito às regras :

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Resolvido Re: [SUPORTE] - Caixa de Quote/Spoiler

Mensagem por JQuery em Qua Fev 26, 2014 5:51 pm

Ola,
Adicione a sua Folha de Estilo CCS:
Código:
blockquote {
font-size: 12px;
border: 1px solid #E3E3E3;
background: #FCFCFC;
color: #9F9F9F;
margin-bottom: 5px;
}
blockquote, .postmain blockquote {padding: 10px;}
blockquote cite {
font-size: 12px;
padding: 8px 10px;
text-indent: 25px;
border: 1px solid #E3E3E3;
border-top: 0px;
border-bottom: 1px solid #E8E8E8;
background-color: #F2F2F2;
background-image: url(http://i34.servimg.com/u/f34/16/49/10/98/snapba10.png), url(http://i.imgur.com/iPXDkuF.png);
background-position: 10px center, 0 0;
background-repeat: no-repeat, repeat-x;
color: #535353;
text-shadow: rgba(255, 255, 255, 1) 0px 1px 0px;
font-weight: bold;
}
blockquote cite, .postmain cite {margin: -10px -11px 8px -11px;}

Até Mais...



Staff - Web Design



 Cumpra as [Você precisa estar registrado e conectado para ver este link.] e seja um bom membro.
 Conheça a nossa [Você precisa estar registrado e conectado para ver este link.].
 Antes de [Você precisa estar registrado e conectado para ver este link.] leia as [Você precisa estar registrado e conectado para ver este link.] da seção de publicidade.
 Antes de pedir uma análise do seu site, tenha em mente as [Você precisa estar registrado e conectado para ver este link.] da seção.
 Cada seção é sustentada por suas próprias regras, leia atentamente antes de atuar.
avatar
JQuery
Administrador
Administrador

Mensagens : 142
Localização : Penafiel
Reputação : 26
Barra de respeito às regras :

Ver perfil do usuário http://webdesign.forum-pro.net

Voltar ao Topo Ir em baixo

Resolvido Re: [SUPORTE] - Caixa de Quote/Spoiler

Mensagem por JQuery em Sex Fev 28, 2014 2:18 am

Ola,
Tópico movido de "Duvidas Sobre Códigos" para "Arquivos: Duvidas Sobre Códigos"

Tópico finalizado devido à inatividade do membro..



Staff - Web Design



 Cumpra as [Você precisa estar registrado e conectado para ver este link.] e seja um bom membro.
 Conheça a nossa [Você precisa estar registrado e conectado para ver este link.].
 Antes de [Você precisa estar registrado e conectado para ver este link.] leia as [Você precisa estar registrado e conectado para ver este link.] da seção de publicidade.
 Antes de pedir uma análise do seu site, tenha em mente as [Você precisa estar registrado e conectado para ver este link.] da seção.
 Cada seção é sustentada por suas próprias regras, leia atentamente antes de atuar.
avatar
JQuery
Administrador
Administrador

Mensagens : 142
Localização : Penafiel
Reputação : 26
Barra de respeito às regras :

Ver perfil do usuário http://webdesign.forum-pro.net

Voltar ao Topo Ir em baixo

Resolvido Re: [SUPORTE] - Caixa de Quote/Spoiler

Mensagem por Conteúdo patrocinado


Conteúdo patrocinado


Voltar ao Topo Ir em baixo

Voltar ao Topo

- Tópicos similares

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