Modificando visualização do Quote

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

Resolvido Modificando visualização do Quote

Mensagem por kakakoro em 16/07/13, 07:10 pm

Qual é minha questão:
Olá! Gostaria saber se existe algum codigo que deixe a aparencia do "citar" mais limpa. A aparencia atual do meu forum é esta:




Eu queria que ficasse igual a bordinha do whatapp

Seria algo mais ou menos assim

Endereço do meu fórum:
http://www.jogodostronos.forumeiros.com

Versão do fórum:
INVISION
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Resolvido Re: Modificando visualização do Quote

Mensagem por Sennior em 16/07/13, 07:12 pm

Saudações! Muito feliz

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

Código:
Código:
blockquote, blockquote blockquote, blockquote blockquote blockquote {
-webkit-box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 5px;
background: none rgb(249, 249, 249);
border: 1px solid rgb(222, 222, 222);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 5px;
padding: 10px 20px;
}

Seta Coloque no inicio de teu CSS. Piscada

Salve.

Até mais.
Lervisic
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Modificando visualização do Quote

Mensagem por kakakoro em 16/07/13, 07:15 pm

Funcionou! Eu posso alterar a cor do fundo?
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Resolvido Re: Modificando visualização do Quote

Mensagem por Sennior em 16/07/13, 07:18 pm

Olá,

Claro que pode, veja:

blockquote, blockquote blockquote, blockquote blockquote blockquote {
-webkit-box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 5px;
background: none COR HEXADECIMAL OU EM INGLÊS;
border: 1px solid rgb(222, 222, 222);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 5px;
padding: 10px 20px;
}

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Modificando visualização do Quote

Mensagem por kakakoro em 16/07/13, 07:27 pm

Funcionou! Essa área branca eu posso retira-la ou mudar pelo menos a cor ?

avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

Resolvido Re: Modificando visualização do Quote

Mensagem por Sennior em 16/07/13, 07:30 pm

Olá amigo,

Loguei em teu fórum e vi que o senhor já retirou ela. Muito feliz

O senhor deseja algo mais?

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Modificando visualização do Quote

Mensagem por kakakoro em 16/07/13, 07:32 pm

não tirei não. oO
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

Ver perfil do usuário http://www.rpgorigem.forumeiros.com
  • 0

Resolvido Re: Modificando visualização do Quote

Mensagem por Sennior em 16/07/13, 07:34 pm

Saudações! Muito feliz

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

Código:
Código:
blockquote cite {
background-color: transparent !important;
}
blockquote cite {
background-image: none !important;
}

Seta Coloque no inicio de teu CSS. Piscada

Salve.

Até mais.
Lervisic
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Modificando visualização do Quote

Mensagem por kakakoro em 16/07/13, 07:45 pm

Adorei! Ficou excelente! Obrigado Mikée!
avatar

kakakoro
Membro do Fórum

Masculino
Inscrito dia : 05/08/2012
Mensagens : 1006
Pontos Ativos : 1587

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

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