Use url de um campo de perfil para usar como pano de fundo.
2 participantes
Página 1 de 1
Use url de um campo de perfil para usar como pano de fundo.
Descrição:[/li]
Oi tudo, eu estive ocupado trabalhando em meu fórum e chegou a um ponto que eu fui preso. Peço desculpas se você não entende o que eu escrevo, porque eu traduzi com o google.
Imagem de referência (meu forum)
________________________
Bem, eu explico. Eu fiz um campo de perfil, nesse campo, eu coloquei isso:
- Código:
[table class="portadage"]{tr}[td]http://i.imgur.com/9EhAHXy.png[/td][/tr][/table]
E eu coloquei esse código jQuery:
- Código:
var urlportada = $(this).find(".portadage a").attr("href");
$(".postbody").find('.user').css('background-image', 'url( '+ urlportada + ')');
});
Explicando que faz isso, estou usando o perfil horizontal, o campo perfil contém uma url, que url, torna-se um "background-image". Bem, está tudo bem, o problema vem aqui: Todos ".postbody .user " têm o mesmo fundo, o que eu faço é que cada usuário tem seu próprio fundo usando a url que está no campo de perfil.
Eu queria que você me ajudar com isso, eu tentei descobrir e adivinhar :c
Fórum: zonastaff.bestforo.com/forum[/li]
Versão: PUNBB[/li]
Tipo: Pedido de código[/li]
Tags: Perfil, fundo, jQuery[/li]
Redline- Membro
- Mensagens : 11
Data de inscrição : 22/02/2014
Re: Use url de um campo de perfil para usar como pano de fundo.
Olá amigo.. Infelizmente não notei no seu fórum onde você está usando este efeito.. Poderia me enviar um tópico onde eu possa visualizar ele?
(Qual o seu idioma nativo? Inglês?)
(Qual o seu idioma nativo? Inglês?)
Re: Use url de um campo de perfil para usar como pano de fundo.
Minha língua é o espanhol, que você pode ver neste tópico: http://graphicevolution.foroactivo.com/t1459-vacaciones-del-foro
Redline- Membro
- Mensagens : 11
Data de inscrição : 22/02/2014
Re: Use url de um campo de perfil para usar como pano de fundo.
Bom, deixa eu ver se eu entendi bem.. Você criou um campo personalizado para que os usuários do seu fórum preencham ele com uma URL de alguma imagem qualquer, então você quer que em cada postagem desses usuários seja mostrado essa imagem correto? Como se fosse uma capa do Facebook, mas no caso em cada seria meio que uma capa para a postagem do membro.. É isso?
Re: Use url de um campo de perfil para usar como pano de fundo.
Sim, é Wagner
Cada membro com sua própria imagem.
Cada membro com sua própria imagem.
Redline- Membro
- Mensagens : 11
Data de inscrição : 22/02/2014
Re: Use url de um campo de perfil para usar como pano de fundo.
Olá amigo, fiz um código aqui, veja se lhe ajuda em algo..
Primeiro, criei um campo personalizado no perfil do usuário, configurado da seguinte maneira
Ele é o primeiro na hierarquia dos campos personalizados (isso é importante, pois selecionei a url da imagem baseado nisso..)
E então adicionei o seguinte script
O que ele faz é buscar a URL da segunda imagem de cada post e usar ela como background da div.user, é só um rascunho para você ver como é feito.. Veja se o código é útil para você
Veja o efeito em funcionamento aqui:
http://punbbteste.forumeiros.com/t3-pepeka-eu-love-voce
É só um fórum de testes, não ligue para as zueiras lá xD
Primeiro, criei um campo personalizado no perfil do usuário, configurado da seguinte maneira
Ele é o primeiro na hierarquia dos campos personalizados (isso é importante, pois selecionei a url da imagem baseado nisso..)
E então adicionei o seguinte script
- Código:
// <![CDATA[
$(function(){
$("div.user-info").each(function() {
jLink = $(this).children().next('img').attr('src');
$(this).parent('div.user').css('background-image','url("'+jLink+'")');
$(this).children().next('img').hide();
});
});
// ]]>
O que ele faz é buscar a URL da segunda imagem de cada post e usar ela como background da div.user, é só um rascunho para você ver como é feito.. Veja se o código é útil para você
Veja o efeito em funcionamento aqui:
http://punbbteste.forumeiros.com/t3-pepeka-eu-love-voce
É só um fórum de testes, não ligue para as zueiras lá xD
Re: Use url de um campo de perfil para usar como pano de fundo.
Wagner muito obrigado! Eu entendo como tem feito: D
Eu realmente aprecio isso
Edito:
Dejo visualização tem sido muito bom.
Apenas o que apaga a imagem de "Sexo"
Você poderia me ajudar com isso?
Eu realmente aprecio isso
Edito:
Dejo visualização tem sido muito bom.
Apenas o que apaga a imagem de "Sexo"
Você poderia me ajudar com isso?
Redline- Membro
- Mensagens : 11
Data de inscrição : 22/02/2014
Re: Use url de um campo de perfil para usar como pano de fundo.
Olá, você tem como tirar o fórum de manutenção para que eu possa verificar o que houve? E você deixou o campo que o usuário deve preencher em primeiro lugar na hierarquia? Assim:
https://www.dropbox.com/s/iq4691vpp3xp8rc/Captura%20de%20tela%202014-04-06%2015.40.08.png
https://www.dropbox.com/s/iq4691vpp3xp8rc/Captura%20de%20tela%202014-04-06%2015.40.08.png
Re: Use url de um campo de perfil para usar como pano de fundo.
Sim Wagner, ficou bem D:
Eu tenho o fórum, porque o design fórum é uma surpresa para os membros. Você está agora acessível.
Eu tenho o fórum, porque o design fórum é uma surpresa para os membros. Você está agora acessível.
Redline- Membro
- Mensagens : 11
Data de inscrição : 22/02/2014
Re: Use url de um campo de perfil para usar como pano de fundo.
Olá amigo, infelizmente vários elementos do seu fórum não estão visíveis a visitantes, então não tenho como efetuar os testes lá.. Mas enfim, tente usar este código aqui:
- Código:
// <![CDATA[
$(function(){
$("div.user-info").each(function() {
var jLink = $(this).children('.label').next('img').attr('src');
$(this).parent('div.user').css('background-image','url(" ' + jLink + ' ")');
$(this).children('.label').next('img').hide();
});
});
// ]]>
Re: Use url de um campo de perfil para usar como pano de fundo.
Desculpe, eu pensei que eu já tinha testado e, portanto, fechou o fórum está agora aberto novamente.
Voltando ao assunto, o código tem o mesmo efeito que o anterior, mas a imagem do tipo de sexo está escondido.
Voltando ao assunto, o código tem o mesmo efeito que o anterior, mas a imagem do tipo de sexo está escondido.
Redline- Membro
- Mensagens : 11
Data de inscrição : 22/02/2014
Re: Use url de um campo de perfil para usar como pano de fundo.
Mas não é só isso amigo, acesse seu painel e verifique o seguinte:
https://www.dropbox.com/s/qng1r6g1kyihzrz/Captura%20de%20tela%202014-04-06%2018.30.44.png
Provavelmente só membros podem ver porque quando acessei o fórum da outra vez não havia nenhuma imagem ali.. Você poderia tirar o código que eu te passei agora e colocar o antigo em funcionamento para eu fazer mais testes?
https://www.dropbox.com/s/qng1r6g1kyihzrz/Captura%20de%20tela%202014-04-06%2018.30.44.png
Provavelmente só membros podem ver porque quando acessei o fórum da outra vez não havia nenhuma imagem ali.. Você poderia tirar o código que eu te passei agora e colocar o antigo em funcionamento para eu fazer mais testes?
Re: Use url de um campo de perfil para usar como pano de fundo.
Ei amigo, que é amigo, mmm sexo em espanhol "Género" é escrito.
É feito o que você disse.
Saudações
É feito o que você disse.
Saudações
Redline- Membro
- Mensagens : 11
Data de inscrição : 22/02/2014
Re: Use url de um campo de perfil para usar como pano de fundo.
Realmente não estou conseguindo testar os códigos direto no seu fórum.. Mas, faça o teste com este código aqui para ver se resulta..
- Código:
// <![CDATA[
$(function(){
$("div.user-info").each(function() {
var jLink = $(this).children().first('img').attr('src');
$(this).parent('div.user').css('background-image','url(" ' + jLink + ' ")');
$(this).children().first('img').hide();
});
});
// ]]>
Tópicos semelhantes
» Como usar o tutorial https://jscript.forumeiros.com/t623-
» Alterar campo de um perfil via jQuery
» Tirar fundo atrás do logo
» Alterar campo de um perfil via jQuery
» Tirar fundo atrás do logo
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|