Avatar na Resposta Rapida

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

Atendido / Resolvido Avatar na Resposta Rapida

Mensagem por ranzatti em 06.02.18 20:39

Detalhes da questão


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

Descrição


olá boa tarde então eu usei o codigo abaixo de mostrar o avatar ao lado da Resposta rapida porem não ficou do meu gosto gostaria que alguém edita-sem o codigo e colocar como na imagem abaixo obg

Código Usado

Código:
/***
 * Application: Avatar in fast reply.
 * Description: This application shows the member avatar's in fast reply.
 * Version: 1.03212014-jq1.9.1 - Neterket, 3ª dynasty
 * Made and Optimizations by JScript - 2014/03/21
 * View more in: http://ajuda.forumeiros.com
 * Copyright (c) 2013 JScript <jscriptbrasil at live dot com>
 * This work is free. You can redistribute it and/or modify it
 * under the terms of the WTFPL, Version 2
 */
jQuery(function () {
    if (_userdata.session_logged_in) {
        var sHtml =
            '<a id="reply_avatar" class="jsUserPhotoLink left" title="Meu Perfil" href=""></a>';
        var sCSS =
            '<style>' +
            '.left {' +
                'float: left;' +
            '}' +
            '.jsUserPhotoLink {' +
                'margin: 9px;' +
                'position: absolute;' +
            '}' +
            '.jsUserPhoto {' +
                'background: none repeat scroll 0 0 #FFFFFF;' +
                'border: 1px solid #D5D5D5 !important;' +
                'box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);' +
                'padding: 1px;' +
            '}' +
            '.jsUserPhoto_medium {' +
                'max-height: 100px;' +
                'max-width: 100px;' +
            '}' +
            '.input_check, .input_radio, img {' +
                'vertical-align: middle;' +
            '}' +
            '</style>';
        jQuery(sCSS).insertBefore('body');
     
        jQuery('#quick_reply, #qpost .qreply').prepend(sHtml);
        jQuery('#reply_avatar')
            .attr('href', '/u' + _userdata.user_id)
            .prepend(_userdata.avatar);
        jQuery('#reply_avatar img').addClass('jsUserPhoto jsUserPhoto_medium');
        if (jQuery('.bodyline, #pun-intro').length) jQuery('#reply_avatar').css('position', 'relative');
    }
});

quero que o avatar fique na posição como na imagem abaixo

Avatar na Resposta Rapida Ar5I6kUISLuvr0ZngfnOVg

desde ja obrigado


ranzatti

ranzatti
Usuário avançado

Masculino
Inscrito dia : 02/09/2010
Mensagens : 430
Pontos Ativos : 617

Ver perfil do usuário http://brnewgeneration.forumeiros.com/forum

Atendido / Resolvido Re: Avatar na Resposta Rapida

Mensagem por Luiz em 09.02.18 8:09

Troque por este:
Código:
/*globals jQuery, _userdata*/

/**
 * Cria um avatar ao lado esquerdo da caixa de texto.
 * :: Investimento :: Nos Tópicos ::
 *
 * @version  1.0.0
 * @since    09 Fev 2018
 *
 * @author  Luiz Felipe F. {@link https://lffg.github.io/}
 * @license  MIT
 */

(function($) {
  'use strict';

  $(function() {
    /**
    * Verifica se o usuário está logado.
    * Caso contrário, pare o script.
    */
    if (!_userdata.session_logged_in) {
      return;
    }

    /**
    * Cria o avatar e seu wrapper.
    */
    var $avatar  = $(_userdata.avatar);
    var $wrapper  = $([
      '<div class="fa-avatar-wrapper">',
      '  ' + $avatar.prop('outerHTML'),
      '</div>'
    ].join('\n'));

    /**
    * Insere o wrapper do avatar no DOM.
    */
    $wrapper.prependTo('#textarea_content');

    /**
    * Cria os estilos e os insere no DOM.
    */
    $('<style>', { 'text': [
      '#textarea_content {',
      '  position: relative;',
      '}',
      '',
      '.fa-avatar-wrapper {',
      '  position: absolute;',
      '  left: -115px;',
      '  top: 20px;',
      '  box-sizing: border-box;',
      '  width: 100px;',
      '  height: 100px;',
      '  border: solid 3px #000;',
      '}',
      '',
      '.fa-avatar-wrapper > img {',
      '  box-sizing: border-box;',
      '  width: 100%;',
      '  height: 100%;',
      '}'
    ].join('\n') }).appendTo('head');
  });
})(jQuery);

O resultado será:
-> http://prntscr.com/ic8qan

o/
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6626
Pontos Ativos : 7521

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Avatar na Resposta Rapida

Mensagem por ranzatti em 09.02.18 22:15

funcionou pode fechar
ranzatti

ranzatti
Usuário avançado

Masculino
Inscrito dia : 02/09/2010
Mensagens : 430
Pontos Ativos : 617

Ver perfil do usuário http://brnewgeneration.forumeiros.com/forum

Atendido / Resolvido Re: Avatar na Resposta Rapida

Mensagem por Fraise em 10.02.18 2:04

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Fraise — Admineiro
Fraise

Fraise
Admineiro
Admineiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 6301
Pontos Ativos : 7759

Ver perfil do usuário https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


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