Sobre avatar na resposta rápida

4 participantes

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

Tópico resolvido Sobre avatar na resposta rápida

Mensagem por xsimon 08.06.14 22:08

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

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

Mas ficou centralizado.

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

Sobre avatar na resposta rápida AGJnWY2

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

xsimon

xsimon
Novo Membro

Membro desde : 08/02/2014
Mensagens : 28
Pontos : 50

http://anosincriveis.forumbrasil.net/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Sobre avatar na resposta rápida

Mensagem por Sennior 08.06.14 22:10

Olá,

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

Até mais.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Sobre avatar na resposta rápida

Mensagem por xsimon 08.06.14 22:22

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');
    }
});
xsimon

xsimon
Novo Membro

Membro desde : 08/02/2014
Mensagens : 28
Pontos : 50

http://anosincriveis.forumbrasil.net/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Sobre avatar na resposta rápida

Mensagem por Sennior 08.06.14 22:47

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

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Sobre avatar na resposta rápida

Mensagem por xsimon 08.06.14 23:28

Está quase lá.

Ficou assim:

Sobre avatar na resposta rápida KCHCiJo
xsimon

xsimon
Novo Membro

Membro desde : 08/02/2014
Mensagens : 28
Pontos : 50

http://anosincriveis.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Sobre avatar na resposta rápida

Mensagem por Alex Habilidade 09.06.14 1:05

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;
}
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Sobre avatar na resposta rápida

Mensagem por xsimon 09.06.14 1:29

Alex, valeu, ela agora ficou ao lado.

Mas queria que ela ficasse desse jeito:

Sobre avatar na resposta rápida FosPHvG

Ela está assim:

Sobre avatar na resposta rápida R0VHrXq
xsimon

xsimon
Novo Membro

Membro desde : 08/02/2014
Mensagens : 28
Pontos : 50

http://anosincriveis.forumbrasil.net/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Sobre avatar na resposta rápida

Mensagem por Shek 11.06.14 15:19

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

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos