Aplicando foto de capa em tópicos

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

Resolvido Aplicando foto de capa em tópicos

Mensagem por Pattricia em 21/07/15, 10:36 am

Olá!
Vi um tutorial de como aplicar foto de capa em tópicos: http://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: http://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":



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, 01:08 pm, editado 1 vez(es)
avatar

Pattricia
Nível 9

Feminino
Inscrito dia : 23/01/2014
Mensagens : 161
Pontos Ativos : 226

Ver perfil do usuário http://winxclubfairies.forumeiros.com/

Resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Fraise em 21/07/15, 10:41 am

Olá!

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

Cumprimentos.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Pattricia em 21/07/15, 10:56 am

Sim.
avatar

Pattricia
Nível 9

Feminino
Inscrito dia : 23/01/2014
Mensagens : 161
Pontos Ativos : 226

Ver perfil do usuário http://winxclubfairies.forumeiros.com/

Resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Fraise em 21/07/15, 10:57 am

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
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Pattricia em 21/07/15, 11:09 am

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

Pattricia
Nível 9

Feminino
Inscrito dia : 23/01/2014
Mensagens : 161
Pontos Ativos : 226

Ver perfil do usuário http://winxclubfairies.forumeiros.com/

Resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Fraise em 21/07/15, 11:14 am

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
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Pattricia em 21/07/15, 11:17 am

Feito.
avatar

Pattricia
Nível 9

Feminino
Inscrito dia : 23/01/2014
Mensagens : 161
Pontos Ativos : 226

Ver perfil do usuário http://winxclubfairies.forumeiros.com/

Resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Fraise em 21/07/15, 11:20 am

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
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Pattricia em 21/07/15, 11:22 am

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

Pattricia
Nível 9

Feminino
Inscrito dia : 23/01/2014
Mensagens : 161
Pontos Ativos : 226

Ver perfil do usuário http://winxclubfairies.forumeiros.com/

Resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Fraise em 21/07/15, 11:25 am

Olá!

Continua sem estar visível aqui. Triste

Cumprimentos.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Pattricia em 21/07/15, 12:06 pm

E agora?
avatar

Pattricia
Nível 9

Feminino
Inscrito dia : 23/01/2014
Mensagens : 161
Pontos Ativos : 226

Ver perfil do usuário http://winxclubfairies.forumeiros.com/

Resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Fraise em 21/07/15, 02:47 pm

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
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Pattricia em 21/07/15, 02:49 pm

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

Pattricia
Nível 9

Feminino
Inscrito dia : 23/01/2014
Mensagens : 161
Pontos Ativos : 226

Ver perfil do usuário http://winxclubfairies.forumeiros.com/

Resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Fraise em 21/07/15, 02:49 pm

@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
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Pattricia em 21/07/15, 03:03 pm

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

Pattricia
Nível 9

Feminino
Inscrito dia : 23/01/2014
Mensagens : 161
Pontos Ativos : 226

Ver perfil do usuário http://winxclubfairies.forumeiros.com/

Resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Sennior em 23/07/15, 02:27 am

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

Mensagem por Pattricia em 23/07/15, 10:11 am

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

Pattricia
Nível 9

Feminino
Inscrito dia : 23/01/2014
Mensagens : 161
Pontos Ativos : 226

Ver perfil do usuário http://winxclubfairies.forumeiros.com/

Resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Sennior em 23/07/15, 04:12 pm

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

Mensagem por Pattricia em 23/07/15, 04:48 pm

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
avatar

Pattricia
Nível 9

Feminino
Inscrito dia : 23/01/2014
Mensagens : 161
Pontos Ativos : 226

Ver perfil do usuário http://winxclubfairies.forumeiros.com/

Resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Rafael em 23/07/15, 05:09 pm

@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.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Pattricia em 23/07/15, 07:12 pm

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

Pattricia
Nível 9

Feminino
Inscrito dia : 23/01/2014
Mensagens : 161
Pontos Ativos : 226

Ver perfil do usuário http://winxclubfairies.forumeiros.com/

Resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Shek em 23/07/15, 07:36 pm

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: http://www.youtube.com/watch?feature=player_embedded&v=6MIGBrBXhuY


Atenciosamente,
Shek King


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 : 17165
Pontos Ativos : 21420

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

Resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Pattricia em 23/07/15, 08:42 pm

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

Pattricia
Nível 9

Feminino
Inscrito dia : 23/01/2014
Mensagens : 161
Pontos Ativos : 226

Ver perfil do usuário http://winxclubfairies.forumeiros.com/
  • 0

Resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Shek em 24/07/15, 09:26 am

Bom dia.

Por favor, me envie a URL do seu fórum tipo "Blog".


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 : 17165
Pontos Ativos : 21420

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

Resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Pattricia em 24/07/15, 10:15 am

avatar

Pattricia
Nível 9

Feminino
Inscrito dia : 23/01/2014
Mensagens : 161
Pontos Ativos : 226

Ver perfil do usuário http://winxclubfairies.forumeiros.com/

Resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Shek em 24/07/15, 10:56 am

Olá Patrícia!

Eu fiz um teste pelo console e funcionou perfeitamente:

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 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 : 17165
Pontos Ativos : 21420

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

Resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Pattricia em 24/07/15, 01:08 pm

Obrigada @Shek, resolvido Contente
avatar

Pattricia
Nível 9

Feminino
Inscrito dia : 23/01/2014
Mensagens : 161
Pontos Ativos : 226

Ver perfil do usuário http://winxclubfairies.forumeiros.com/

Resolvido Re: Aplicando foto de capa em tópicos

Mensagem por Fraise em 24/07/15, 01:10 pm

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

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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