Tópico arquivado

Daemon  • Sáb 8 Jun 2013 - 16:28

Tópico arquivado Sáb 8 Jun 2013 - 16:28

Reputação da mensagem: 100% (6 votos)

Visualização dos membros
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Visualização dos Adm's e Mod's
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Nome do Arquivo: Tópico arquivado
Autor: Daemon
Funcionalidade: Todas as versões
Categoria: Recursos BestSkins

Neste tutorial iremos aplicar uma mensagem de tópico arquivado no tópico. Para isto siga os seguintes passos:

1º Aceda ao Painel de controle Módulos HTML & JAVASCRIPT Gestão dos códigos JavaScript Criar um novo JavaScript
Título: Tópico arquivado
Investimento: Nos tópicos
Código JavaScript:

Código:

$(function() {
var unlock = $('a[href^="/modcp?mode=unlock"]');
if (unlock.length) {
    var message = '<strong>Esse tópico foi arquivado</strong>. Por este motivo você  não pode mais responder a este tópico.';
    $('.paged-head, .topic-actions:first, .posting-options, td span.nav:first').before(
    '<div class="topic_controls">' +
    ' <div class="message">' + message + '</div>' +
    '</div>'
    ).remove();
    var unlock = unlock.attr('href');
    var del = $('a[href^="/modcp?mode=delete"]').attr('href');
    var level = _userdata.user_level;
    if (level > 0) {
    $('.topic_controls .message').append(
    '<div id="des-del">' +
    ' <a href="' + unlock + '">Desbloquear tópico</a>' +
    ' <a href="' + del + ' " class="del">Deletar tópico</a>' +
    '</div>'
    );
    var avisoStaff = 'Esteja ciente de que este tópico está fechado. Você tem permissão para responder a tópicos fechados.';
    $('#quick_reply').prepend('<span class="error">' + avisoStaff + '</span>');
    }
}
});

Depois iremos até Visualização Imagens e cores Cores Folha de estilo css

Código:

/*Tópico arquivado por - BestSkins*/
.topic_controls {
min-height: 30px;
margin-right: 25px;
margin-bottom: 5px;
}
.topic_controls .message {
background-color: rgb(243,243,243);
border: 1px solid rgb(212,212,212);
color: #515151;
width: 100%;
padding: 10px;
line-height: 1.6;
font-size: 12px;
}
#des-del a {
background: rgb(246,246,246);
background: -moz-linear-gradient(top, rgb(246,246,246) 0%, rgb(229,229,229) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(246,246,246)), color-stop(100%,rgb(229,229,229)));
border: 1px solid rgb(219,219,219);
-moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 1) inset, 0px 1px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 1px 0px rgba(255, 255, 255, 1) inset, 0px 1px 0px rgba(0, 0, 0, 0.3);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #616161;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
font-size: 12px;
height: 22px;
line-height: 22px;
padding: 3px 10px;
white-space: nowrap;
margin-right: 5px;
}
#des-del .del {
background-image: url(http://i.imgur.com/QjVKSFi.png);
background-color: rgb(129, 34, 0);
background-repeat: repeat-x;
background-position: top;
border-color: rgb(139,34,0);
-moz-box-shadow: inset 0 1px 0 0 #db6e46, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #DB6E46, 0px 2px 3px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 0 0 #DB6E46, 0px 2px 3px rgba(0, 0, 0, 0.2);
color: white;
text-shadow: 0 -1px 0 #191919;
}
.error {color: #ad2930;font-weight: bold;}

Qualquer dúvida relacionada a este tutorial, crie um tópico com o título: Tópico arquivado.

Última edição por Harleen em Qui 2 Abr 2020 - 17:40, editado 17 vez(es) (Motivo da edição : Atualizado para todas as versões.)

Reputação da mensagem: 100% (6 votos)

Convidad  • Sáb 8 Jun 2013 - 16:59

Daemon  • Sáb 8 Jun 2013 - 17:35

Re: Tópico arquivado Sáb 8 Jun 2013 - 17:35

Isso é facil de fazer... vou fazer aqui e jájá altero o código do post.

Convidad  • Sáb 8 Jun 2013 - 18:22

Daemon  • Sáb 8 Jun 2013 - 21:20

Re: Tópico arquivado Sáb 8 Jun 2013 - 21:20

Reputação da mensagem: 100% (2 votos)

[sucesso=Código atualizado]peço que mudem o código anterior .[/sucesso]

Reputação da mensagem: 100% (2 votos)

#BadBoy#  • Dom 9 Jun 2013 - 0:20

Royal Ghouz™  • Dom 9 Jun 2013 - 1:33

Daemon  • Dom 9 Jun 2013 - 9:10

Kirito  • Dom 9 Jun 2013 - 13:31

Alêex QuiksilveR  • Dom 9 Jun 2013 - 15:04

Re: Tópico arquivado Dom 9 Jun 2013 - 15:04

Vou Utilizar

*##Virus##*  • Dom 9 Jun 2013 - 23:59

Igor_Ruiz  • Seg 10 Jun 2013 - 12:48

Re: Tópico arquivado Seg 10 Jun 2013 - 12:48

Valeu Daemon !

Daemon  • Dom 16 Jun 2013 - 13:54

Daemon  • Sex 5 Jul 2013 - 16:01

xano  • Sex 5 Jul 2013 - 18:43

Knoxville  • Sáb 12 Out 2013 - 8:58

Snow  • Qui 5 Dez 2013 - 11:52

Re: Tópico arquivado Qui 5 Dez 2013 - 11:52

ótimo tutorial , obrigado por compartilhar

Daemon  • Dom 12 Jan 2014 - 16:47

[K]oke  • Dom 12 Jan 2014 - 20:18

Convidado  • Dom 16 Fev 2014 - 0:14

DocBill  • Qua 19 Fev 2014 - 9:14

Conteúdo patrocinado  •