Modificar foto de usuário em Widget
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1 • Compartilhe
Modificar foto de usuário em Widget
Detalhes da questão
Endereço do fórum: http://lostscavenge.forumeiros.com/
Versão do fórum: ModernBB
Descrição
Queria que imagem padrão (de novo membros) do fórum ficasse igual neste widget http://prntscr.com/kh6ulr no caso a imagem padrão não é esta, e sim esta http://prntscr.com/kh6ut1
Re: Modificar foto de usuário em Widget
Olá @Luqui,
Vá ao script dos últimos assuntos, customizado, localize a url da imagem a ser mudada - https://2img.net/i/fa/invision/pp-blank-thumb.png, e troque. Se estiver em dúvida poste aqui o script
Cordialmente,
pedxz
Vá ao script dos últimos assuntos, customizado, localize a url da imagem a ser mudada - https://2img.net/i/fa/invision/pp-blank-thumb.png, e troque. Se estiver em dúvida poste aqui o script
Cordialmente,
pedxz
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Re: Modificar foto de usuário em Widget
Acho que é esse aqui, mas estranho que a imagem está diferente
- Código:
$(function() {
$('head').append(
'<style type="text/css">' +
'.recentTopics .main-content {' +
' font-family: helvetica, arial, sans-serif !important;' +
' line-height: 15px;' +
' padding: 0;' +
'}' +
'.recentTopics ul {' +
' padding-left: 0 !important;' +
'}' +
'.mini_photo {' +
' margin-right: 5px;' +
'}' +
'li.recentPost {' +
' min-height: 50px;' +
' padding: 1em 1em 0.5em 1em;' +
' list-style-type: none;' +
' border-bottom: 1px solid #f3f3f3;' +
'}' +
'.recentPost a[href^="/t"] {' +
' font-size: 14px;' +
' text-decoration: none;' +
' font-weight: bold;' +
'}' +
'.recentInline {' +
' min-width: 30%;' +
' font-size: 12px;' +
' float: right;' +
'}' +
'.small_links {' +
' display: table;' +
' margin-top: 10px;' +
'}' +
'.local {' +
' font-size: 0;' +
'}' +
'.local a:after {' +
' content: " → ";' +
'}' +
'.local a:last-child:after {' +
' content: "";' +
'}' +
'.small_links, .small_links a {' +
' color: #a4a4a4 !important;' +
' font-size: 12px !important;' +
' text-decoration: none !important;' +
'}' +
'.creator_post:before {' +
' content: "Tópico iniciado por ";' +
'}' +
'.creator_post:after {' +
' content: ", Em: ";' +
'}' +
'.recentTopics {' +
' margin: 15px 0;' +
'}' +
'</style>'
);
var jModuleRecentPosts = $('.module:contains("Últimos assuntos")');
jModuleRecentPosts
.clone() // Clonando widget de últimos assuntos
.prependTo('#main-content') // Inserindo no main-content
.addClass('recentTopics') // Adicionando nova classe
.removeClass('module'); // Removendo classe existente
$('.recentTopics').each(function() {
$(this).html(
$(this).html()
.replace(/\»/g, '')
.replace(/\<a href="\/t(.*?)\-/g,'<li class="recentPost"><a href="/t$1-')
.replace(/\<\/a\><br\>/g, '</a><div class="recentInline">')
.replace(/\<a href="\/u([0-9])"\>(.*?)<\/a\>/g, '<a href="/u$1">$2</a><br>')
).find('li').wrapAll('<ul></ul>');
$('a[href^="/u"]', this).each(function() {
var jLinkUser = $(this).attr('href');
$(this).before(
'<a href="' + jLinkUser + '" class="user_photo lastpost-avatar">' +
' <img src="http://r26.imgfast.net/users/2617/31/90/74/avatars/1-40.png" alt="no_photo" class="mini_photo" />' +
'</a>'
);
var jImg = $(this).prev().find('img'),
jUser = sessionStorage.getItem(jLinkUser);
if(jUser) {
jImg.attr('src', jUser);
} else {
$.ajax({
url: jLinkUser + "?change_version=punbb",
type: 'GET',
success: function(data) {
var jImage = $('#profile-advanced-right .module:first img:first', data).attr('src');
jImg.attr('src', jImage);
sessionStorage.setItem(jLinkUser, jImage);
},
error: function(err)
{
console.log("AJAX error in request (Last posts)");
}
});
}
});
$('a[href^="/t"]', this).each(function() {
var jThis = $(this),
jLinkTpc = jThis.attr('href').split('#')[0];
$.ajax({
url: jLinkTpc + "?change_version=punbb",
type: 'GET',
success: function(recent) {
var jCreator = '',
jLocal = $('.crumbs:first a.nav', recent).wrapAll('<div></div>').parent().html(),
jPaging = $('.paging', recent)[0];
jThis.parents('.recentPost').append(
'<div class="small_links">' +
' <span class="creator_post">Carregando...</span>' +
' <span class="local">' + jLocal + '</span>' +
'</div>'
).find('a[href*="change_version"]').each(function() {
var jHref = $(this).attr('href').split('?')[0];
$(this).attr('href', jHref);
});
if(jPaging) {
jCreator = $('a:contains("1")', jPaging).attr('href');
jThis.parents('.recentPost').find('.creator_post').load(jCreator + ' .username:first', function() {
$(this).text($(this).text());
});
} else {
jCreator = $('.username:first', recent).text();
jThis.parents('.recentPost').find('.creator_post').text(jCreator);
}
},
error: function(err)
{
console.log("AJAX error in request (Last posts)");
}
});
});
});
});
Re: Modificar foto de usuário em Widget
Troque por este:
- Código:
$(function() {
$('head').append(
'<style type="text/css">' +
'.recentTopics .main-content {' +
' font-family: helvetica, arial, sans-serif !important;' +
' line-height: 15px;' +
' padding: 0;' +
'}' +
'.recentTopics ul {' +
' padding-left: 0 !important;' +
'}' +
'.mini_photo {' +
' margin-right: 5px;' +
'}' +
'li.recentPost {' +
' min-height: 50px;' +
' padding: 1em 1em 0.5em 1em;' +
' list-style-type: none;' +
' border-bottom: 1px solid #f3f3f3;' +
'}' +
'.recentPost a[href^="/t"] {' +
' font-size: 14px;' +
' text-decoration: none;' +
' font-weight: bold;' +
'}' +
'.recentInline {' +
' min-width: 30%;' +
' font-size: 12px;' +
' float: right;' +
'}' +
'.small_links {' +
' display: table;' +
' margin-top: 10px;' +
'}' +
'.local {' +
' font-size: 0;' +
'}' +
'.local a:after {' +
' content: " → ";' +
'}' +
'.local a:last-child:after {' +
' content: "";' +
'}' +
'.small_links, .small_links a {' +
' color: #a4a4a4 !important;' +
' font-size: 12px !important;' +
' text-decoration: none !important;' +
'}' +
'.creator_post:before {' +
' content: "Tópico iniciado por ";' +
'}' +
'.creator_post:after {' +
' content: ", Em: ";' +
'}' +
'.recentTopics {' +
' margin: 15px 0;' +
'}' +
'</style>'
);
var jModuleRecentPosts = $('.module:contains("Últimos assuntos")');
jModuleRecentPosts
.clone() // Clonando widget de últimos assuntos
.prependTo('#main-content') // Inserindo no main-content
.addClass('recentTopics') // Adicionando nova classe
.removeClass('module'); // Removendo classe existente
$('.recentTopics').each(function() {
$(this).html(
$(this).html()
.replace(/\»/g, '')
.replace(/\<a href="\/t(.*?)\-/g,'<li class="recentPost"><a href="/t$1-')
.replace(/\<\/a\><br\>/g, '</a><div class="recentInline">')
.replace(/\<a href="\/u([0-9])"\>(.*?)<\/a\>/g, '<a href="/u$1">$2</a><br>')
).find('li').wrapAll('<ul></ul>');
$('a[href^="/u"]', this).each(function() {
var jLinkUser = $(this).attr('href');
$(this).before(
'<a href="' + jLinkUser + '" class="user_photo lastpost-avatar">' +
' <img src="https://2img.net/i/fa/modernbb/pp-blank-thumb.png" alt="no_photo" class="mini_photo" />' +
'</a>'
);
var jImg = $(this).prev().find('img'),
jUser = sessionStorage.getItem(jLinkUser);
if(jUser) {
jImg.attr('src', jUser);
} else {
$.ajax({
url: jLinkUser + "?change_version=modernbb",
type: 'GET',
success: function(data) {
var jImage = $('#profile-advanced-right .module:first img:first', data).attr('src');
jImg.attr('src', jImage);
sessionStorage.setItem(jLinkUser, jImage);
},
error: function(err)
{
console.log("AJAX error in request (Last posts)");
}
});
}
});
$('a[href^="/t"]', this).each(function() {
var jThis = $(this),
jLinkTpc = jThis.attr('href').split('#')[0];
$.ajax({
url: jLinkTpc + "?change_version=modernbb",
type: 'GET',
success: function(recent) {
var jCreator = '',
jLocal = $('.crumbs:first a.nav', recent).wrapAll('<div></div>').parent().html(),
jPaging = $('.paging', recent)[0];
jThis.parents('.recentPost').append(
'<div class="small_links">' +
' <span class="creator_post">Carregando...</span>' +
' <span class="local">' + jLocal + '</span>' +
'</div>'
).find('a[href*="change_version"]').each(function() {
var jHref = $(this).attr('href').split('?')[0];
$(this).attr('href', jHref);
});
if(jPaging) {
jCreator = $('a:contains("1")', jPaging).attr('href');
jThis.parents('.recentPost').find('.creator_post').load(jCreator + ' .username:first', function() {
$(this).text($(this).text());
});
} else {
jCreator = $('.username:first', recent).text();
jThis.parents('.recentPost').find('.creator_post').text(jCreator);
}
},
error: function(err)
{
console.log("AJAX error in request (Last posts)");
}
});
});
});
});
Última edição por RafaelS. em 10.08.18 22:36, editado 1 vez(es) (Motivo da edição : Correção)
Re: Modificar foto de usuário em Widget
Continuou a mesma imagem Rafael :/
Re: Modificar foto de usuário em Widget
É possível, eu havia editado a mensagem anterior mas penso que não tenha visto.
Fica aqui novamente o código:
Fica aqui novamente o código:
- Código:
$(function() {
$('head').append(
'<style type="text/css">' +
'.recentTopics .main-content {' +
' font-family: helvetica, arial, sans-serif !important;' +
' line-height: 15px;' +
' padding: 0;' +
'}' +
'.recentTopics ul {' +
' padding-left: 0 !important;' +
'}' +
'.mini_photo {' +
' margin-right: 5px;' +
'}' +
'li.recentPost {' +
' min-height: 50px;' +
' padding: 1em 1em 0.5em 1em;' +
' list-style-type: none;' +
' border-bottom: 1px solid #f3f3f3;' +
'}' +
'.recentPost a[href^="/t"] {' +
' font-size: 14px;' +
' text-decoration: none;' +
' font-weight: bold;' +
'}' +
'.recentInline {' +
' min-width: 30%;' +
' font-size: 12px;' +
' float: right;' +
'}' +
'.small_links {' +
' display: table;' +
' margin-top: 10px;' +
'}' +
'.local {' +
' font-size: 0;' +
'}' +
'.local a:after {' +
' content: " → ";' +
'}' +
'.local a:last-child:after {' +
' content: "";' +
'}' +
'.small_links, .small_links a {' +
' color: #a4a4a4 !important;' +
' font-size: 12px !important;' +
' text-decoration: none !important;' +
'}' +
'.creator_post:before {' +
' content: "Tópico iniciado por ";' +
'}' +
'.creator_post:after {' +
' content: ", Em: ";' +
'}' +
'.recentTopics {' +
' margin: 15px 0;' +
'}' +
'</style>'
);
var jModuleRecentPosts = $('.module:contains("Últimos assuntos")');
jModuleRecentPosts
.clone() // Clonando widget de últimos assuntos
.prependTo('#main-content') // Inserindo no main-content
.addClass('recentTopics') // Adicionando nova classe
.removeClass('module'); // Removendo classe existente
$('.recentTopics').each(function() {
$(this).html(
$(this).html()
.replace(/\»/g, '')
.replace(/\<a href="\/t(.*?)\-/g,'<li class="recentPost"><a href="/t$1-')
.replace(/\<\/a\><br\>/g, '</a><div class="recentInline">')
.replace(/\<a href="\/u([0-9])"\>(.*?)<\/a\>/g, '<a href="/u$1">$2</a><br>')
).find('li').wrapAll('<ul></ul>');
$('a[href^="/u"]', this).each(function() {
var jLinkUser = $(this).attr('href');
$(this).before(
'<a href="' + jLinkUser + '" class="user_photo lastpost-avatar">' +
' <img src="https://2img.net/i/fa/modernbb/pp-blank-thumb.png" alt="no_photo" class="mini_photo" />' +
'</a>'
);
var jImg = $(this).prev().find('img'),
jUser = sessionStorage.getItem(jLinkUser);
if(jUser) {
jImg.attr('src', jUser);
} else {
$.ajax({
url: jLinkUser + "?change_version=modernbb",
type: 'GET',
success: function(data) {
var jImage = $('#profile-advanced-right .module:first img:first', data).attr('src');
jImg.attr('src', jImage);
sessionStorage.setItem(jLinkUser, jImage);
},
error: function(err)
{
console.log("AJAX error in request (Last posts)");
}
});
}
});
$('a[href^="/t"]', this).each(function() {
var jThis = $(this),
jLinkTpc = jThis.attr('href').split('#')[0];
$.ajax({
url: jLinkTpc + "?change_version=modernbb",
type: 'GET',
success: function(recent) {
var jCreator = '',
jLocal = $('.crumbs:first a.nav', recent).wrapAll('<div></div>').parent().html(),
jPaging = $('.paging', recent)[0];
jThis.parents('.recentPost').append(
'<div class="small_links">' +
' <span class="creator_post">Carregando...</span>' +
' <span class="local">' + jLocal + '</span>' +
'</div>'
).find('a[href*="change_version"]').each(function() {
var jHref = $(this).attr('href').split('?')[0];
$(this).attr('href', jHref);
});
if(jPaging) {
jCreator = $('a:contains("1")', jPaging).attr('href');
jThis.parents('.recentPost').find('.creator_post').load(jCreator + ' .username:first', function() {
$(this).text($(this).text());
});
} else {
jCreator = $('.username:first', recent).text();
jThis.parents('.recentPost').find('.creator_post').text(jCreator);
}
},
error: function(err)
{
console.log("AJAX error in request (Last posts)");
}
});
});
});
});
Re: Modificar foto de usuário em Widget
Continua igual
Re: Modificar foto de usuário em Widget
Nope, não continua.
Limpe o cache e os cookies do seu navegador.
Limpe o cache e os cookies do seu navegador.
Re: Modificar foto de usuário em Widget
O código fornecido pelo meu colega @RafaelS., está a dar, @Luqui use este link para limpar as cookies:
http://lostscavenge.forumeiros.com/?mode=delete_cookies
http://lostscavenge.forumeiros.com/?mode=delete_cookies
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Re: Modificar foto de usuário em Widget
Dessa eu não tinha nem ideia, valeu pela força!
Re: Modificar foto de usuário em Widget
@Luqui, espera aí!
Se reparar algumas informações sumiram, como o autor do tópico e onde foi postado. Desculpe, terá que trocar novamente, desta vez por este:
Obrigado pela compreensão.
Se reparar algumas informações sumiram, como o autor do tópico e onde foi postado. Desculpe, terá que trocar novamente, desta vez por este:
- Código:
$(function() {
$('head').append(
'<style type="text/css">' +
'.recentTopics .main-content {' +
' font-family: helvetica, arial, sans-serif !important;' +
' line-height: 15px;' +
' padding: 0;' +
'}' +
'.recentTopics ul {' +
' padding-left: 0 !important;' +
'}' +
'.mini_photo {' +
' margin-right: 5px;' +
'}' +
'li.recentPost {' +
' min-height: 50px;' +
' padding: 1em 1em 0.5em 1em;' +
' list-style-type: none;' +
' border-bottom: 1px solid #f3f3f3;' +
'}' +
'.recentPost a[href^="/t"] {' +
' font-size: 14px;' +
' text-decoration: none;' +
' font-weight: bold;' +
'}' +
'.recentInline {' +
' min-width: 30%;' +
' font-size: 12px;' +
' float: right;' +
'}' +
'.small_links {' +
' display: table;' +
' margin-top: 10px;' +
'}' +
'.local {' +
' font-size: 0;' +
'}' +
'.local a:after {' +
' content: " → ";' +
'}' +
'.local a:last-child:after {' +
' content: "";' +
'}' +
'.small_links, .small_links a {' +
' color: #a4a4a4 !important;' +
' font-size: 12px !important;' +
' text-decoration: none !important;' +
'}' +
'.creator_post:before {' +
' content: "Tópico iniciado por ";' +
'}' +
'.creator_post:after {' +
' content: ", Em: ";' +
'}' +
'.recentTopics {' +
' margin: 15px 0;' +
'}' +
'</style>'
);
var jModuleRecentPosts = $('.module:contains("Últimos assuntos")');
jModuleRecentPosts
.clone() // Clonando widget de últimos assuntos
.prependTo('#main-content') // Inserindo no main-content
.addClass('recentTopics') // Adicionando nova classe
.removeClass('module'); // Removendo classe existente
$('.recentTopics').each(function() {
$(this).html(
$(this).html()
.replace(/\»/g, '')
.replace(/\<a href="\/t(.*?)\-/g,'<li class="recentPost"><a href="/t$1-')
.replace(/\<\/a\><br\>/g, '</a><div class="recentInline">')
.replace(/\<a href="\/u([0-9])"\>(.*?)<\/a\>/g, '<a href="/u$1">$2</a><br>')
).find('li').wrapAll('<ul></ul>');
$('a[href^="/u"]', this).each(function() {
var jLinkUser = $(this).attr('href');
$(this).before(
'<a href="' + jLinkUser + '" class="user_photo lastpost-avatar">' +
' <img src="https://2img.net/i/fa/modernbb/pp-blank-thumb.png" alt="no_photo" class="mini_photo" />' +
'</a>'
);
var jImg = $(this).prev().find('img'),
jUser = sessionStorage.getItem(jLinkUser);
if(jUser) {
jImg.attr('src', jUser);
} else {
$.ajax({
url: jLinkUser + "?change_version=modernbb",
type: 'GET',
success: function(data) {
var jImage = $('#profile-advanced-right .module:first img:first', data).attr('src');
jImg.attr('src', jImage);
sessionStorage.setItem(jLinkUser, jImage);
},
error: function(err)
{
console.log("AJAX error in request (Last posts)");
}
});
}
});
$('a[href^="/t"]', this).each(function() {
var jThis = $(this),
jLinkTpc = jThis.attr('href').split('#')[0];
$.ajax({
url: jLinkTpc + "?change_version=punbb",
type: 'GET',
success: function(recent) {
var jCreator = '',
jLocal = $('.crumbs:first a.nav', recent).wrapAll('<div></div>').parent().html(),
jPaging = $('.paging', recent)[0];
jThis.parents('.recentPost').append(
'<div class="small_links">' +
' <span class="creator_post">Carregando...</span>' +
' <span class="local">' + jLocal + '</span>' +
'</div>'
).find('a[href*="change_version"]').each(function() {
var jHref = $(this).attr('href').split('?')[0];
$(this).attr('href', jHref);
});
if(jPaging) {
jCreator = $('a:contains("1")', jPaging).attr('href');
jThis.parents('.recentPost').find('.creator_post').load(jCreator + ' .username:first', function() {
$(this).text($(this).text());
});
} else {
jCreator = $('.username:first', recent).text();
jThis.parents('.recentPost').find('.creator_post').text(jCreator);
}
},
error: function(err)
{
console.log("AJAX error in request (Last posts)");
}
});
});
});
});
Obrigado pela compreensão.
Re: Modificar foto de usuário em Widget
Valeu Rafael
Re: Modificar foto de usuário em Widget
Tópico resolvidoMovido para "Questões resolvidas". |
Tópicos semelhantes
» Modificar a foto de fundo e o logo
» Centralizar foto no widget
» Foto do usuário em um widgets
» Deixar foto de widget redonda
» Bordas do chat e foto do usuário
» Centralizar foto no widget
» Foto do usuário em um widgets
» Deixar foto de widget redonda
» Bordas do chat e foto do usuário
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos