Tech Mais

O Tech Mais é um fórum que aborda vários temas atuais, de cultura e arte até programação e tecnologia.


Você não está conectado. Conecte-se ou registre-se

 » Programação » jQuery e JavaScript » Arquivo: Resolvido » 

Prefixos personalizável

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

avatar
Novato

em Ter Fev 16, 2016 12:18 am
Minha questão:


Endereço do meu fórum:
http://avorentcommunity.forumeiros.com

Ver perfil do usuário
avatar
Administrador

em Ter Fev 16, 2016 7:39 pm
Olá!

Adicione este JavaScript em todas as páginas:

Código:
jQuery(document).ready(function(){
  jQuery(".module a, .topiclist, .page-title, .statused").each(function(){
    jQuery(this).html(jQuery(this).html().replace(/\[TAG]/g,"<span class='tagcss'>TAGPSO</span>"));
  });
});

No código procure por [codebox][TAG][/codebox] e altere para a TAG que será personalizada. Depois procure por [codebox]TAGPSO[/codebox] e altere para o que aparecera na "caixa".

Depois, para a personalização adicione ao seu CSS:

Código:
.tagcss {
    background: #ED7710 url(http://i57.servimg.com/u/f57/17/68/86/50/highli11.png) repeat-x scroll 0 -1px;
    border-radius: 3px;
    color: #FFF;
    display: inline-block;
    font-family: Trebuchet MS;
    font-size: 10px;
    font-weight: 700;
    height: 16px;
    left: -1px;
    line-height: 16px;
    padding: 0 5px;
    position: relative;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
    text-transform: uppercase;
    vertical-align: middle;
}

Até mais.

Ver perfil do usuário http://techmais.forumeiros.com
avatar
Novato

em Qua Fev 17, 2016 12:01 am
Como faço para aplica-lo? não está aparecendo a caixa de seleção no novo tópico...

Ver perfil do usuário
avatar
Administrador

em Qua Fev 17, 2016 7:53 pm
Olá,

Mas afinal o senhor deseja que a TAG seja personalizada, ou quer simplesmente o sistema de adicionar TAG? Os dois, são 2 códigos diferentes. No caso, eu lhe passei o que personaliza a TAG, porém você tem de escrever a TAG você mesmo para ver o efeito.

Até mais.

Ver perfil do usuário http://techmais.forumeiros.com
avatar
Novato

em Qua Fev 17, 2016 10:10 pm
Adicionei os prefixos manualmente e não funcionou. Eu queria assim: Quando for criar um tópico aparecer um menu dropdown igual o que aparece para escolher a cor do título do tópico, e lá eu escolhece as TAGS, quando eu escolher, aparecer igual o print.

http://prntscr.com/a4mo5q


http://prntscr.com/a4moe6

Ver perfil do usuário
avatar
Administrador

em Qui Fev 18, 2016 8:21 pm
Olá,

Eu entendi agora, adicione este código:

Código:
function tagprefixo() {
        jQuery('input[name=subject]').val(jQuery('select[name=tags4]').val() + jQuery('input[name=subject]').val());
    };
    jQuery(document).ready(function () {
        var sHtmlPrefx =
          '<select name="tags4" onchange="tagprefixo()">' +
                '<option value="">' +
                    'Nenhuma' +
                '</option>' +
                '<option value="[RESOLVIDO]">' +
                    'Resolvido' +
                '</option>' +
                '<option value="[DUVIDA]">' +
                    'Dúvida' +
                '</option>' +
                '<option value="[APRESENTACAO]">' +
                    'Apresentação' +
                '</option>' +
                '<option value="[PEDIDO]">' +
                    'Pedido' +
                '</option>' +
                '<option value="[TUTORIAL]">' +
                    'Tutorial' +
                '</option>' +
                '<option value="[DOWNLOAD]">' +
                    'Download' +
                '</option>' +
                '<option value="[ARQUIVO]">' +
                    'Arquivo (TAG ADM)' +
                '</option>' +
                '<option value="[AVISO]">' +
                    'Aviso (TAG ADM)' +
                '</option>' +
                '<option value="[REGRA]">' +
                    'Regulamento (TAG ADM)' +
                '</option>' +
                '<option value="[CONCURSO]">' +
                    'Concurso (TAG ADM)' +
                '</option>' +
                '<option value="[PUNICAO]">' +
                    'Punição (TAG ADM)' +
                '</option>' +
            '</select> <img src="http://illiweb.com/fa/wysiwyg/separator" style="vertical-align:middle"> ';
        try {
            jQuery('input[name=subject]').after(sHtmlPrefx);
            var mode = jQuery('input[value=reply]').val();
            if (mode == 'reply') {
                jQuery('select[name=tags4]').css('display', 'none');
            } else if (mode == 'quote') {
                jQuery('select[name=tags4]').css('display', 'none');
            }
    } catch (e) {
    if (typeof (console) != 'undefined') {
    console.error(e)
    }
    } 
    });

Até mais.

Ver perfil do usuário http://techmais.forumeiros.com
avatar
Novato

em Qui Fev 18, 2016 10:32 pm
Não está aparecendo quando vou criar o tópico... e adicionando manualmente não vai também, inclusive tentei esses dias adicionar uns Js e eles não funcionaram. Pode ser meus templates?

Obs: Minha assinatura também não aparece.

Ver perfil do usuário
avatar
Administrador

em Sex Fev 19, 2016 10:58 pm
Olá!

O motivo dos códigos acima não funcionarem é que o seu fórum apresenta um erro de sintaxe nos códigos já adicionados. Por favor releia seus códigos.

Erro:

Até mais.

Ver perfil do usuário http://techmais.forumeiros.com
avatar
Novato

em Dom Fev 21, 2016 2:19 am
Desativei todos meus javascript, deixei apenas o que você me passou e não funcionou



EDIT:


Pode fechar

Ver perfil do usuário
avatar
Administrador

em Dom Fev 21, 2016 9:08 am
[sucesso="Tópico Resolvido"]O autor considerou este tópico como resolvido e solicitou que o mesmo fosse arquivado.[/sucesso]

Ver perfil do usuário http://techmais.forumeiros.com
Conteúdo patrocinado

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum