Criação de Emblemas AwesomeBB
2 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
Criação de Emblemas AwesomeBB
Detalhes da questão
Endereço do fórum: http://dsapm.forumeiros.com
Versão do fórum: AwesomeBB
Descrição
Qual java script e CSS eu utilizo para funcionar emblemas em meu fórum?
Seria possível também fazer para que esses emblemas seja setado igual script de rank autómático de acordo com o grupo?
Exemplo:
Última edição por Rike100 em 16.10.22 17:22, editado 1 vez(es)
Re: Criação de Emblemas AwesomeBB
Já achei. Pode fechar.
- Código:
(function ($) {
'use strict';
$(function () {
$('#field_id3 img, .post-author-details:contains("Emblemas") img').each(function() {
var $this = $(this);
var $label = $this.next();
$this.replaceWith($('<div>', {
'class': 'rcc-emblems-div',
style: 'background-image: url(' + $this.attr('src') + ')',
alt: $.trim($label.text())
}));
$label.remove();
});
$('.post-aside').each(function () {
var $profile = $(this);
$profile
.find('.post-author-details .label:contains("Emblemas")')
.parent()
.hide();
$profile
.find('.rcc-emblems-div:first')
.before([
'<div class="rcc-emblems-global-wrapper">',
' <div class="only-8-em"></div>',
' <div class="default-em" style="display: none;"></div>',
' <a class="show-more-em" href="javascript:void(0);" style="display: none;">Mostrar todos</a>',
'</div>',
'',
'<!-- @ignore | Estilos Opcionais -->',
'<style>',
' .rcc-emblems-global-wrapper * {',
' transition: initial !important;',
' }',
'',
' .show-more-em {',
' margin-top: 10px;',
' display: block;',
' }',
'',
' .default-em:empty + a {',
' display: none !important;',
' }',
'.default-em.no-animation { overflow: initial !important; }',
'</style>'
].join('\n'))
;
$profile
.find('.rcc-emblems-div')
.each(function () {
var $this = $(this);
$this
.next('br')
.hide()
;
$this.appendTo($profile.find('.default-em'));
})
;
var label = $('.postprofile > dl > dd.postprofile-info > .label:contains("Localização")');
if(label.length > 0) {
label
.next('br')
.hide()
;
}
$profile
.find('.default-em')
.find('.rcc-emblems-div')
.each(function (index, self) {
if (index > 7) {
return;
}
$profile.find('.show-more-em').show();
$(this).appendTo($profile.find('.only-8-em'));
})
;
$profile
.find('.show-more-em')
.on('click', function () {
var $this = $(this);
if ($this.is('.clicked')) {
$this.removeClass('clicked').text('Mostrar todos');
$profile.find('.default-em').removeClass('no-animation').slideUp(300, function () {
$(this).addClass('no-animation');
});
return;
}
$this.addClass('clicked').text('Mostrar menos');
$profile.find('.default-em').removeClass('no-animation').slideDown(300, function () {
$(this).addClass('no-animation');
});
})
;
});
});
}(jQuery));
![Admineiro Admineiro](https://i.imgur.com/TuksIJS.png)
Re: Criação de Emblemas AwesomeBB
Tópico resolvidoMovido para "Questões resolvidas". |
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7886
Pontos : 9135
![-](https://2img.net/i/fa/fdf3/moins10.png)
» Emblemas no perfil para AwesomeBB
» Criação de área para emblemas
» Criacao de logo para Forum de ajuda a criacao de animais silvestres
» AwesomeBB (PSI)
» MidnightAwe - AwesomeBB
» Criação de área para emblemas
» Criacao de logo para Forum de ajuda a criacao de animais silvestres
» AwesomeBB (PSI)
» MidnightAwe - AwesomeBB
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