Sobre avatar na resposta rápida

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

Resolvido Sobre avatar na resposta rápida

Mensagem por xsimon em 08/06/14, 06:08 pm

  • Descrição:
Bom pessoal, eu tô com um problema no meu fórum com o Avatar na Resposta Rápida.

Segui esse tutorial: http://ajuda.forumeiros.com/t91625-avatar-na-resposta-rapida

Mas ficou centralizado.

Queria que ele ficasse no lado esquerdo, tem como me ajudarem?


  • Informações:
Fórum:http://anosincriveis.forumbrasil.netVersão:PUNBB
Tipo:Pedido de códigoTags:Sobre,avatar,resposta,rápida

avatar

xsimon
Nível 4

Masculino
Inscrito dia : 08/02/2014
Mensagens : 28
Pontos Ativos : 50

Ver perfil do usuário http://anosincriveis.forumbrasil.net/

Resolvido Re: Sobre avatar na resposta rápida

Mensagem por Sennior em 08/06/14, 06:10 pm

Olá,

Mande-me o código por gentileza usado por você;

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Sobre avatar na resposta rápida

Mensagem por xsimon em 08/06/14, 06:22 pm

@Sennior escreveu:Olá,

Mande-me o código por gentileza usado por você;

Até mais.

No jscript usei esse código com investimento nos tópicos:

Código:
jQuery(document).ready(function() {
        $('#textarea_content #text_editor_textarea').before('<div id="av_quickreply"></div>');
          if(typeof(_userdata)!="undefined") {
            $('#av_quickreply').html(_userdata['avatar']);
          }
          else {
            $('#av_quickreply').load('/profile?mode=editprofile&page_profil=avatars .ucp-main #ucp fieldset dl dd img');
          }
        });

E no CSS:

Código:
  /* Avata na resposta rápida */    

#quick_reply #av_quickreply{
  display: table-cell;
  width: 200px;
}
        
#quick_reply #textarea_content{
  width: 900px !important;
  display: table;
}
        
#quick_reply #text_editor_controls{
  position: relative;
  left: 100px;
}
  /***
 * 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
 * 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 =
            '';
        var sCSS =
            '' +
            '.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;' +
            '}' +
            '.jsUserPhoto_medium {' +
'max-height: 100px;' +
'max-width: 100px;' +
            '}' +
            '.input_check, .input_radio, img {' +
'vertical-align: middle;' +
            '}' +
            '';
        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');
    }
});
avatar

xsimon
Nível 4

Masculino
Inscrito dia : 08/02/2014
Mensagens : 28
Pontos Ativos : 50

Ver perfil do usuário http://anosincriveis.forumbrasil.net/

Resolvido Re: Sobre avatar na resposta rápida

Mensagem por Sennior em 08/06/14, 06:47 pm

Saudações,

Aceda à sua Folha de Estilo CSS:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS
Código:
Código:
div#av_quickreply {position: relative;text-align: left;}

Coloque no inicio de teu CSS.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Sobre avatar na resposta rápida

Mensagem por xsimon em 08/06/14, 07:28 pm

Está quase lá.

Ficou assim:

avatar

xsimon
Nível 4

Masculino
Inscrito dia : 08/02/2014
Mensagens : 28
Pontos Ativos : 50

Ver perfil do usuário http://anosincriveis.forumbrasil.net/

Resolvido Re: Sobre avatar na resposta rápida

Mensagem por Alex Habilidade em 08/06/14, 09:05 pm

Olá,

Troque o JS por este:
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;' +
                '}' +
                '.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');
        }
    });


E adicione o CSS abaixo:
Código:

.sceditor-container.ltr.wysiwygMode {
    margin-left: 40px;
}
.jsUserPhoto_medium {
    max-height: 100px;
    max-width: 100px;
    position: absolute;
}
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Sobre avatar na resposta rápida

Mensagem por xsimon em 08/06/14, 09:29 pm

Alex, valeu, ela agora ficou ao lado.

Mas queria que ela ficasse desse jeito:



Ela está assim:

avatar

xsimon
Nível 4

Masculino
Inscrito dia : 08/02/2014
Mensagens : 28
Pontos Ativos : 50

Ver perfil do usuário http://anosincriveis.forumbrasil.net/

Resolvido Re: Sobre avatar na resposta rápida

Mensagem por Shek em 11/06/14, 11:19 am

No CSS que lhe foi fornecido por Alex, mude as propriedades do seletor:
Código:
.jsUserPhotoLink
Por este novo código:
Código:
.jsUserPhotoLink {
margin: 9px 0px 0px 71px;
}
Procure por:
Código:
.jsUserPhoto
E substitua por:
Código:
.jsUserPhoto {
padding-top: 50px;
}
E salve. Muito feliz


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17137
Pontos Ativos : 21398

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

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