Hitskin.comIsto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
ArtigosModificar citação
4 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
Modificar citação
por Sapinho 20.06.12 20:23
Qual é minha questão:
Boa tarde, gostaria de adicionar um quote, da seguinte maneira
com essa imagem na esquerda: https://i.servimg.com/u/f86/11/76/91/60/ern0o912.png
com uma pequena borda na cor: #00FF00
fundo preto
Links e imagens do meu problema:
testei o seguinte codigo
meu css:
Boa tarde, gostaria de adicionar um quote, da seguinte maneira
com essa imagem na esquerda: https://i.servimg.com/u/f86/11/76/91/60/ern0o912.png
com uma pequena borda na cor: #00FF00
fundo preto
Links e imagens do meu problema:
testei o seguinte codigo
- Código:
.content blockquote {
color: #536482;
}
blockquote, blockquote blockquote, blockquote blockquote blockquote {
background: none repeat scroll 0 0 #000000;
border: 1px solid #00FF00;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
padding: 10px 20px;
}
meu css:
Sapinho- Super Membro
- Membro desde : 13/02/2010
Mensagens : 1043
Pontos : 1423 -
Re: Modificar citação
por Hancki 20.06.12 20:42
Olá!
Experimente este:
Experimente este:
- Código:
.content blockquote {
color: #536482;
}
blockquote, blockquote blockquote, blockquote blockquote blockquote {
background: url('http://i86.servimg.com/u/f86/11/76/91/60/ern0o912.png') left no-repeat !important;
border: 1px solid #00FF00;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
padding: 10px 20px;
}
Última edição por Hancki em 20.06.12 20:44, editado 1 vez(es) (Motivo da edição : MODIFIQUEI UM ERRO)
Hancki- Membro Entusiasta
- Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250 -
Re: Modificar citação
por Shirou 20.06.12 20:55
Bem, testei ele pois também me interessa, no entanto, quando tem muitas palavras, a imagem fica em cima das letras impedindo a leitura. 
Shirou- **
- Membro desde : 08/02/2011
Mensagens : 80
Pontos : 126 -
Sapinho- Super Membro
- Membro desde : 13/02/2010
Mensagens : 1043
Pontos : 1423 -
Re: Modificar citação
por Hancki 20.06.12 21:06
Olá Hyuuga Lupi!
Mude a cor das letras, é a única solução...
aburame_roy, usei as classes que tem no seu código.
Qual é a sua versão?
Mude a cor das letras, é a única solução...
aburame_roy, usei as classes que tem no seu código.
Qual é a sua versão?
Hancki- Membro Entusiasta
- Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250 -
Re: Modificar citação
por Sapinho 20.06.12 21:08
é agora que vi isso, estava usando o codigo do phpbb3 e o meu é phpbb2
esse seria o codigo certo, testei e deu certo, so que a imagem ficou cortada, gostaria que ela ficasse inteira, independente do tamanho do texto
.quote{background:#fcfcfc url(https://i.servimg.com/u/f86/11/76/91/60/ern0o912.png) 0px 0px no-repeat;border:1px solid #00FF00;font-size:.95em;margin:1em 1px 1em 25px;overflow:hidden;padding:5px}.quote div{margin-left:20px}.quote.quote{background-color:#EFEED9;font-size:1em;margin:.5em 1px 0 15px}.quote.quote .quote{background-color:#fcfcfc}.quote cite{display:block;font-size:.9em;font-style:normal;font-weight:700}.quote cite cite{font-size:1em}.quote .uncited{padding-top:25px}ul{list-style-type:none} .quote{-moz-border-radius:5px;-webkit-border-radius:5px;}.quote .quote{-moz-border-radius:5px;-webkit-border-radius:5px;background:gray}
esse seria o codigo certo, testei e deu certo, so que a imagem ficou cortada, gostaria que ela ficasse inteira, independente do tamanho do texto
Sapinho- Super Membro
- Membro desde : 13/02/2010
Mensagens : 1043
Pontos : 1423 -
Re: Modificar citação
por Hancki 20.06.12 21:22
Use este:
- Código:
.quote{background:#fcfcfc url(http://i86.servimg.com/u/f86/11/76/91/60/ern0o912.png) 0px 0px no-repeat;border:1px solid #00FF00;font-size:.95em;margin:1em 1px 1em 25px;overflow:hidden;padding:5px}.quote div{margin-left:20px}.quote.quote{background-color:#EFEED9;font-size:1em;margin:.5em 1px 0 15px}.quote.quote .quote{background-color:#fcfcfc}.quote cite{display:block;font-size:.9em;font-style:normal;font-weight:700}.quote cite cite{font-size:1em}.quote .uncited{padding-top:25px}ul{list-style-type:none} .quote{-moz-border-radius:5px;-webkit-border-radius:5px;}.quote .quote{-moz-border-radius:5px;-webkit-border-radius:5px;background:gray}.quote{height:80px !important;}
Hancki- Membro Entusiasta
- Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250 -
Re: Modificar citação
por Sapinho 20.06.12 21:38
- Código:
.quote{background:#fcfcfc url(http://i86.servimg.com/u/f86/11/76/91/60/ern0o912.png) 0px 0px no-repeat;border:1px solid #00FF00;font-size:.95em;margin:1em 1px 1em 25px;overflow:hidden;padding:5px}.quote div{margin-left:20px}.quote.quote{background-color:#000000;font-size:1em;margin:.5em 1px 0 15px}.quote.quote .quote{background-color:#fcfcfc}.quote cite{display:block;font-size:.9em;font-style:normal;font-weight:700}.quote cite cite{font-size:1em}.quote .uncited{padding-top:25px}ul{list-style-type:none} .quote{-moz-border-radius:5px;-webkit-border-radius:5px;}.quote .quote{-moz-border-radius:5px;-webkit-border-radius:5px;background:gray}.quote{height:80px !important;}
teste
estamos quase lá, queria que ele ficasse assim como o do fdf, só que com a imagem, fundo preto borda verde, como ta no codigo, no entanto com o escrito em branco e começando depois da imagem, no codigo atual ela fica encima
Sapinho- Super Membro
- Membro desde : 13/02/2010
Mensagens : 1043
Pontos : 1423 -
Re: Modificar citação
por Luciano98 20.06.12 22:32
Olá!
Aceda à "Folha de estilo CSS":
Painel de Controle
Visualização Imagens e cores Cores Folha de estilo CSS
Código:
Valide.
Até mais.
Aceda à "Folha de estilo CSS":
Painel de Controle
Visualização Imagens e cores Cores Folha de estilo CSSCódigo:
td.quote{background-attachment: scroll;background-color: black;background-image: url(https://i.servimg.com/u/f86/11/76/91/60/ern0o912.png);background-origin: padding-box;background-repeat: no-repeat;border:1px solid lime;border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.148438) 0px 1px 5px 0px;color: white;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;line-height: 18px;margin-bottom: 12px;margin-left: 25px;margin-right: 1px;margin-top: 12px;padding-bottom: 10px;padding-left: 40px;padding-right: 20px;padding-top: 10px;}
Valide.
Até mais.
Luciano98- Membro Entusiasta
- Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049 -
Sapinho- Super Membro
- Membro desde : 13/02/2010
Mensagens : 1043
Pontos : 1423 -
Re: Modificar citação
por Luciano98 20.06.12 22:38
Você retirou todos os outros código antes de colocar o que eu lhe passei?aburame_roy escreveu:não resultou, lembrando que minha versao é phpbb2
Peço que revise a Folha de estilo CSS e retire os outros códigos, porque eu acabei de revisar sua folha de estilo CSS e existe outro código no lugar do que eu te passei.
Até mais.
Luciano98- Membro Entusiasta
- Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049 -
Re: Modificar citação
por Sapinho 20.06.12 22:48
resultou , mas tive de tirar os meu js, tem como colocar o texto mais pra direita ainda ta ficando encima da imagem
Sapinho- Super Membro
- Membro desde : 13/02/2010
Mensagens : 1043
Pontos : 1423 -
Re: Modificar citação
por Luciano98 20.06.12 22:49
Poderia mostrar um print? Eu tentei ajustar para que isso não acontecesse, mas o seu fórum está bloqueado para visitantes.aburame_roy escreveu:resultou , mas tive de tirar os meu js, tem como colocar o texto mais pra direita ainda ta ficando encima da imagem
Até mais.
Luciano98- Membro Entusiasta
- Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049 -
Re: Modificar citação
por Sapinho 20.06.12 22:53
Desculpa tinha postado o print errado, mais um pouco pra direita e fica perfeito
Sapinho- Super Membro
- Membro desde : 13/02/2010
Mensagens : 1043
Pontos : 1423 -
Re: Modificar citação
por Luciano98 20.06.12 22:54
Olá!
Substitua por esse código:
Até mais.
Substitua por esse código:
td.quote{background-attachment: scroll;background-color: black;background-image: url(https://i.servimg.com/u/f86/11/76/91/60/ern0o912.png);background-origin: padding-box;background-repeat: no-repeat;border:1px solid lime;border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.148438) 0px 1px 5px 0px;color: white;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;line-height: 18px;margin-bottom: 12px;margin-left: 25px;margin-right: 1px;margin-top: 12px;padding-bottom: 10px;padding-left: 55px;padding-right: 20px;padding-top: 10px;}
Até mais.
Luciano98- Membro Entusiasta
- Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049 -
Sapinho- Super Membro
- Membro desde : 13/02/2010
Mensagens : 1043
Pontos : 1423 -
Tópicos semelhantes» Borda da Citação
» Citação igual ao fdf
» Marcar/Desmarcar multi-citação Responder com citação Mensagem Privada sem parágrafo
» Citação igual o fdf
» Cor da citação
» Citação igual ao fdf
» Marcar/Desmarcar multi-citação Responder com citação Mensagem Privada sem parágrafo
» Citação igual o fdf
» Cor da citação
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