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.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Remover permissão
Hoje à(s) 11:22 am por Harleen

» Imagem do topico
Hoje à(s) 11:07 am por Harleen

» Template tópicos recentes
Hoje à(s) 10:45 am por Harleen

» Efeito no avatar em mensagens no tópico
Hoje à(s) 01:34 am por Dark Hunter

» #10422 Forumeiros desativa e reenvia a url para este site
Ontem à(s) 10:39 pm por Forumpw

» [PEDIDO] - Logo
Ontem à(s) 09:38 pm por Tiger

» Caixa de resposta rápida nos tópicos
Ontem à(s) 09:07 pm por Harleen

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Kyo Panda
 
Harleen
 
Fatalisss
 
JulioPais
 
Holkis
 
APOllO
 
Shek
 
MtX
 
Forumpw
 
Roger_Crazzy
 

Quem está conectado
231 usuários online :: 8 usuários cadastrados, Nenhum Invisível e 223 Visitantes :: 1 Motor de busca

Appoloz, fascicularia, Harleen, Holkis, Jefferson105, JulioPais, Luiz, toquinhobk

[ 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

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 : 223
Pontos Ativos : 356

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

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 : 578
Pontos Ativos : 1014

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

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 : 578
Pontos Ativos : 1014

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

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 : 223
Pontos Ativos : 356

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

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 : 578
Pontos Ativos : 1014

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

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

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 : 1421
Pontos Ativos : 1987

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