Avatar na Resposta Rapida Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Avatar na Resposta Rapida

3 participantes

Ir para baixo

Tópico resolvido Avatar na Resposta Rapida

Mensagem por ranzatti 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
*****

Membro desde : 02/09/2010
Mensagens : 470
Pontos : 673

http://brnewgeneration.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar na Resposta Rapida

Mensagem por Luiz 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
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar na Resposta Rapida

Mensagem por ranzatti 09.02.18 22:15

funcionou pode fechar
ranzatti
ranzatti
*****

Membro desde : 02/09/2010
Mensagens : 470
Pontos : 673

http://brnewgeneration.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar na Resposta Rapida

Mensagem por Fraise 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.
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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