Personalização do Quote e do Spoiler

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

Resolvido Personalização do Quote e do Spoiler

Mensagem por Tyui22222 em 23/10/14, 04:17 pm

  • Descrição:
QUERIA QUE MEU QUOTE FICASSE ASIM. http://i.imgur.com/GD50hsX.png
o quote esta nesse forum (www.atomgamers.com)

JA O SPOILER FICASSE ASIM: http://i.imgur.com/x8GgUUJ.png
o spoiler esta nesse forum (www.forum.craftlandia.com.br/ipb/)
tópico em que achei o spoiler: http://forum.craftlandia.com.br/ipb/index.php?/topic/363051-macro-pesca-organizada%C2%B2/

  • Informações:
Fórum:http://darkcraft24hrs.foruns.com.pt/Versão:PUNBB
Tipo:Erros diversosTags:Personalização,Quote,Spoiler

avatar

Tyui22222
Nível 9

Masculino
Inscrito dia : 08/10/2014
Mensagens : 189
Pontos Ativos : 269

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

Resolvido Re: Personalização do Quote e do Spoiler

Mensagem por Sennior em 24/10/14, 02:49 am

Saudações,

O senhor poderia criar um tópico visivel para os visitantes com um Spoiler e um Quote em aberto?
Assim fica mais fácil criar o código.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalização do Quote e do Spoiler

Mensagem por Tyui22222 em 24/10/14, 12:55 pm

avatar

Tyui22222
Nível 9

Masculino
Inscrito dia : 08/10/2014
Mensagens : 189
Pontos Ativos : 269

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

Resolvido Re: Personalização do Quote e do Spoiler

Mensagem por Tyui22222 em 27/10/14, 11:56 am

up alguem ajudaaaaaaa
avatar

Tyui22222
Nível 9

Masculino
Inscrito dia : 08/10/2014
Mensagens : 189
Pontos Ativos : 269

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

Resolvido Re: Personalização do Quote e do Spoiler

Mensagem por Shaman em 27/10/14, 12:05 pm

Tente isto:

Código:
p.citation {
font-size: 12px;
padding: 8px 10px;
border: 1px solid #3b3b3b;
background: #282828 url('http://www.atomgamers.com/community/public/style_images/v1/highlight_reallyfaint.png') repeat-x 0 -1px;
color: #ddd;
text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
font-weight: bold;
margin-top: 5px;
overflow-x: auto;
}

o Spoiler, não tem como eu visualizar o link que me passou, se tiver algum outro site que possamos analisarmos o tal efeito, por favor, disponibilize.

Atenciosamente LucaS.
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Personalização do Quote e do Spoiler

Mensagem por Daemon em 27/10/14, 12:14 pm

Adicione ao css o seguinte conteúdo:
Código:
/*code spoiler quote*/
.codebox {
padding: 5px;
background: #333;
border: 1px solid #222;
overflow: auto;
font-size: 11px;
line-height: 170%;
}
.codebox dd {
background-color: transparent;
margin: 0.3em;
padding: 0.3em;
}
.codebox dt {border-bottom: 0px;}
.codebox.spoiler dt {
height: 24px;
line-height: 24px;
font-size: 11px;
padding: 0 10px;
background: #333 url('http://i.imgur.com/psvFIEG.png') repeat-x 0 0;
border: 1px solid #222;
-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: white;
text-shadow: black 0px 1px 0px;
display: inline-block;
white-space: nowrap;
cursor: pointer;
margin: 0px;
margin-left: 5px;
}
.codebox.spoiler dt:hover {
background-color: #212121;
}
.codebox.spoiler {
background: transparent;
border: 0px;
}
.codebox.spoiler dd {background: transparent;}
.spoiler_content.hidden {
background: #333;
border: 1px dashed #222;
padding: 5px;
}
blockquote {
font-size: 12px;
border: 1px solid #222;
background: #333;
color: #999;
margin-bottom: 5px;
}
blockquote img {
max-height: 100px;
max-width: 100%;
padding-bottom: 10px;
}
blockquote, .postmain blockquote {padding: 10px;}
.postmain blockquote {background-color: #333;border: 0;}
blockquote cite {
font-size: 12px;
padding: 8px 10px;
text-indent: 25px;
border: 1px solid #222;
border-top: 0px;
border-bottom: 1px solid #333;
background-color: #444;
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: white;
text-shadow: rgba(0, 0, 0, 1) 0px 1px 0px;
font-weight: bold;
}
blockquote cite, .postmain cite {margin: -10px -11px 8px -11px;}
Até mais! Rosa
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

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

Resolvido Re: Personalização do Quote e do Spoiler

Mensagem por Tyui22222 em 27/10/14, 12:38 pm

resolvido
avatar

Tyui22222
Nível 9

Masculino
Inscrito dia : 08/10/2014
Mensagens : 189
Pontos Ativos : 269

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

Resolvido Re: Personalização do Quote e do Spoiler

Mensagem por Alex Habilidade em 01/11/14, 07:30 pm

Tópico movido para Arquivo: Pedidos Finalizados
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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