Personalizar o quote

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

Resolvido Personalizar o quote

Mensagem por Shiff' em 18/12/11, 08:19 pm

Qual é minha questão:
Como pessonalizar a citação tirando o nome citação deixando +/- assim


Como posso pessonalizar a Citação?

Medidas que eu tomei para corrigir o problema:
pesquisei + n achei então vim aki

Imagens do meu problema:


avatar

Shiff'
Usuário avançado

Masculino
Inscrito dia : 09/09/2011
Mensagens : 309
Pontos Ativos : 492

Ver perfil do usuário

Resolvido Re: Personalizar o quote

Mensagem por Ace em 18/12/11, 08:23 pm

Olá,

Leia:

Flecha ajudeiros http://ajuda.forumeiros.com/t27090-tutorial-personalizar-o-fundo-do-quote

Até Mais!

Tópico movido de 'Questões diversas' para 'Questões sobre a aparência do fórum'
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Personalizar o quote

Mensagem por Shiff' em 18/12/11, 09:12 pm

o codigo fikou assim:
Código:
.quote {
border-color: #f40909;
background-color: #ebd6a5;
background-image: url(http://images1.wikia.nocookie.net/__cb20100314173454/naruto/pt/images/thumb/2/25/ANBU_Symbol.png/63px-ANBU_Symbol.png);
background-repeat: no-repeat;
background-attachment: scroll;
}

como eu faço pra deixa como um retangolo a redondado como na forma acima e tbm como posso separar a imagem das palavra,pq as palavras ficaram em cima da imagem
avatar

Shiff'
Usuário avançado

Masculino
Inscrito dia : 09/09/2011
Mensagens : 309
Pontos Ativos : 492

Ver perfil do usuário

Resolvido Re: Personalizar o quote

Mensagem por Ace em 18/12/11, 09:28 pm

Olá,

Tente adicionar esse código:

Código:
background-position: bottom right;
background-position: 2px 10px;

E, o que deseja é arrendondar a borda do quote?

Até Mais!
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Personalizar o quote

Mensagem por Shiff' em 18/12/11, 09:32 pm

sim quero arredondar
isso n adiantou quase nada,mas agora a imagem fika em cima das palavras como faço pra da um espaço de 10mm de distancia das palavras?
avatar

Shiff'
Usuário avançado

Masculino
Inscrito dia : 09/09/2011
Mensagens : 309
Pontos Ativos : 492

Ver perfil do usuário

Resolvido Re: Personalizar o quote

Mensagem por Ace em 18/12/11, 09:38 pm

Olá,

Altere os campos das medidas de px até que eles fiquem separados.

Exemplo:

background-position: bottom right;
background-position: 5px 8px;

Até Mais!
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Personalizar o quote

Mensagem por Shiff' em 18/12/11, 09:42 pm

mas como deixo de forma a redondada?
avatar

Shiff'
Usuário avançado

Masculino
Inscrito dia : 09/09/2011
Mensagens : 309
Pontos Ativos : 492

Ver perfil do usuário

Resolvido Re: Personalizar o quote

Mensagem por Convidad em 18/12/11, 10:45 pm

Olá,

Vá em:
Painel de controle Seta curta Visualização Seta curta Cores Seta curta "Aba" Folha CSS.


Adicione no conteúdo:

.quote {
border-color: #f40909;
background-color: #ebd6a5;
background-image: url(http://images1.wikia.nocookie.net/__cb20100314173454/naruto/pt/images/thumb/2/25/ANBU_Symbol.png/63px-ANBU_Symbol.png);
background-repeat: no-repeat;
background-attachment: scroll;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}
Modifique o campo em vermelho pelo código da cor da borda.
Caso não fique como queira, mande-me o link do fórum onde viu este quote.

Atenciosamente.


Convidad
Convidado


Resolvido Re: Personalizar o quote

Mensagem por Shiff' em 18/12/11, 11:04 pm

está do msm geito n mudou nada
eu vi nesse site aki:http://narutothegames.forumeiros.com/t8968-darui
avatar

Shiff'
Usuário avançado

Masculino
Inscrito dia : 09/09/2011
Mensagens : 309
Pontos Ativos : 492

Ver perfil do usuário

Resolvido Re: Personalizar o quote

Mensagem por Convidad em 19/12/11, 11:43 am

Olá,

O quote deste fórum é este:


.quote {
border-color: #FF2010;
background-color: #FFFFFF;
background-image: url('http://img338.imageshack.us/img338/9696/quotentg.png');
background-repeat: no-repeat;
background-position: 8px 5px;
padding: 15px 20px 15px 30px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 4px 4px 3px #A0A0A0;
-moz-box-shadow: 4px 4px 3px #A0A0A0;
-webkit-box-shadow: 4px 4px 3px #A0A0A0;
}

Veja se resulta, adicione no conteúdo de sua folha css.
Atenciosamente.

Convidad
Convidado


Resolvido Re: Personalizar o quote

Mensagem por Shiff' em 19/12/11, 02:39 pm

obg
avatar

Shiff'
Usuário avançado

Masculino
Inscrito dia : 09/09/2011
Mensagens : 309
Pontos Ativos : 492

Ver perfil do usuário

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