Você não está conectado. Conecte-se ou registre-se

[Suporte] Quote simples

Ir em baixo  Mensagem [Página 1 de 1]

1 [Suporte] Quote simples em Seg Jun 11, 2018 2:10 pm

Ruffles

avatar
Membro


  • Descrição:

Olá eu tenho um CSS que modifica o quote do fórum, mas este código modifica apenas o quote e eu queria modificar tanto o quote e o code, segue imagem e código em CSS

Código:
/quote superinfo - mshas/artic/diapt/
.postmain cite {
    background-color: transparent!important;
    background-image: none!important;
    color: #009FF2!important;
    display: block;
    font-size: 1vw!important;
    font-style: normal;
    font-weight: 700;
    margin: 0 0 1em;
}
.postmain cite {
    display: block;
    font-style: normal;
    font-weight: 700;
    margin: 0 0 1em;
}
blockquote cite {
    background-color: #E4EAF2;
    background-image: url(https://i48.servimg.com/u/f48/19/56/90/91/css_im10.gif);
    background-position: top right;
    background-repeat: no-repeat;
    color: #000;
    display: block;
    font-size: 11px;
    font-style: normal;
    margin: -8px -8px 8px;
    padding: 3px;
}
* {
    margin: 0;
    padding: 0;
}
user agent stylesheeti, cite, em, var, address, dfn {
    font-style: italic;
}
blockquote {
    background: rgba(250,250,250,0.22)!important;
    border-bottom: none!important;
    border-left: 3px solid #009FF2!important;
    border-right: none!important;
    border-top: none!important;
    display: block;
    line-height: 1.5vw!important;
    padding: .8vw!important;
}
/* Fim quote *//quote superinfo - mshas/artic/diapt/
.postmain cite {
    background-color: transparent!important;
    background-image: none!important;
    color: #009FF2!important;
    display: block;
    font-size: 1vw!important;
    font-style: normal;
    font-weight: 700;
    margin: 0 0 1em;
}
.postmain cite {
    display: block;
    font-style: normal;
    font-weight: 700;
    margin: 0 0 1em;
}
blockquote cite {
    background-color: #E4EAF2;
    background-image: url(https://i48.servimg.com/u/f48/19/56/90/91/css_im10.gif);
    background-position: top right;
    background-repeat: no-repeat;
    color: #000;
    display: block;
    font-size: 11px;
    font-style: normal;
    margin: -8px -8px 8px;
    padding: 3px;
}
* {
    margin: 0;
    padding: 0;
}
user agent stylesheeti, cite, em, var, address, dfn {
    font-style: italic;
}
blockquote {
    background: rgba(250,250,250,0.22)!important;
    border-bottom: none!important;
    border-left: 3px solid #009FF2!important;
    border-right: none!important;
    border-top: none!important;
    display: block;
    line-height: 1.5vw!important;
    padding: .8vw!important;
}
/* Fim quote */


  • Informações:

Fórum:smisystem.forumeiros.com/forumVersão:PUNBB

Ver perfil do usuário

2 Re: [Suporte] Quote simples em Seg Jun 11, 2018 3:21 pm

Pedxz

avatar
Admin

Olá @Ruffles,
Benvindo a BestSkins!

Troque o código passado em cima para:
Código:
.codebox {
    background-color: #fafafa!important;
    overflow: auto;
    word-wrap: break-word;
  width: 100%;
}
.codebox dt {
    font-weight: 300;
}
.postmain blockquote, .codebox {
    color: #666;
    width: auto;
    font-size: 13px!important;
    border: 0;
    border-left: 5px solid #009FF2!important;
}
.postmain cite, blockquote, .codebox dd {
  background: #fafafa!important;
  }

- pedxz

Ver perfil do usuário

3 Re: [Suporte] Quote simples em Seg Jun 11, 2018 3:53 pm

Ruffles

avatar
Membro

Funcionou obrigado!
Mas se você for olhar o [code.][/code] não está do mesmo tamanho que o quote, como faz para deixa-los iguais?

Ver perfil do usuário

4 Re: [Suporte] Quote simples em Seg Jun 11, 2018 3:56 pm

Pedxz

avatar
Admin

Tente:

Código:
.codebox {
    background-color: #fafafa!important;
    overflow: auto;
    word-wrap: break-word;
}
.codebox dt {
    font-weight: 300;
}
.postmain blockquote, .codebox {
    color: #666;
    font-size: 13px!important;
    border: 0;
    border-left: 5px solid #009FF2!important;
    width: 100%;
}
.postmain cite, blockquote, .codebox dd {
  background: #fafafa!important;
  }

Ver perfil do usuário

5 Re: [Suporte] Quote simples em Seg Jun 11, 2018 4:02 pm

Ruffles

avatar
Membro

Continua do mesmo jeito...

Ver perfil do usuário

6 Re: [Suporte] Quote simples em Seg Jun 11, 2018 4:12 pm

Pedxz

avatar
Admin

Percebi o que você quis dizer, mude para:

Código:
.codebox {
    background-color: #fafafa!important;
    overflow: auto;
    word-wrap: break-word;
}
.codebox dt {
    font-weight: 300;
}
.postmain blockquote, .codebox {
    color: #666;
    font-size: 13px!important;
    border: 0;
    border-left: 5px solid #009FF2!important;
    width: 95%!important;
    margin: 1em!important;
}
.postmain cite, blockquote, .codebox dd {
  background: #fafafa!important;
  }

Ver perfil do usuário

7 Re: [Suporte] Quote simples em Seg Jun 11, 2018 4:15 pm

Ruffles

avatar
Membro

Funcionou!
No [code.] antes de o código ser mostrado tem uma aba:
Código:
____________________

Como faço pra por no quote o seguinte modo:
Citação:
____________________

Ver perfil do usuário

8 Re: [Suporte] Quote simples em Seg Jun 11, 2018 4:19 pm

Pedxz

avatar
Admin

Adicione no seu CSS
Código:
.postmain cite::before {
  content: 'Citação: ';
  font-weight: 300;
  }

Ver perfil do usuário

9 Re: [Suporte] Quote simples em Seg Jun 11, 2018 4:55 pm

Ruffles

avatar
Membro

Funcionou, obrigado!

Ver perfil do usuário

10 Re: [Suporte] Quote simples em Qua Jun 13, 2018 4:04 pm

Pedxz

avatar
Admin

Questão Resolvida. Arquivado no seu respetivo local.

Ver perfil do usuário

Conteúdo patrocinado


Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum