Modificar citação

4 participantes

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

Tópico resolvido Modificar citação

Mensagem 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
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

Sapinho
Super Membro

Membro desde : 13/02/2010
Mensagens : 1043
Pontos : 1423

http://forum.academianinjakonoha.com/ https://www.facebook.com/brubsg10

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Modificar citação

Mensagem por Hancki 20.06.12 20:42

Olá!

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;
}
Hancki


Última edição por Hancki em 20.06.12 20:44, editado 1 vez(es) (Motivo da edição : MODIFIQUEI UM ERRO)
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar citação

Mensagem 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. Feliz
Shirou

Shirou
**

Membro desde : 08/02/2011
Mensagens : 80
Pontos : 126

http://www.narutogenerations.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar citação

Mensagem por Sapinho 20.06.12 21:01

pra mim não resultou
Sapinho

Sapinho
Super Membro

Membro desde : 13/02/2010
Mensagens : 1043
Pontos : 1423

http://forum.academianinjakonoha.com/ https://www.facebook.com/brubsg10

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Modificar citação

Mensagem 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?
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar citação

Mensagem por Sapinho 20.06.12 21:08

é agora que vi isso, estava usando o codigo do phpbb3 e o meu é phpbb2

.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

Sapinho
Super Membro

Membro desde : 13/02/2010
Mensagens : 1043
Pontos : 1423

http://forum.academianinjakonoha.com/ https://www.facebook.com/brubsg10

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Modificar citação

Mensagem 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;}
Até mais.
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar citação

Mensagem 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

Sapinho
Super Membro

Membro desde : 13/02/2010
Mensagens : 1043
Pontos : 1423

http://forum.academianinjakonoha.com/ https://www.facebook.com/brubsg10

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Modificar citação

Mensagem por Luciano98 20.06.12 22:32

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

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: 40px;padding-right: 20px;padding-top: 10px;}

Valide.

Até mais.
Luciano98

Luciano98
Membro Entusiasta
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar citação

Mensagem por Sapinho 20.06.12 22:35

não resultou, lembrando que minha versao é phpbb2
Sapinho

Sapinho
Super Membro

Membro desde : 13/02/2010
Mensagens : 1043
Pontos : 1423

http://forum.academianinjakonoha.com/ https://www.facebook.com/brubsg10

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Modificar citação

Mensagem por Luciano98 20.06.12 22:38

aburame_roy escreveu:não resultou, lembrando que minha versao é phpbb2
Você retirou todos os outros código antes de colocar o que eu lhe passei?
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

Luciano98
Membro Entusiasta
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar citação

Mensagem 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

Sapinho
Super Membro

Membro desde : 13/02/2010
Mensagens : 1043
Pontos : 1423

http://forum.academianinjakonoha.com/ https://www.facebook.com/brubsg10

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Modificar citação

Mensagem por Luciano98 20.06.12 22:49

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
Poderia mostrar um print? Eu tentei ajustar para que isso não acontecesse, mas o seu fórum está bloqueado para visitantes.

Até mais.
Luciano98

Luciano98
Membro Entusiasta
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar citação

Mensagem por Sapinho 20.06.12 22:53

Modificar citação Imagem

Desculpa tinha postado o print errado, mais um pouco pra direita e fica perfeito
Sapinho

Sapinho
Super Membro

Membro desde : 13/02/2010
Mensagens : 1043
Pontos : 1423

http://forum.academianinjakonoha.com/ https://www.facebook.com/brubsg10

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Modificar citação

Mensagem por Luciano98 20.06.12 22:54

Olá!

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

Luciano98
Membro Entusiasta
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar citação

Mensagem por Sapinho 20.06.12 22:55

ficou perfeito luciano obrigado
Sapinho

Sapinho
Super Membro

Membro desde : 13/02/2010
Mensagens : 1043
Pontos : 1423

http://forum.academianinjakonoha.com/ https://www.facebook.com/brubsg10

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos