How do I make prefixes for my forum?

[Kamui]

When I make a new topic, I'd like some options for different prefixes like

[Hunter]
[Assassin]
[Vagabond]

[JScript]

@Kamui

Try this:

In your ACP: Modules -> HTML&JAVASCRIPT -> JavaScript codes management -> [Create a new JavaScript]
Title *: <- Whatever you want
Placement : <- In all the pages
Javascript Code * : <- Select, copy and paste the code below in this field:

Code:


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="">' +
                '(sem prefixo)' +
            '</option>' +
            '<option value="[Apresentacao]">' +
                'Apresentação' +
            '</option>' +
            '<option value="[Download]">' +
                'Download' +
            '</option>' +
            '<option value="[Duvida]">' +
                'Dúvida' +
            '</option>' +
            '<option value="[Dica]">' +
                'Dica' +
            '</option>' +
            '<option value="[Evento]">' +
                'Evento' +
            '</option>' +
            '<option value="[Entrega]">' +
                'Entrega' +
            '</option>' +
            '<option value="[Filme]">' +
                'Filme' +
            '</option>' +
            '<option value="[Game]">' +
                'Game' +
            '</option>' +
            '<option value="[Imagem]">' +
                'Imagem' +
            '</option>' +
            '<option value="[Noticia]">' +
                'Notícia' +
            '</option>' +
            '<option value="[Offtopic]">' +
                'Offtopic' +
            '</option>' +
            '<option value="[Pedido]">' +
                'Pedido' +
            '</option>' +
            '<option value="[Recado]">' +
                'Recado' +
            '</option>' +
            '<option value="[Regras]">' +
                'Regras' +
            '</option>' +
            '<option value="[Sugestao]">' +
                'Sugestão' +
            '</option>' +
            '<option value="[Seriado]">' +
                'Seriado' +
            '</option>' +
            '<option value="[Tutorial]">' +
                'Tutorial' +
            '</option>' +
            '<option value="[Video]">' +
                'Vídeo' +
            '</option>' +
        '</select>&nbsp;<img src="http://2img.net/i/fa/wysiwyg/separator.png" style="vertical-align:middle">&nbsp;';
    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)
      }
   }   
});


You only need to edit what is bold as shown below:

'<option value="[Apresentacao]">' +
'Apresentação' +
'</option>' +

Result:


JS

[Pizza Boi]

Hi

@JScript : Is it possible if we design it with CSS? If so, can you please state where I can add an ID/class for them? 

Regards,
Pizza Boi

[JScript]

@Pizza Boi
Use this:

select[name="tags4"] {
        property_name: value;
}

JS

[Kamui]

@Jscript

It works great, only question now is, how do I change the name of this?

[SLGray]

This is the part where you change the titles:

Code:

<option value="[Game]">' +
                'Game' +

[Kamui]

Not that, talking about the (sem prefixo)

[Pizza Boi]

Hi

@JScript : What if I want to set it a specific page? I'm sorry I'm not good in Javascript so sorry for bothering you. Also, I want to style each of the options differently and I don't know where exactly to add an individual class for it .

Regards,
Pizza Boi

[SLGray]

Do you mean this:

Code:

<option value="">' +
                '(sem prefixo)' +
            '</option>' +