+14 Latysh
Eragon™
Unkown
Mazeko
UsinaVirtual
[S]herlock H.
vitords2
D'Leandro™
vacobs10
Stark'
[K]oke
NoSeSiabes
victormenezes
Daemon
18 participantes
Daemon • Qui 18 Jul 2013 - 14:12
Reputação da mensagem: 100% (18 votos)
Nome do Arquivo: Moderação de tópico personalizada
Autor: Daemon
Funcionalidade: PunBB
Categoria: Recursos BestSkins
Neste tutorial iremos aprender a adicionar um botão de moderação nos tópicos visível para moderadores e adm's...
Primeiramente iremos aceder ao painel de controle
módulos
HTML & JAVASCRIPT
gestão dos códigos javascript
criar um novo javascript
Título: Moderar tópico
Investimento: Nós tópicos
Código:
Código: $(function(){ var CopyrightNotice = 'Copyright BestSkins 2013. All right reserved.'; var level = _userdata.user_level; var del = $('.main-foot a[href*="mode=delete"]').attr('href'); var trash = $('.main-foot a[href*="mode=trash"]').attr('href'); var move = $('.main-foot a[href*="mode=move"]').attr('href'); var lockunlock = $('.main-foot a[href*="mode=lock"]').attr('href'); var split = $('.main-foot a[href*="mode=split"]').attr('href'); var merge = $('.main-foot a[href*="merge"]').attr('href'); if(level > 0 | trash) { $('.paged-head').after( '<div id="moderation_tool" class="act_mod">' + ' <p class="mod" title="Moderar tópico">Moderar tópico</p>' + '</div>' ); $('#moderation_tool').append( '<div id="popw" class="action_mod">' + ' <div class="mod_hover"></div>' + ' <div class="popwinner">' + ' <li><a href="' + del + '">Excluir este tópico</a></li>' + ' <li><a href="' + trash + '">Enviar para lixeira</a></li>' + ' <li><a href="' + move + '">Mover este tópico</a></li>' + ' <li><a href="' + lockunlock + '">Bloquear/Desbloquear</a></li>' + ' <li><a href="' + split + '">Separar este tema</a></li>' + ' <li><a href="' + merge + '">Fundir os tópicos</a></li>' + ' </div>' + '</div>' ); $('.mod').click(function() { $('.action_mod').slideToggle(300); }); } });
Depois aceda em visualização
imagens e cores
cores
folha de estilo css
Código: #moderation_tool {margin: 0 0 8px 0;} #moderation_tool.act_mod p { -moz-border-radius: 3px; -moz-box-shadow: 0 1px 0 rgba(255,255,255,1) inset, 0 1px 0 rgba(0,0,0,0.3); -moz-transition: all .2s ease-in-out; -webkit-border-radius: 3px; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,1) inset, 0 1px 0 rgba(0,0,0,0.3); -webkit-transition: all .2s ease-in-out; cursor: pointer; webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: -moz-linear-gradient(#f6f8fa,#edeeef); background-image: -webkit-linear-gradient(#f6f8fa,#edeeef); border: 1px solid #D9DBDD; border-radius: 3px; box-shadow: 0 1px 0 rgba(255,255,255,1) inset, 0 1px 0 rgba(0,0,0,0.3); color: #616161; display: inline-block; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f8fa',endColorstr='#edeeef',GradientType=0); font-size: 12px; height: 22px; line-height: 22px; padding: 0 10px; white-space: nowrap; } #popw { background-color: #464646; background-color: rgba(70,70,70,0.6); padding: 4px; -webkit-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7); box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.7 ); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display: none; z-index: 999; margin-top: 16px; position: absolute; } #popw .mod_hover { background-image: url(http://i38.servimg.com/u/f38/18/24/85/15/bottom10.png); width: 31px; height: 16px; top: -16px; left: 5px; z-index: 999; position: absolute; } #popw .popwinner { background: #fff; max-height: 465px; width: 190px; overflow: auto; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4); box-shadow: 0px 0px 3px rgba(0,0,0,0.4); overflow-x: hidden; } #popw .popwinner li { background: rgb(248, 248, 248); list-style-type: none; border-bottom: 1px solid rgb(234, 234, 234); text-align: center; padding: 3px 4px; } #popw .popwinner li a { color: #333!important; }
Valide!
Qualquer dúvida em relação a este tutorial, crie um tópico com o mesmo título.
Gostou? Não custa agradecer
!
Última edição por Daemon em Dom 16 Ago 2015 - 17:32, editado 6 vez(es)
Daemon
Membro desde : 21/01/2013
Mensagens : 3341
Reputação : 2583
1000 mensagens
Por ter publicado 1000 mensagens no best Skins!
Reputação da mensagem: 100% (18 votos)
victormenezes • Qui 18 Jul 2013 - 14:20
muito bom muito,útil,reputed !
victormenezes
Membro Experiente
Membro desde : 12/04/2013
Mensagens : 281
Reputação : 95
NoSeSiabes • Sex 19 Jul 2013 - 10:14
Bonito, só que usando no template facilita a carregar o site.
NoSeSiabes
Membro
Membro desde : 05/06/2013
Mensagens : 31
Reputação : 1
[K]oke • Sex 19 Jul 2013 - 11:45
Olá, no meu fórum nao funcionou Até mais
[K]oke
Membro desde : 27/05/2013
Mensagens : 1639
Reputação : 213
1000 mensagens
Por ter publicado 1000 mensagens no best Skins!
Stark' • Sex 19 Jul 2013 - 15:43
Stark'
Membro Experiente
Membro desde : 25/01/2013
Mensagens : 294
Reputação : 43
vacobs10 • Sex 19 Jul 2013 - 18:27
Funfou no meu! Valeu aew pelo código amigão!^^
vacobs10
Novo Membro
Membro desde : 31/05/2013
Mensagens : 14
Reputação : 1
D'Leandro™ • Sex 19 Jul 2013 - 19:36
Perfeito isso cara! Seria possível para phpbb3?
D'Leandro™
Membro Experiente
Membro desde : 05/02/2013
Mensagens : 500
Reputação : 100
500 mensagens
Por ter publicado 500 mensagens no best Skins!
Daemon • Sex 19 Jul 2013 - 19:43
D'Leandro é possível sim, porém creio que nesta versão já tenha moderação de tópico em dropdown. Até mais!
Daemon
Membro desde : 21/01/2013
Mensagens : 3341
Reputação : 2583
1000 mensagens
Por ter publicado 1000 mensagens no best Skins!
D'Leandro™ • Sex 19 Jul 2013 - 21:00
Só tem aquele select no final do tópico. Eu gostaria de substituir aquelas selects ( ir para ) e ( ferramentas de moderação ) por algo mais lindo como este '-' Poderia ficar ao lado do botão "Novo Tópico" na parte de cima.
D'Leandro™
Membro Experiente
Membro desde : 05/02/2013
Mensagens : 500
Reputação : 100
500 mensagens
Por ter publicado 500 mensagens no best Skins!
vitords2 • Dom 21 Jul 2013 - 11:26
Util demais reputado !
vitords2
Novo Membro
Membro desde : 18/06/2013
Mensagens : 3
Reputação : 0
[S]herlock H. • Qua 24 Jul 2013 - 21:55
Aceitaria meus créditos de ideia rçrçrç, brincadeira. Bom código mesmo, esse Daemon é um fdm '-'. #vainofacebook !
[S]herlock H.
Membro Experiente
Membro desde : 19/03/2013
Mensagens : 547
Reputação : 314
500 mensagens
Por ter publicado 500 mensagens no best Skins!
UsinaVirtual • Qui 25 Jul 2013 - 12:32
Muito legal este tutorial, obrigado. Já estou usando no meu fórum.
UsinaVirtual
Novo Membro
Membro desde : 25/07/2013
Mensagens : 9
Reputação : 0
Mazeko • Qui 25 Jul 2013 - 22:15
Excelente tutorial! Já o adicionei ao meu forum; Obrigado por compartilhar conosco!
Mazeko
Membro
Membro desde : 13/05/2013
Mensagens : 32
Reputação : 20
Unkown • Seg 29 Jul 2013 - 10:10
Muito intessante está função. Obrigado pelo compartilhamento.
Unkown
Novo Membro
Membro desde : 28/07/2013
Mensagens : 27
Reputação : 0
Convidado • Sex 27 Set 2013 - 12:46
Funcionou Perfeitamente. Vlw Msm
Convidado • Sex 13 Dez 2013 - 12:58
Muito Bom #Reputado Amigo' Até mais,
Eragon™ • Seg 10 Mar 2014 - 0:27
Bom! mas aparece apenas para Administradores??
Eragon™
Membro
Membro desde : 08/03/2014
Mensagens : 247
Reputação : 495
Latysh • Seg 10 Mar 2014 - 0:29
LordEragon™ escreveu: Bom! mas aparece apenas para Administradores??
Aparece para todos os moderadores da área.
Latysh
Membro Experiente
Membro desde : 09/06/2013
Mensagens : 514
Reputação : 48
500 mensagens
Por ter publicado 500 mensagens no best Skins!
Eragon™ • Qui 13 Mar 2014 - 9:59
é bem util, da menos trabalho para a administração e.e! Vlw
Eragon™
Membro
Membro desde : 08/03/2014
Mensagens : 247
Reputação : 495
Daemon • Qua 30 Abr 2014 - 10:14
[infos=Info]O tutorial foi atualizado. Todos que utilizam o antigo código deste tutorial, devem alterá-lo para o atual.[/infos]
Daemon
Membro desde : 21/01/2013
Mensagens : 3341
Reputação : 2583
1000 mensagens
Por ter publicado 1000 mensagens no best Skins!
paulim78 • Sex 2 maio 2014 - 18:32
Ou tipo se eu adicionar isso eu posso remover os botão de baixo la tipo os normal?.
paulim78
Novo Membro
Membro desde : 02/05/2014
Mensagens : 21
Reputação : 0
[S]herlock H. • Sex 2 maio 2014 - 19:19
paulim78 escreveu: Ou tipo se eu adicionar isso eu posso remover os botão de baixo la tipo os normal?.
Sim, é possível, crie um tópico na seção "Pedidos de Códigos", para um suporte mais complexo sobre o seu desejo.
[S]herlock H.
Membro Experiente
Membro desde : 19/03/2013
Mensagens : 547
Reputação : 314
500 mensagens
Por ter publicado 500 mensagens no best Skins!
Convidado • Qui 11 Dez 2014 - 9:44
Perfeitamente funcionando parabéns mano!
Joohn • Sáb 24 Jan 2015 - 15:32
No meu deu certo, porem não ficou dropdown
Joohn
Novo Membro
Membro desde : 18/08/2014
Mensagens : 8
Reputação : 0
NandoTDB10 • Ter 27 Jan 2015 - 19:23
Perfeitamente funcionando parabéns mano, irei utilizar em meu fórum!
NandoTDB10
Membro
Membro desde : 23/01/2015
Mensagens : 46
Reputação : 4
Conteúdo patrocinado •
Permissões neste sub-fórum
Não podes responder a tópicos