Aplicando foto de capa em tópicos

5 participantes

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

Tópico resolvido Aplicando foto de capa em tópicos

Mensagem por Pattricia 21.07.15 14:36

Olá!
Vi um tutorial de como aplicar foto de capa em tópicos: https://ajuda.forumeiros.com/t96843-tutorial-aplicando-foto-de-capa-em-topicos


Lá diz que preciso fazer isso:

Em seguida, acesse o perfil do seu usuário. Por exemplo: https://ajuda.forumeiros.com/u1 Em seguida, clique no botão direito do mouse por cima da caixa de texto correspondente ao seu campo de perfil que vai abrigar a URL da foto de capa, na opção "Inspecionar elemento":

Aplicando foto de capa em tópicos 1step10

Na imagem ilustrativa acima, o campo correspondente onde vamos colocar a URL da imagem é o #field_id2. Acesse novamente o seu script, e nele localize por:

Código:

 jQuery('#shekFundo').load(userLink + ' #field_id2 .field_uneditable', function () {

Troque o valor:

Código:
#field_id2

Pelo valor do 'FIELD' que obteve quando inspecionou o elemento. Feito isso, salve seu código com o novo valor do Field.

Só que eu não encontrei o seguinte código que foi solicitado no tutorial:

Código:
jQuery('#shekFundo').load(userLink + ' #field_id2 .field_uneditable', function () {

Como posso encontrar o código?


Última edição por Pattricia em 24.07.15 17:08, editado 1 vez(es)
Pattricia

Pattricia
***

Membro desde : 23/01/2014
Mensagens : 161
Pontos : 226

http://winxclubfairies.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Fraise 21.07.15 14:41

Olá!

A senhora fez os passos anteriores do tutorial? Tudo desde o ínicio?

Cumprimentos.
Fraise
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Pattricia 21.07.15 14:56

Sim.
Pattricia

Pattricia
***

Membro desde : 23/01/2014
Mensagens : 161
Pontos : 226

http://winxclubfairies.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Fraise 21.07.15 14:57

Olá!

Então, o código que foi solicitado se encontra no javascript que você criou anteriormente. Aqui está ele destacado:

jQuery(function () {
jQuery('.postprofile_mod_fa').each(function () {
jQuery(this).before('<!-- MOD_PROFILE_SHEK - AJUDA.FORUMEIROS.COM - Favor, não remover os créditos do código!!! Criado por Hancki -->');
jQuery('<div id="shekFundo" style="display:none;"></div>').appendTo(this);

var userLink = jQuery(this).find('td.information_member_post strong a:eq(0)').attr('href');

jQuery('#shekFundo').load(userLink + ' #field_id2 .field_uneditable', function () {
var imgShek = jQuery(this).text();
jQuery(this).parent('.postprofile_mod_fa').attr('style', 'background: url(' + imgShek + ') no-repeat center center scroll !important;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;width:100%;');
});

});
});

Cumprimentos.
Fraise
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Pattricia 21.07.15 15:09

Eu não sei o ID do #field que vai substituir no javascript.
Pattricia

Pattricia
***

Membro desde : 23/01/2014
Mensagens : 161
Pontos : 226

http://winxclubfairies.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Fraise 21.07.15 15:14

Olá!

Então, por favor dê permissão para que os membros possam ver o perfil de outros usuários para que eu possa ver qual é o ID do field.

Cumprimentos.
Fraise
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Pattricia 21.07.15 15:17

Feito.
Pattricia

Pattricia
***

Membro desde : 23/01/2014
Mensagens : 161
Pontos : 226

http://winxclubfairies.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Fraise 21.07.15 15:20

Olá!

Você ainda não criou o campo do perfil. Queira criar para que eu possa ver o ID, se não me engano, é a 2ª parte/passo do tutorial. Piscada

Cumprimentos.
Fraise
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Pattricia 21.07.15 15:22

Eu fiz sim, acho que não estava visível aos visitantes.
Veja novamente.
Pattricia

Pattricia
***

Membro desde : 23/01/2014
Mensagens : 161
Pontos : 226

http://winxclubfairies.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Fraise 21.07.15 15:25

Olá!

Continua sem estar visível aqui. Triste

Cumprimentos.
Fraise
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Pattricia 21.07.15 16:06

E agora?
Pattricia

Pattricia
***

Membro desde : 23/01/2014
Mensagens : 161
Pontos : 226

http://winxclubfairies.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Fraise 21.07.15 18:47

Olá!

Aqui está o script com o ID do field editado:
Código:
jQuery(function () {
jQuery('.postprofile_mod_fa').each(function () {
jQuery(this).before('<!-- MOD_PROFILE_SHEK - AJUDA.FORUMEIROS.COM - Favor, não remover os créditos do código!!! Criado por Hancki -->');
jQuery('<div id="shekFundo" style="display:none;"></div>').appendTo(this);

var userLink = jQuery(this).find('td.information_member_post strong a:eq(0)').attr('href');

jQuery('#shekFundo').load(userLink + ' #field_id1 .field_uneditable', function () {
var imgShek = jQuery(this).text();
jQuery(this).parent('.postprofile_mod_fa').attr('style', 'background: url(' + imgShek + ') no-repeat center center scroll !important;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;width:100%;');
});

});
});

Cumprimentos.
Fraise
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Pattricia 21.07.15 18:49

Eu substituo o código javascript por este que você mandou?
Pattricia

Pattricia
***

Membro desde : 23/01/2014
Mensagens : 161
Pontos : 226

http://winxclubfairies.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Fraise 21.07.15 18:49

Pattricia escreveu:Eu substituo o código javascript por este que você mandou?
Olá!

Sim, deverá substituir o seu código atual pelo que eu forneci.

Cumprimentos.
Fraise
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Pattricia 21.07.15 19:03

Agora como faço para colocar uma imagem como capa nos tópicos?
Pattricia

Pattricia
***

Membro desde : 23/01/2014
Mensagens : 161
Pontos : 226

http://winxclubfairies.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Sennior 23.07.15 6:27

Pattricia escreveu:Agora como faço para colocar uma imagem como capa nos tópicos?

No campo em que a senhora criou, basta colocar o link referente a uma capa lá que irá aparecer a imagem. Piscada

Abraços.
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: Aplicando foto de capa em tópicos

Mensagem por Pattricia 23.07.15 14:11

Eu já tenho o recurso de foto de capa igual do Facebook, os códigos no campo não vão confundir?
Pattricia

Pattricia
***

Membro desde : 23/01/2014
Mensagens : 161
Pontos : 226

http://winxclubfairies.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Sennior 23.07.15 20:12

Mas a função funciona?
Creio que o código da capa do Facebook e dos tópicos sejam feitos para a mesma função... Pensativo

Tente fazer do modo que eu disse, e veja se dá exito.
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: Aplicando foto de capa em tópicos

Mensagem por Pattricia 23.07.15 20:48

Tem que definir a capa no perfil para um tópico? Eu pensei que definia colocando uma imagem no tópico e apareceria como capa, mas é uma capa por usuário?
Não estou entendendo nada Louco
Pattricia

Pattricia
***

Membro desde : 23/01/2014
Mensagens : 161
Pontos : 226

http://winxclubfairies.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Aplicando foto de capa em tópicos

Mensagem por RafaelS. 23.07.15 21:09

Pattricia escreveu:Tem que definir a capa no perfil para um tópico? Eu pensei que definia colocando uma imagem no tópico e apareceria como capa, mas é uma capa por usuário?
Não estou entendendo nada Louco

Olá.

O tutorial que a senhora acabou de seguir, faz exatamente o mesmo efeito que a foto de capa no perfil. O que muda é que a capa aparece no tópico também.

Atenciosamente.
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Pattricia 23.07.15 23:12

Mas não apareceu no tópico, eu fiz exatamente tudo direitinho. ...
Pattricia

Pattricia
***

Membro desde : 23/01/2014
Mensagens : 161
Pontos : 226

http://winxclubfairies.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Shek 23.07.15 23:36

Boa noite autora.

Neste caso, houve, creio eu, um equivoco por parte da autor do tópico. Na verdade, na descrição do tutorial e no vídeo tutorial que fiz antes de clicar no Play. está escrito "Foto de capa para fóruns tipo BLOG". Ou seja, este efeito não funciona para tópicos do modelo "fórum" e sim do modelo "blog".

Siga o vídeo tutorial do canal #TVForumeiros no Youtube: https://www.youtube.com/watch?feature=player_embedded&v=6MIGBrBXhuY


Atenciosamente,
Shek King
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

Tópico resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Pattricia 24.07.15 0:42

Mas eu tenho blog no fórum, mesmo assim não funcionou para tal.
Pattricia

Pattricia
***

Membro desde : 23/01/2014
Mensagens : 161
Pontos : 226

http://winxclubfairies.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor
  • 0

Tópico resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Shek 24.07.15 13:26

Bom dia.

Por favor, me envie a URL do seu fórum tipo "Blog".
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

Tópico resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Pattricia 24.07.15 14:15

Pattricia

Pattricia
***

Membro desde : 23/01/2014
Mensagens : 161
Pontos : 226

http://winxclubfairies.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Shek 24.07.15 14:56

Olá Patrícia!

Eu fiz um teste pelo console e funcionou perfeitamente:
Aplicando foto de capa em tópicos Result18

Troque seu código por este:
Código:
jQuery(function () {
        jQuery('.postprofile_mod_fa').each(function () {
            jQuery(this).before('<!-- MOD_PROFILE_SHEK - AJUDA.FORUMEIROS.COM - Favor, não remover os créditos do código!!! Criado por Hancki -->');
            jQuery('<div id="shekFundo" style="display:none;"></div>').appendTo(this);

            var userLink = jQuery(this).find('td.information_member_post strong a:eq(0)').attr('href');

            jQuery('#shekFundo').load(userLink + ' #field_id3 .field_uneditable', function () {
                var imgShek = jQuery(this).text();
                jQuery(this).parent('.postprofile_mod_fa').attr('style', 'background: url(' + imgShek + ') no-repeat center center scroll !important;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;width:100%;');
            });

        });
    });
Você tem vários erros de script no seu fórum. Se não funcionar mesmo assim, revise todos os seus scripts para ver se o problema não é "colisão" entre os scripts já adicionados.

Atenciosamente,
Shek King
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

Tópico resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Pattricia 24.07.15 17:08

Obrigada @Shek, resolvido Contente
Pattricia

Pattricia
***

Membro desde : 23/01/2014
Mensagens : 161
Pontos : 226

http://winxclubfairies.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Fraise 24.07.15 17:10

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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