Botao resolvido
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
Botao resolvido
Detalhes da questão
Endereço do fórum: http://trg1-nwd.forumeiros.com
Versão do fórum: phpBB3
Descrição
ola eu queria saber como eu coloco esse botao Resolvido e o outro que agora esqueci o nome no meu forum igual ao de voces mas no caso eu queria os botoes com as seguintes palavras Aprovado e Recusado e como e junto com esses botoes queria saber isso tabem aki o
so que com outro texto
https://prnt.sc/gvujy2
https://prnt.sc/gvujwh
Re: Botao resolvido
Olá, o código em questão de CSS foi personalizado por mim mas se encontra aqui no FdF, tente usar isso:
Adicione ao seu CSS:
Agora adicione ao seu JavaScript, marque nos tópicos:
Diga-me se resultou, você pode usa-los na caixa de resposta rápida de seu fórum.
Adicione ao seu CSS:
- Código:
.sucesso {
background: url(http://i.imgur.com/BYDDJ34.png) no-repeat 6px #4cb600;
border: 1px solid #6b8a00;
color: #fff;
width: 100%;
text-shadow: 1px 1px 1px #000;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
font-weight: 700;
padding: 6px 6px 6px 40px;
border-radius: 3px;
}
.alerta {
background: url(http://i.imgur.com/eADTQp0.png) no-repeat 6px #c80000;
border: 1px solid #650f00;
color: #ffffff;
width: 100%;
text-shadow: 1px 1px 1px #000;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
font-weight: 700;
padding: 6px 6px 6px 40px;
border-radius: 3px;
}
.aviso {
background: url(http://i.imgur.com/o853ASr.png) no-repeat 6px #ffc700;
border: 1px solid #a87600;
color: #ffffff;
width: 100%;
text-shadow: 1px 1px 1px #000000;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
font-weight: 700;
padding: 6px 6px 6px 40px;
border-radius: 3px;
}
.infos {
background: url(http://i.imgur.com/Sb8xtoi.png) no-repeat 6px #7ce7fe;
border: 1px solid #007a94;
color: #ffffff;
width: 100%;
text-shadow: 1px 1px 1px #000;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
font-weight: 700;
padding: 6px 6px 6px 40px;
border-radius: 3px;
}
.sucesso,
.alerta,
.aviso,
.infos {
font-family: Verdana,Arial,Helvetica,sans-serif;
-moz-border-radius: 3px;
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .4);
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .4);
box-shadow: 1px 1px 2px rgba(0, 0, 0, .4);
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: 400;
margin: 5px 0;
padding: 15px 15px 20px 100px !important;
}
Agora adicione ao seu JavaScript, marque nos tópicos:
- Código:
$(function(){
$('<a class="sceditor-button sceditor-button-sucesso" unselectable="on" title="Resolvido"><div unselectable="on" style="background-image:url(http://i.imgur.com/W5mUMil.png)">Resolvido</div></a>').insertBefore('.sceditor-button-size').click(function(){
$('#text_editor_textarea').sceditor("instance").insertText("[table class=sucesso][tr][td]","[/td][/tr][/table]");
});
$('<a class="sceditor-button sceditor-button-alerta" unselectable="on" title="Recusado"><div unselectable="on" style="background-image:url(http://i.imgur.com/E3r9Hh1.png)">Recusado</div></a>').insertAfter('.sceditor-button-sucesso').click(function(){
$('#text_editor_textarea').sceditor("instance").insertText("[table class=alerta][tr][td]","[/td][/tr][/table]");
});
$('<a class="sceditor-button sceditor-button-aviso" unselectable="on" title="Em Curso"><div unselectable="on" style="background-image:url(http://i.imgur.com/l7KlLp6.png)">Em Curso</div></a>').insertAfter('.sceditor-button-alerta').click(function(){
$('#text_editor_textarea').sceditor("instance").insertText("[table class=aviso][tr][td]","[/td][/tr][/table]");
});
});
});
Diga-me se resultou, você pode usa-los na caixa de resposta rápida de seu fórum.
Re: Botao resolvido
xDominiC_. escreveu:no java script
Investimento em todas as paginas?
Apenas nos tópicos.
Re: Botao resolvido
Lhe passei o código errado, peço-lhe desculpas.
Substitua o JavaScript por este:
As mensagens você pode editar de seu gosto
Substitua o JavaScript por este:
- Código:
/**
* Código jQuery que permite adiconar múltiplos botões ao SCEditor;
* Autores: Luiz~ e Kyo Panda (ajuda.forumeiros.com);
* Plataforma: Forumeiros;
* Versão: Todas;
* Investimento: Todas as páginas;
* Licence MIT;
*/
(function ($) {
'use strict';
var botoes = [
{
'somenteModVer': true,
'name': 'Tópico Bloqueado',
'text': 'Olá! \nO seu tópico encontra-se bloqueado. \nQueira ler nossas [i]regras[/i] para saber mais.',
'id': 'tpc-lock',
'imgUrl': 'http://i.imgur.com/z5lPhgz.png'
}, {
'somenteModVer': true,
'name': 'Tópico Desbloqueado',
'text': 'Olá! \nEsta é uma mensagem de status: \nSeu tópico foi desbloqueado. \nQueira ler nossas [i]regras[/i] para saber mais.',
'id': 'tpc-unlock',
'imgUrl': 'http://i.imgur.com/hsBvMRG.png'
}, {
'somenteModVer': true,
'name': 'Mensagens de Denúncias',
'id': 'mensagens-de-denuncias',
'imgUrl': 'http://i.imgur.com/oAGWDdG.png',
'filhos': [
{
'somenteModVer': true,
'name': 'Denúncia UP',
'text': '[table class=sucesso][tr][td][b]Denúncia UP[/b] \n\[b]Motivo:[/b] Motivo Aqui \n\[b]Punição:[/b] Punição Aqui \n \n[b]Achou injusto? Peça revisão nessa área: http://www.brasilplayultimate.com.br/f130-revisao-de-punicao[/b]\n \n[b]Tópico Marcado como Resolvido e movido para "Arquivos - Denúncias".[/b][/td][/tr][/table]',
'id': 'msm-denuncia',
'imgUrl': 'http://i.imgur.com/W5mUMil.png'
}, {
'somenteModVer': true,
'name': 'Denúncia FAIL',
'text': '[table class=alerta][tr][td][b]Denúncia FAIL[/b]\n\[b]Motivo:[/b] Motivo Aqui \n \n[b]Achou injusto? Peça revisão nessa área: http://www.brasilplayultimate.com.br/f130-revisao-de-punicao[/b]\n\ \n\[b]Tópico Marcado como Recusado e movido para "Arquivos - Denúncias".[/b][/td][/tr][/table]',
'id': 'msm-denuncia',
'imgUrl': 'http://i.imgur.com/E3r9Hh1.png'
}, {
'somenteModVer': true,
'name': 'Denúncia Em Curso',
'text': '[table class=aviso][tr][td][b]Denúncia Em Curso[/b] \n \n[b]Tópico Marcado como Em Curso. Denúncias são fechadas no prazo de 24H caso o acusado responda, caso contrário, terá o fechamento no tempo de 48H.[/b][/td][/tr][/table]',
'id': 'msm-denuncia',
'imgUrl': 'http://i.imgur.com/l7KlLp6.png'
}
]
}
];
// Begin CSS:
$(function () {
$([
/**
* Você pode customizar o CSS, mas lembre-se de incluir as linhas entre aspas simples,
* E sempre usar aspas compostas dentro de cada linha.
* Lembre-se também de sempre incluir vírgula após cada linha. Exceto na última linha.
*/
'<style>',
' #main .sceditor-toolbar,',
' #main .sceditor-group {',
' overflow: initial;',
' }',
' .sceditor-group {',
' position: relative;',
' }',
' .fa-dropdown1 {',
' position: absolute;',
' padding: 0px!important;',
' top: 27px;',
' background-color: #fff;',
' border: 1px #ccc solid;',
' display: none;',
' }',
' .fa-dropdown1 a {',
' display: block;',
' line-height: 1.5em;',
' padding: 7px 15px 7px 30px;',
' white-space: nowrap;',
' border-bottom: 1px #ccc solid;',
' cursor: pointer;',
' font-size: 12px;',
' }',
' .fa-dropdown1 a:last-child {',
' border-bottom: none;',
' }',
' .fa-dropdown1-open {',
' display: block;',
' }',
'.naoaparecer{display:none!important;}',
'</style>'
].join('\n'))
.appendTo('head');
});
// Begin 'code':
$(window).on('load', function () {
// Variáveis Importantes:
var $ultimoGrupo = $('.sceditor-group:last');
var $sceditor = $('#text_editor_textarea').sceditor('instance');
var bgStyles1 = 'background-position: center!important; background-repeat: no-repeat!important;';
var bgStyles2 = 'background-position: 8px 9px!important; background-repeat: no-repeat!important;';
$.each(botoes, function (index, botoes) {
if (botoes.somenteModVer && _userdata.user_level <= 0) {
return;
}
if ($(botoes.filhos).length) {
// Caso seja um dropdown (TENHA UM FILHO):
var $parent = $('<a>', {
class: 'sceditor-button ' + botoes.id,
title: ' ' + botoes.name,
style: 'background-image: url(' + botoes.imgUrl + ')!important; ' + bgStyles1,
unselectable: 'on'
})
.appendTo($ultimoGrupo)
.on('click', function () {
$ultimoGrupo
.find('.fa-dropdown1-' + botoes.id)
.css('left', $parent.position().left + 'px')
.toggleClass('fa-dropdown1-open');
});
var $dropdown = $('<div>', {
class: 'sceditor-dropdown fa-dropdown1 fa-dropdown1-' + botoes.id
})
.appendTo($ultimoGrupo);
// Dropdown children:
$.each(botoes.filhos, function (index, filhos) {
$('<a>', {
html: filhos.name,
class: filhos.id + 'fa-dropdown1-item',
style: 'background-image: url(' + filhos.imgUrl + ')!important; ' + bgStyles2,
})
.appendTo($dropdown)
.on('click', function () {
$sceditor.insertText(filhos.text);
$('.fa-dropdown1')
.toggleClass('fa-dropdown1-open');
});
});
return;
}
});
});
}(jQuery));
As mensagens você pode editar de seu gosto
Re: Botao resolvido
ola cade os botoes Aprovado e Recusado nao achei n
eu testei aquela tabela 1 vez funcionou fui testar dnv n funcionou parou de funcionar
so ta o codigo 1 pergunta eu so posso usar 1 vez por topico??eu uso 1 vez funciona eu usei dnv n funcionou em topico nenhum
eu testei aquela tabela 1 vez funcionou fui testar dnv n funcionou parou de funcionar
so ta o codigo 1 pergunta eu so posso usar 1 vez por topico??eu uso 1 vez funciona eu usei dnv n funcionou em topico nenhum
Re: Botao resolvido
Veja se esta caixa está habilitada: http://prntscr.com/gvv52j
Se estiver basta desabilita-la, ocorre esses erros realmente.
Se estiver basta desabilita-la, ocorre esses erros realmente.
Re: Botao resolvido
UAI, se funcionou uma vez era pra funcionar outras. Peço q seja mais expecifico, morre imagens de seu problema.
Re: Botao resolvido
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
» [Resolvido] [Resolvido] [Resolvido] Tira o Forum gratis : antes do titulo
» [Resolvido] [Resolvido] Como colocar barrinhas/ranks para indicar o número de posts
» [Resolvido] Denunciei um fórum (um tópico, na verdade), mas o problema já foi resolvido.
» [Resolvido] Como adicionar o código do botão resolvido
» [Resolvido] [Resolvido] Como colocar um top posts no meu forum ?
» [Resolvido] [Resolvido] Como colocar barrinhas/ranks para indicar o número de posts
» [Resolvido] Denunciei um fórum (um tópico, na verdade), mas o problema já foi resolvido.
» [Resolvido] Como adicionar o código do botão resolvido
» [Resolvido] [Resolvido] Como colocar um top posts no meu forum ?
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