Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Aplicando foto de capa em tópicos
5 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Aplicando foto de capa em tópicos
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:
Só que eu não encontrei o seguinte código que foi solicitado no tutorial:
Como posso encontrar o código?
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":
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)
Re: Aplicando foto de capa em tópicos
Olá!
A senhora fez os passos anteriores do tutorial? Tudo desde o ínicio?
Cumprimentos.
Fraise
A senhora fez os passos anteriores do tutorial? Tudo desde o ínicio?
Cumprimentos.
Fraise
Re: Aplicando foto de capa em tópicos
Olá!
Então, o código que foi solicitado se encontra no javascript que você criou anteriormente. Aqui está ele destacado:
Cumprimentos.
Fraise
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
Re: Aplicando foto de capa em tópicos
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
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
Re: Aplicando foto de capa em tópicos
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.
Cumprimentos.
Fraise
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.
Cumprimentos.
Fraise
Re: Aplicando foto de capa em tópicos
Eu fiz sim, acho que não estava visível aos visitantes.
Veja novamente.
Veja novamente.
Re: Aplicando foto de capa em tópicos
Olá!
Aqui está o script com o ID do field editado:
Cumprimentos.
Fraise
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
Re: Aplicando foto de capa em tópicos
Olá!Pattricia escreveu:Eu substituo o código javascript por este que você mandou?
Sim, deverá substituir o seu código atual pelo que eu forneci.
Cumprimentos.
Fraise
Re: Aplicando foto de capa em tópicos
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.
Abraços.
Re: Aplicando foto de capa em tópicos
Eu já tenho o recurso de foto de capa igual do Facebook, os códigos no campo não vão confundir?
Re: Aplicando foto de capa em tópicos
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...
Tente fazer do modo que eu disse, e veja se dá exito.
Até mais.
Creio que o código da capa do Facebook e dos tópicos sejam feitos para a mesma função...
Tente fazer do modo que eu disse, e veja se dá exito.
Até mais.
Re: Aplicando foto de capa em tópicos
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
Não estou entendendo nada
Re: Aplicando foto de capa em tópicos
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
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.
Re: Aplicando foto de capa em tópicos
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
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
Re: Aplicando foto de capa em tópicos
Mas eu tenho blog no fórum, mesmo assim não funcionou para tal.
Re: Aplicando foto de capa em tópicos
Olá Patrícia!
Eu fiz um teste pelo console e funcionou perfeitamente:
Troque seu código por este:
Atenciosamente,
Shek
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%;');
});
});
});
Atenciosamente,
Shek
Re: Aplicando foto de capa em tópicos
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Tópicos semelhantes
» Aplicando foto de capa em tópicos
» [TUTORIAL] Aplicando foto de capa em tópicos
» Concurso Foto de capa: Vote na sua capa preferida!
» foto de capa no perfil
» Perfil com foto de capa
» [TUTORIAL] Aplicando foto de capa em tópicos
» Concurso Foto de capa: Vote na sua capa preferida!
» foto de capa no perfil
» Perfil com foto de capa
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos