Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Notificação de novas mensagens
Hoje à(s) 08:18 pm por Luiz

» Questão sobre aspeto de blog
Hoje à(s) 08:14 pm por Luiz

» Como mudar a cor e imagem desta caixinha?
Hoje à(s) 07:32 pm por Luiz

» Como fixa a mensagem
Hoje à(s) 06:37 pm por Luiz

» Como remover as mensagens de informação do chatbox
Hoje à(s) 06:36 pm por Luiz

» Slides bugado
Hoje à(s) 06:24 pm por iScroll

» Top Usuário
Hoje à(s) 06:23 pm por iScroll

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
iScroll
 
Matt Shultz
 
Harleen
 
Ketholy123
 
T1ag0
 
zHugh
 
PlayWillian
 
ranzatti
 
Lecxa
 

Quem está conectado
257 usuários online :: 6 usuários cadastrados, Nenhum Invisível e 251 Visitantes :: 2 Motores de busca

APOllO, IsmaelS., Ketholy123, Luiz, soldado, uvmyyvpew

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Avatar na Resposta Rápida

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

Resolvido Avatar na Resposta Rápida

Mensagem por Nagisa em 24/03/16, 03:34 pm

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;
http://i.imgur.com/7usBiUX.png?1




@GSCode 


Última edição por Nagisa em 24/03/16, 05:04 pm, editado 1 vez(es)
avatar

Nagisa
Nível 4

Masculino
Inscrito dia : 23/03/2016
Mensagens : 30
Pontos Ativos : 40

Ver perfil do usuário http://nacionalplayer-rpg.forumeiros.com/portal

Resolvido Re: Avatar na Resposta Rápida

Mensagem por ShadowPrince em 24/03/16, 03:41 pm

Olá @Nagisa.

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

att. Contente
avatar

ShadowPrince
Nível 9

Masculino
Inscrito dia : 29/03/2011
Mensagens : 225
Pontos Ativos : 360

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

Resolvido Re: Avatar na Resposta Rápida

Mensagem por Nagisa em 24/03/16, 04:16 pm

@ShadowPrince escreveu:Olá @Nagisa.

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

att. Contente
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?

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


Última edição por Nagisa em 24/03/16, 04:22 pm, editado 1 vez(es)
avatar

Nagisa
Nível 4

Masculino
Inscrito dia : 23/03/2016
Mensagens : 30
Pontos Ativos : 40

Ver perfil do usuário http://nacionalplayer-rpg.forumeiros.com/portal

Resolvido Re: Avatar na Resposta Rápida

Mensagem por GSCode em 24/03/16, 04:22 pm

Olá, @Nagisa

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

Até mais. zen
avatar

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 590
Pontos Ativos : 1031

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

Resolvido Re: Avatar na Resposta Rápida

Mensagem por Nagisa em 24/03/16, 04:22 pm

GSCode escreveu:Olá, @Nagisa

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

Até mais. zen
Retirado
avatar

Nagisa
Nível 4

Masculino
Inscrito dia : 23/03/2016
Mensagens : 30
Pontos Ativos : 40

Ver perfil do usuário http://nacionalplayer-rpg.forumeiros.com/portal

Resolvido Re: Avatar na Resposta Rápida

Mensagem por GSCode em 24/03/16, 04:26 pm

@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. Rosa
avatar

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 590
Pontos Ativos : 1031

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

Resolvido Re: Avatar na Resposta Rápida

Mensagem por Nagisa em 24/03/16, 04:27 pm

@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. Rosa
Seria para retirar todas estas tags do código que ele arrumaria? Não entendi muito bem
avatar

Nagisa
Nível 4

Masculino
Inscrito dia : 23/03/2016
Mensagens : 30
Pontos Ativos : 40

Ver perfil do usuário http://nacionalplayer-rpg.forumeiros.com/portal

Resolvido Re: Avatar na Resposta Rápida

Mensagem por ShadowPrince em 24/03/16, 04:28 pm

@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.
avatar

ShadowPrince
Nível 9

Masculino
Inscrito dia : 29/03/2011
Mensagens : 225
Pontos Ativos : 360

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

Resolvido Re: Avatar na Resposta Rápida

Mensagem por Nagisa em 24/03/16, 04:29 pm

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

http://i.imgur.com/7usBiUX.png?1
avatar

Nagisa
Nível 4

Masculino
Inscrito dia : 23/03/2016
Mensagens : 30
Pontos Ativos : 40

Ver perfil do usuário http://nacionalplayer-rpg.forumeiros.com/portal

Resolvido Re: Avatar na Resposta Rápida

Mensagem por GSCode em 24/03/16, 04:31 pm

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. zen
avatar

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 590
Pontos Ativos : 1031

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

Resolvido Re: Avatar na Resposta Rápida

Mensagem por Nagisa em 24/03/16, 04:33 pm

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

http://i.imgur.com/Oozfjs1.png?1
avatar

Nagisa
Nível 4

Masculino
Inscrito dia : 23/03/2016
Mensagens : 30
Pontos Ativos : 40

Ver perfil do usuário http://nacionalplayer-rpg.forumeiros.com/portal

Resolvido Re: Avatar na Resposta Rápida

Mensagem por Nagisa em 24/03/16, 04:40 pm

@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;
http://i.imgur.com/kpiNHY2.png
avatar

Nagisa
Nível 4

Masculino
Inscrito dia : 23/03/2016
Mensagens : 30
Pontos Ativos : 40

Ver perfil do usuário http://nacionalplayer-rpg.forumeiros.com/portal

Resolvido Re: Avatar na Resposta Rápida

Mensagem por MateusAnjosV em 24/03/16, 05:00 pm

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.
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1435
Pontos Ativos : 2004

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

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

- Tópicos similares

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