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
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
296 usuários online :: 9 usuários cadastrados, 1 Invisível e 286 Visitantes :: 1 Motor de busca

Fernanda Nunes, Fou-Lu, Harleen, iScroll, IsmaelS., Lincoln, MarcosSchultz, Tiger, Try

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Qui 24 Mar 2016 - 18:34

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 Qui 24 Mar 2016 - 20:04, editado 1 vez(es)

Nagisa
Nível 4

Masculino
Inscrito dia : 24/03/2016
Mensagens : 30
Pontos Ativos : 381

http://nacionalplayer-rpg.forumeiros.com/portal

Resolvido Re: Avatar na Resposta Rápida

Mensagem por ShadowPrince em Qui 24 Mar 2016 - 18:41

Olá @Nagisa.

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

att. Contente

ShadowPrince
Nível 9

Masculino
Inscrito dia : 30/03/2011
Mensagens : 213
Pontos Ativos : 2500

http://clanowners.forumeiros.com/

Resolvido Re: Avatar na Resposta Rápida

Mensagem por Nagisa em Qui 24 Mar 2016 - 19:16

@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 Qui 24 Mar 2016 - 19:22, editado 1 vez(es)

Nagisa
Nível 4

Masculino
Inscrito dia : 24/03/2016
Mensagens : 30
Pontos Ativos : 381

http://nacionalplayer-rpg.forumeiros.com/portal

Resolvido Re: Avatar na Resposta Rápida

Mensagem por GSCode em Qui 24 Mar 2016 - 19:22

Olá, @Nagisa

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

Até mais. zen

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 578
Pontos Ativos : 2250

http://testforumbrasil.forumeiros.com/forum

Resolvido Re: Avatar na Resposta Rápida

Mensagem por Nagisa em Qui 24 Mar 2016 - 19:22

@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

Nagisa
Nível 4

Masculino
Inscrito dia : 24/03/2016
Mensagens : 30
Pontos Ativos : 381

http://nacionalplayer-rpg.forumeiros.com/portal

Resolvido Re: Avatar na Resposta Rápida

Mensagem por GSCode em Qui 24 Mar 2016 - 19:26

@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

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 578
Pontos Ativos : 2250

http://testforumbrasil.forumeiros.com/forum

Resolvido Re: Avatar na Resposta Rápida

Mensagem por Nagisa em Qui 24 Mar 2016 - 19:27

@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

Nagisa
Nível 4

Masculino
Inscrito dia : 24/03/2016
Mensagens : 30
Pontos Ativos : 381

http://nacionalplayer-rpg.forumeiros.com/portal

Resolvido Re: Avatar na Resposta Rápida

Mensagem por ShadowPrince em Qui 24 Mar 2016 - 19:28

@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
Nível 9

Masculino
Inscrito dia : 30/03/2011
Mensagens : 213
Pontos Ativos : 2500

http://clanowners.forumeiros.com/

Resolvido Re: Avatar na Resposta Rápida

Mensagem por Nagisa em Qui 24 Mar 2016 - 19:29

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

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

Nagisa
Nível 4

Masculino
Inscrito dia : 24/03/2016
Mensagens : 30
Pontos Ativos : 381

http://nacionalplayer-rpg.forumeiros.com/portal

Resolvido Re: Avatar na Resposta Rápida

Mensagem por GSCode em Qui 24 Mar 2016 - 19:31

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

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 578
Pontos Ativos : 2250

http://testforumbrasil.forumeiros.com/forum

Resolvido Re: Avatar na Resposta Rápida

Mensagem por Nagisa em Qui 24 Mar 2016 - 19:33

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

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

Nagisa
Nível 4

Masculino
Inscrito dia : 24/03/2016
Mensagens : 30
Pontos Ativos : 381

http://nacionalplayer-rpg.forumeiros.com/portal

Resolvido Re: Avatar na Resposta Rápida

Mensagem por Nagisa em Qui 24 Mar 2016 - 19:40

@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

Nagisa
Nível 4

Masculino
Inscrito dia : 24/03/2016
Mensagens : 30
Pontos Ativos : 381

http://nacionalplayer-rpg.forumeiros.com/portal

Resolvido Re: Avatar na Resposta Rápida

Mensagem por MateusAnjosV em Qui 24 Mar 2016 - 20:00

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.

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2478

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