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


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
» Problemas na ativação do Formulario
Hoje à(s) 1:59 por Harleen

» Mudar pre-visualização do formulário
Hoje à(s) 0:29 por YouTube3

» Personalizar SCEditor
Hoje à(s) 0:29 por YouTube3

» Personalizar Widget
Ontem à(s) 23:39 por YuriGama

» Bug na Pagina HTML
Ontem à(s) 23:37 por xBreninho_.

» Não consigo postar
Ontem à(s) 22:45 por Luiz~

» Postar em ajax com avisos
Ontem à(s) 22:39 por Lineshooter

LiveStream TV Forumeiros - #Forumeiros
Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Parceiros Forumeiros
Quem está conectado
75 usuários online :: 5 usuários cadastrados, Nenhum Invisível e 70 Visitantes :: 2 Motores de busca

[MGZ]Jessica, Angel Presley, P.H, Sennior, Sra.Gringo

[ 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 : 301

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 : 2420

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 : 301

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 : 576
Pontos Ativos : 2166

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 : 301

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 : 576
Pontos Ativos : 2166

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 : 301

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 : 2420

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 : 301

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 : 576
Pontos Ativos : 2166

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 : 301

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 : 301

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 : 2398

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5