Caixa de resposta rápida nos tópicos

Detalhes da questão

Endereço do fórum: http://muwinnerr.forumeiros.com
Versão do fórum: phpBB3

Descrição

Boa tarde!

Gostaria de ter uma caixa de resposta rápida assim:




Queria junto também o avatar ao lado dela.

Observação: Em preto é a borda que quero daquele jeito mesmo.

É possível? Desde já agradeço.

Queira ver esse tutorial: https://ajuda.forumeiros.com/t107424-tutorial-ckeditor-como-editor-do-forum

Gostei vou usa-la! Tem como você expandi-la na parte estética "LARGURA"   

Também gostaria de colocar o avatar na resposta rápida ao lado da caixa de escrever, como eu disse anteriormente.

É possível ? Desde já agradeço.

Olá, para adicionar o avatar na resposta rápida, leia esse tutorial
https://ajuda.forumeiros.com/t86559-tutorial-avatar-na-resposta-rapida

Quanto a "largura" como deseja? seria isso? http://prntscr.com/fzxao5

Se for, adicione esse CSS

Código:

#textarea_content {
    width: 70% !important;
}

Funcionou, tem como você puxa o avatar para mais perto da caixa de escrever? Gostaria avesse aquela ponta da caixa de escrever como se tivesse interligando com o avatar que tá do lado esquerdo dela.

Olá, poderia liberar um fórum para convidados responderem, para que eu possa personalizar de acordo com seu fórum.

Editado @Fatalisss se preferir, dê uma olhada nesse tópico
https://ajuda.forumeiros.com/t106804-seta-na-caixa-de-resposta-rapida

Olá, convidados não podem responder TÓPICOS no meu Fórum. Porque você não cria uma conta ?

Fique a vontade.. eu li o tópico que me passou e não deu resultado.

Aguardo respostas.

Olá, adicione o seguinte CSS

Código:

#textarea_content:before {
  border-color: transparent #d6d6d6 transparent transparent;
  border-style: solid;
  border-width: 15px;
  content: '';
  display: block;
  height: 0;
  left: 26.1%;
  position: absolute;
  width: 0;
}
.jsUserPhoto {
    margin-left: 20px;
}
.jsUserPhotoLink {
    margin: 2px;
}

Deverá ficar assim http://prntscr.com/g0apd3

Se quiser mais perto adicione esse, vá alterando o margin-left: 20px;, exemplo

Código:

.jsUserPhoto {
    margin-left: 42px;
}

http://prntscr.com/g0atkz

Olá, houve um bug veja:

Eu tive um problema quando fui me cadastrar no seu fórum, me passe uma para testes.

Estarei aguardando...

Enviei uma Mensagem Privada para você com os dados da conta que criei para você.

Poderia me dizer que problema você teve quando foi criar conta ?

Obrigado, até mais..

O problema foi com meu e-mail...

Quanto a questão troque por esse

Código:

#textarea_content:before {
  border-color: transparent #d6d6d6 transparent transparent;
  border-style: solid;
  border-width: 15px;
  content: '';
  display: block;
  height: 0;
  left: 13.6%;
  position: absolute;
  width: 0;
}

Resultado http://prntscr.com/g0pu66
Quanto a distância do avatar, está boa?

Poderia traze-lo para mais perto ?

Adicione ou troque por esse

Código:

.jsUserPhoto {
    margin-left: 58%;
    margin-top: -10px;
}

Resultado http://prntscr.com/g0pypr

Até mais

Olá, não funcionou. Já o fiz.

Olá, me envie um print de como esta para você, para mim está assim

http://prntscr.com/g17wfh

A minha resolução é 1366x768.

Estarei aguardando...

Olá,
Está aqui a print: 

Olá, eu havia lhe pedido a sua resolução de tela, na minha mensagem anterior... conectei a uma tela maior e editei os CSS, veja se resulta.

Código:

@media screen and (min-width: 1024px) {
        #textarea_content:before {
          border-color: transparent #d6d6d6 transparent transparent;
          border-style: solid;
          border-width: 15px;
          content: '';
          display: block;
          height: 0;
          left: 14.2%;
          position: absolute;
          width: 0;
        }
          .jsUserPhoto {
            margin-left: 70% !important;
            margin-top: -10px !important;
        }
}

Até mais

Olá, solicito arquivação do tópico. Problema já foi resolvido.

Obrigado.