Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Personalização do Quote e do Spoiler
5 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Personalização do Quote e do Spoiler
- Descrição:
QUERIA QUE MEU QUOTE FICASSE ASIM. https://i.imgur.com/GD50hsX.png
o quote esta nesse forum (www.atomgamers.com)
JA O SPOILER FICASSE ASIM: https://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 diversos | Tags: | Personalização,Quote,Spoiler |
Re: Personalização do Quote e do Spoiler
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.
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.
Re: Personalização do Quote e do Spoiler
Tente isto:
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.
- 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.
Re: Personalização do Quote e do Spoiler
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;}
Tópicos semelhantes
» Deixar a borda de code, spoiler e quote de acordo com a modificação do spoiler
» Quote / spoiler
» Spoiler e quote
» Spoiler e quote
» Personalização do Quote
» Quote / spoiler
» Spoiler e quote
» Spoiler e quote
» Personalização do Quote
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos