Avatar na Resposta Rápida

Detalhes da questão

Endereço do fórum: http://www.npsamp.com.br
Versão do fórum: PhpBB3

Descrição

Olá novamente! Neste tutorial aqui link vemos o seguinte código;

Código:

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

Eu achei legal isto e quis colocar aqui no meu fórum, MAS,Portanto,todavia,entretanto. O avatar ficou pequeno ao lado da mensagem rápida. Teria como alguém me dizer o que eu poderia fazer para aumentar? Se tem alguma parte que arrume isto no próprio código ou se é alguma configuração pelo /admin ?

Fica abaixo uma imagem de como ficou;
https://i.imgur.com/7usBiUX.png?1




@GSCode 

Olá @Nagisa.

Procure por ('jsUserPhoto jsUserPhoto_medium') no código e altere por ('jsUserPhoto jsUserPhoto_big')

att.

@ShadowPrince escreveu:Olá @Nagisa.

Procure por ('jsUserPhoto jsUserPhoto_medium') no código e altere por ('jsUserPhoto jsUserPhoto_big')

att.

Não deu muito certo, ficou grande mais e levado para baixo, quase cobrindo o ícone de uma função
Não teria um meio termo?

https://i.imgur.com/sjwMADC.png?1

Olá, @Nagisa

Retire o fórum de manutenção e ative o código do avatar na mensagem rápida.

Até mais.

GSCode escreveu:Olá, @Nagisa

Retire o fórum de manutenção e ative o código do avatar na mensagem rápida.

Até mais.

Retirado

@Nagisa

O código passado aqui no tópico está com as tags [size], queira repassa-lo para a correção do avatar.

Até mais.

@GSCode escreveu:@Nagisa

O código passado aqui no tópico está com as tags [size], queira repassa-lo para a correção do avatar.

Até mais.

Seria para retirar todas estas tags do código que ele arrumaria? Não entendi muito bem

@Nagisa

Por gentileza tente o seguinte código:

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_big');
        if (jQuery('.bodyline, #pun-intro').length) jQuery('#reply_avatar').css('position', 'relative');
    }
});

att.

@ShadowPrince 
Com este código eu obtive o mesmo resultado da 1º tentativa;

https://i.imgur.com/7usBiUX.png?1

Olá, @Nagisa

Já fiz isso. Atualize o código JS para:

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;' +
                '}' +
                '.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;' +
    'width: 92px;' +
    'margin-left: 4px;' +
    'margin-top: -9px;' +
                '}' +
                '.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');
        }
    });

O tamanho do avatar será modificado por "width: 92px;"
margin-top: -9px; = Para cima ou para baixo.
margin-left: 4px; = Para os lados.

Até mais.

@GSCode obteve um resultado parecido, mas ele deu uma diminuida

https://i.imgur.com/Oozfjs1.png?1

@GSCode, Olha eu não manjo muito de posições (-9px etc...) como ficaria o margin-top: -9px e o margin-left: 4px
para ficar mais ou menos assim;
https://i.imgur.com/kpiNHY2.png

Olá e boa tarde!

Não seja por isto, indicaremos como configurar agora mesmo! Em CSS, especificamente no caso margin, quanto mais aumentar o número, mais ele terá o seu efeito contrário. Ou seja, se for margin-top e você configurar assim: margin-top: 30px, ele se afastará 30px da borda top! Se acrescentar um menos na frente: margin-top: 30px, ele "entrará" na borda e se afastará, porém, se afastará pela parte de cima e não, se alocando para baixo como anteriormente.

Creio que seja o suficiente para você mesmo configurar.

Atenciosamente.