Modificar citação

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

Resolvido Modificar citação

Mensagem por Sapinho em 20/06/12, 04:23 pm

Qual é minha questão:
Boa tarde, gostaria de adicionar um quote, da seguinte maneira

com essa imagem na esquerda: http://i86.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:
avatar

Sapinho
Membro do Fórum

Masculino
Inscrito dia : 13/02/2010
Mensagens : 1043
Pontos Ativos : 1418

Ver perfil do usuário http://forum.academianinjakonoha.com/ https://www.facebook.com/bruno.manoel2

Resolvido Re: Modificar citação

Mensagem por Hancki em 20/06/12, 04:42 pm

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, 04:44 pm, editado 1 vez(es) (Razão : MODIFIQUEI UM ERRO)
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Modificar citação

Mensagem por Shirou em 20/06/12, 04:55 pm

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
avatar

Shirou
Nível 7

Masculino
Inscrito dia : 08/02/2011
Mensagens : 80
Pontos Ativos : 126

Ver perfil do usuário http://www.narutogenerations.forumbrasil.net

Resolvido Re: Modificar citação

Mensagem por Sapinho em 20/06/12, 05:01 pm

pra mim não resultou
avatar

Sapinho
Membro do Fórum

Masculino
Inscrito dia : 13/02/2010
Mensagens : 1043
Pontos Ativos : 1418

Ver perfil do usuário http://forum.academianinjakonoha.com/ https://www.facebook.com/bruno.manoel2

Resolvido Re: Modificar citação

Mensagem por Hancki em 20/06/12, 05:06 pm

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?
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Modificar citação

Mensagem por Sapinho em 20/06/12, 05:08 pm

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

.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}

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
avatar

Sapinho
Membro do Fórum

Masculino
Inscrito dia : 13/02/2010
Mensagens : 1043
Pontos Ativos : 1418

Ver perfil do usuário http://forum.academianinjakonoha.com/ https://www.facebook.com/bruno.manoel2

Resolvido Re: Modificar citação

Mensagem por Hancki em 20/06/12, 05:22 pm

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.
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Modificar citação

Mensagem por Sapinho em 20/06/12, 05:38 pm

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
avatar

Sapinho
Membro do Fórum

Masculino
Inscrito dia : 13/02/2010
Mensagens : 1043
Pontos Ativos : 1418

Ver perfil do usuário http://forum.academianinjakonoha.com/ https://www.facebook.com/bruno.manoel2

Resolvido Re: Modificar citação

Mensagem por Luciano98 em 20/06/12, 06:32 pm

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(http://i86.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.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Modificar citação

Mensagem por Sapinho em 20/06/12, 06:35 pm

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

Sapinho
Membro do Fórum

Masculino
Inscrito dia : 13/02/2010
Mensagens : 1043
Pontos Ativos : 1418

Ver perfil do usuário http://forum.academianinjakonoha.com/ https://www.facebook.com/bruno.manoel2

Resolvido Re: Modificar citação

Mensagem por Luciano98 em 20/06/12, 06:38 pm

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.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Modificar citação

Mensagem por Sapinho em 20/06/12, 06:48 pm

resultou , mas tive de tirar os meu js, tem como colocar o texto mais pra direita ainda ta ficando encima da imagem
avatar

Sapinho
Membro do Fórum

Masculino
Inscrito dia : 13/02/2010
Mensagens : 1043
Pontos Ativos : 1418

Ver perfil do usuário http://forum.academianinjakonoha.com/ https://www.facebook.com/bruno.manoel2

Resolvido Re: Modificar citação

Mensagem por Luciano98 em 20/06/12, 06:49 pm

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.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Modificar citação

Mensagem por Sapinho em 20/06/12, 06:53 pm



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

Sapinho
Membro do Fórum

Masculino
Inscrito dia : 13/02/2010
Mensagens : 1043
Pontos Ativos : 1418

Ver perfil do usuário http://forum.academianinjakonoha.com/ https://www.facebook.com/bruno.manoel2

Resolvido Re: Modificar citação

Mensagem por Luciano98 em 20/06/12, 06:54 pm

Olá!

Substitua por esse código:
td.quote{background-attachment: scroll;background-color: black;background-image: url(http://i86.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.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Modificar citação

Mensagem por Sapinho em 20/06/12, 06:55 pm

ficou perfeito luciano obrigado
avatar

Sapinho
Membro do Fórum

Masculino
Inscrito dia : 13/02/2010
Mensagens : 1043
Pontos Ativos : 1418

Ver perfil do usuário http://forum.academianinjakonoha.com/ https://www.facebook.com/bruno.manoel2

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