Personalizar o quote

2 participantes

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

Tópico resolvido Personalizar o quote

Mensagem por Shiff' 18.12.11 22:19

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

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:
Personalizar o quote Senzatitolo20

Shiff'

Shiff'
****

Membro desde : 09/09/2011
Mensagens : 309
Pontos : 492

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar o quote

Mensagem por Ace 18.12.11 22:23

Olá,

Leia:

Flecha ajudeiros https://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'
Ace

Ace
Membro Entusiasta
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11607

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o quote

Mensagem por Shiff' 18.12.11 23:12

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
Shiff'

Shiff'
****

Membro desde : 09/09/2011
Mensagens : 309
Pontos : 492

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar o quote

Mensagem por Ace 18.12.11 23:28

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!
Ace

Ace
Membro Entusiasta
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11607

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o quote

Mensagem por Shiff' 18.12.11 23:32

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?
Shiff'

Shiff'
****

Membro desde : 09/09/2011
Mensagens : 309
Pontos : 492

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar o quote

Mensagem por Ace 18.12.11 23:38

Olá,

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

Exemplo:

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

Até Mais!
Ace

Ace
Membro Entusiasta
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11607

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o quote

Mensagem por Shiff' 18.12.11 23:42

mas como deixo de forma a redondada?
Shiff'

Shiff'
****

Membro desde : 09/09/2011
Mensagens : 309
Pontos : 492

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o quote

Mensagem por Convidad 19.12.11 0:45

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.

Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o quote

Mensagem por Shiff' 19.12.11 1:04

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

Shiff'
****

Membro desde : 09/09/2011
Mensagens : 309
Pontos : 492

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o quote

Mensagem por Convidad 19.12.11 13:43

Olá,

O quote deste fórum é este:


.quote {
border-color: #FF2010;
background-color: #FFFFFF;
background-image: url('https://2img.net/r/ihimizer/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.
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o quote

Mensagem por Shiff' 19.12.11 16:39

obg
Shiff'

Shiff'
****

Membro desde : 09/09/2011
Mensagens : 309
Pontos : 492

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