Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.


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

Avatar do membro ao lado da caixa de resposta

3 participantes

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

Gmtp

Gmtp
Nivel 6

Link do fórum: http://makerforum.forumeiros.com/forum

Versão: phpBB3

Imagens do problema: https://i.imgur.com/ogoadca.png

Descrição do problema: Olá, queridos.

Como podem ver o avatar não se ajusta a caixa de resposta rápida, bom, eu gostaria que ficasse como a da qui por exemplo.

Até mais.

Cʀɑzy

Cʀɑzy
Admin
Admin

Olá,

Poderia me fornecer o código que utiliza?

Até..

http://programando.forum-pro.net

Gmtp

Gmtp
Nivel 6

Olá!

Claro:
Código css:
Código:
/* Avata na resposta rápida */   

#quick_reply #av_quickreply{
  display: table-cell;
  width: 200px;
}
       
#quick_reply #textarea_content{
  width: 900px !important;
  display: table;
}
       
#quick_reply #text_editor_controls{
  position: relative;
  left: 100px;
}
Javascript com investimento nos tópicos:
Código:
jQuery(document).ready(function() {
        $('#textarea_content #text_editor_textarea').before('<div id="av_quickreply"></div>');
          if(typeof(_userdata)!="undefined") {
            $('#av_quickreply').html(_userdata['avatar']);
          }
          else {
            $('#av_quickreply').load('/profile?mode=editprofile&page_profil=avatars .ucp-main #ucp fieldset dl dd img');
          }
        });
Até mais.

Cʀɑzy

Cʀɑzy
Admin
Admin

Olá,

Adicione na tua CSS:
Código:
#av_quickreply {
position: relative !important;
top: 3% !important;
left: -1% !important;
}
Até..

http://programando.forum-pro.net

Gmtp

Gmtp
Nivel 6

Olá!

Não altero nada ..

Até logo.

Cʀɑzy

Cʀɑzy
Admin
Admin

Olá,

Nós utilizamos este código aqui, adicione na CSS:
Código:
#av_quickreply img {
            left: 15px !important;
            position: relative !important;
            top: 20px !important;
        }
       
        #av_quickreply {
            float: left !important;
        }
Até..

http://programando.forum-pro.net

Gmtp

Gmtp
Nivel 6

Olá, querido.

Trocando o código que me deu antes por esse meu fórum buga e fica assim:
 Avatar do membro ao lado da caixa de resposta J3syT9x
https://i.imgur.com/j3syT9x.png
Agora, completando todos os códigos citados nesse tópico também da o erro. Esse código que faz o tal bug:
Código:
#av_quickreply img {
            left: 15px !important;
            position: relative !important;
            top: 20px !important;
        }
       
        #av_quickreply {
            float: left !important;
        }
Até mais.

Cʀɑzy

Cʀɑzy
Admin
Admin

Olá,

Obviamente, as configurações estão erradas. E o avatar ficou por cima da caixa de texto, causando o bug.
Vá alterando o número 15px, no código que eu lhe forneci. Deixe-o em '-30' por ai.

Até..

http://programando.forum-pro.net

Gmtp

Gmtp
Nivel 6

Olá, querido.

Mesmo diminuindo para -30 e -40 o avatar fica cortado dentro da caixa de escrever, olhe:

 Avatar do membro ao lado da caixa de resposta FiAca8H
https://i.imgur.com/FiAca8H.png



Consegui arrumar uma parte, porém a parte do top, tipo uma margin entre o topo e a imagem não move. Código utilizado para a movimentação:
Código:
#av_quickreply {
position: relative !important;
top: 10% !important;
left: -1% !important;
}
Até mais.

Cʀɑzy

Cʀɑzy
Admin
Admin

Olá,

Acrescente na tua CSS:
Código:
#av_quickreply {
position: relative !important;
margin-top: 20px !important;
left: -1% !important;
}
#textarea_content {
width: 80% !important;
}
seta Se quiser abaixa-lo, procure por '20px' e vá aumentando.
seta A textarea está muito grande, mandei um código para diminui-la. Caso não, não há como por um avatar ali.
seta Para configurar a largura da textarea, procure por "80%" e vá diminuindo.

Até..

http://programando.forum-pro.net

Gmtp

Gmtp
Nivel 6

Olá, querido.

Já tentei o margin-top antes, nada mudou nesse também, dentro do css que eu lhe mandei tem uma classe que serve também para aumentar e diminuir a caixa de mensagem rápida.
Já estou desanimando, nenhum código funciona ...

Até mais.

Cʀɑzy

Cʀɑzy
Admin
Admin

Olá,

Calma, vamos conseguir. Poderia me fornecer uma conta de testes em vosso fórum? Minha internet está péssima. Não tem como eu me registrar.

Até.

http://programando.forum-pro.net

Gmtp

Gmtp
Nivel 6

Olá, querido.

Claro!

Login: Kio
Senha: @abc123

Até!

Cʀɑzy

Cʀɑzy
Admin
Admin

Olá,

Em seu fórum, percebi que a caixa de texto não estava mais bugada, agora e só descer o avatar certo?Acrescente na tua 'Folha de Estilos CSS':
Código:
#av_quickreply{position: relative !important;top: 3% !important;
padding-top: 3% !important;}
Até mais.

http://programando.forum-pro.net

Gmtp

Gmtp
Nivel 6

Olá!

É porque eu retiro o código que buga. Bem o avatar desce, porém, ele desce junto com a caixa de mensagens.
Será que há alguma interferência entre essas classes ?

Até mais.

Cʀɑzy

Cʀɑzy
Admin
Admin

Olá,

Provavelmente não. Retire o 'padding-top' do código que eu forneci anteriormente.

Até mais.

http://programando.forum-pro.net

Gmtp

Gmtp
Nivel 6

Também não. Parece que sempre que eu mecho o avatar para baixo a caixa também, quando eu coloca a caixa para cima não muda nada, isso é bem estranho ...

Cʀɑzy

Cʀɑzy
Admin
Admin

Olá,

Já tentou por ela mas para a esquerda com o margin-left? Talvez a altura e a posição dela interfira na caixa.

Até..

http://programando.forum-pro.net

Gmtp

Gmtp
Nivel 6

Olá!

Também não muda nada, é possível fazer o tal efeito com Jquery ?
Código:
#av_quickreply{
  position: relative !important;
  top: 3% !important;
  margin-left: 20px !important;
}
Até mais.

Cʀɑzy

Cʀɑzy
Admin
Admin

Olá!

Desculpe á demora, poderia me confirmar se ainda necessita de suporte? Infelizmente, eu estava sem tempo, desculpe.

Até..

http://programando.forum-pro.net

Gmtp

Gmtp
Nivel 6

Olá!

Ainda preciso, ainda estou com o mesmo problema entre a caixa e o avatar ao lado.
Não se preocupa eu também estava.

Até mais.

First

First
Nivel 5

Olá,

Senhor, retire o código que esta utilizando, e cria um novo javascript com o Investimento: Nos tópicos com o seguinte código:
Código:
jQuery(document).ready(function() {
jQuery('#quick_reply').before('<div id="quick-avatar"></div> ');
});
jQuery(document).ready(function(){
  jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
      link = jQuery('.panel dl:first img', data).attr('src');
      if(link){
        jQuery('#quick-avatar').html('<center><img src="'+link+'" alt=""></center>');
      }else{
        jQuery('#quick-avatar').html('');
      }
  });
});
E adicione este código em sua folha de estilo CSS:
Código:
#quick-avatar {
float: left;
}
#quick-avatar img {
border-radius: 3px;
box-shadow: 0 0 11px gray;
max-height: 306px;
max-width: 100px;
min-height: 0px;
min-width: 100px;
margin-top: 25px;
margin-left: 10px;
}

Até mais,
Passar bem.

http://www.topcodes.com.br/

Gmtp

Gmtp
Nivel 6

Olá!

Obrigado pela ajuda porém o erro persiste e agora algo insano aconteceu, veja: https://i.imgur.com/ATSHzN3.png

Até mais.

Conteúdo patrocinado



Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos