Tag nos tópicos

Detalhes da questão

Endereço do fórum: brasilplayfreedomofc.forumeiros.com/forum
Versão do fórum: PunBB

Descrição

Gostaria de coloca esses tag no meu fórum:

Marquei ele eme preto;
https://imgur.com/2KWs8nS

Vi nesse fórum:
invitesexpress.omeuforum.net

Olá, adicione isto em sua folha de estilo css:

Código:

.ipsBadge {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-image: url(http://i.imgur.com/6HxVAj3.png#highlight);
    background-position: 0 -1px;
    background-repeat: repeat-x;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 9px;
    font-weight: 700;
    height: 16px;
    line-height: 16px;
    margin-right: 2px;
    padding: 0 5px;
    text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
    text-transform: uppercase;
    vertical-align: middle;
}
.ipsBadge_tutorial {
    background-color: #5C5855;
}


Crie um novo javascript com esse código:

Código:

$(this).html(text.replace('[Tutorial]','<strong class="ipsBadge ipsBadge_tutorial">Tutorial</strong>'))})})

Ai basta você por no titulo isto: [Tutorial]

Até mais.

Sem resultado, e uma pequena dúvida...
Se eu for coloca + algum tag, como faço?

Olá, como vai?

Crie um novo JavaScript investido Em todas as páginas utilizando o seguinte 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="">' + '(sem prefixo)' + '</option>' + '<option value="[Aprovado]">' + 'Aprovado' + '</option>' + '<option value="[Negado]">' + 'Negado' + '</option>' + '<option value="[Doação]">' + 'Doação' + '</option>' + '<option value="[Pedido]">' + 'Pedido' + '</option>' + '<option value="[Concluído]">' + 'Concluído' + '</option>' + '<option value="[Review]">' + 'Review' + '</option>' + '<option value="[Notícia]">' + 'Notícia' + '</option>' + '<option value="[Arquivado]">' + 'Arquivado' + '</option>' + '<option value="[Importante]">' + 'Importante' + '</option>' + '<option value="[Discussão]">' + 'Discussão' + '</option>' + '<option value="[Rifa]">' + 'Rifa' + '</option>' + '<option value="[Sugestão]">' + 'Sugestão' + '</option>' + '<option value="[Dúvida]">' + 'Dúvida' + '</option>' + '<option value="[Tutorial]">' + 'Tutorial' + '</option>' + '</select> <img src="http://2img.net/i/fa/wysiwyg/separator.png" 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)
 

Em seguida, aceda à sua folha de estilos e cole:

Código:

.ipsBadge {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-image: url(http://i.imgur.com/6HxVAj3.png#highlight);
    background-position: 0 -1px;
    background-repeat: repeat-x;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 9px;
    font-weight: 700;
    height: 16px;
    line-height: 16px;
    margin-right: 2px;
    padding: 0 5px;
    text-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0;
    text-transform: uppercase;
    vertical-align: middle
}
.ipsBadge_cyan {
    background: #3291d0
}
.ipsBadge_green {
    background-color: #7ba60d
}
.ipsBadge_blue {
    background-color: #1794D7
}
.ipsBadge_orange {
    background-color: #ED7710
}
.ipsBadge_red {
    background-color: #F90000
}
.ipsBadge_aprovado {
    background-color: #00610b
}
.ipsBadge_negado {
    background-color: red
}
.ipsBadge_doacao {
    background-color: #ffbf00
}
.ipsBadge_pedido {
    background-color: #ecf078
}
.ipsBadge_concluido {
    background-color: #00610b
}
.ipsBadge_review {
    background-color: #DDD
}
.ipsBadge_noticias {
    background-color: #1F537B
}
.ipsBadge_arquivado {
    background-color: #302e2e
}
.ipsBadge_importante {
    background-color: #7064a1
}
.ipsBadge_discussao {
    background-color: #dbc388
}
.ipsBadge_rifa {
    background-color: #ff8fd8
}
.ipsBadge_sugestao {
    background-color: #5C5855
}
.ipsBadge_duvida {
    background-color: #5C5855
}
.ipsBadge_tutorial {
    background-color: #5C5855
}

Atenciosamente,
Fraise.

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'

Olá Fraise, sem resultado, retirei o código pois deu conflito com o da reputação e do post ips

Olá, retire todos js e css passado aqui.

Adicione esse código css em sua folha de estilo css:

Código:

.ipsBadge {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-image: url(http://i.imgur.com/6HxVAj3.png#highlight);
    background-position: 0 -1px;
    background-repeat: repeat-x;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 9px;
    font-weight: 700;
    height: 16px;
    line-height: 16px;
    margin-right: 2px;
    padding: 0 5px;
    text-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0;
    text-transform: uppercase;
    vertical-align: middle
}
.ipsBadge_cyan {
    background: #3291d0
}
.ipsBadge_green {
    background-color: #7ba60d
}
.ipsBadge_blue {
    background-color: #1794D7
}
.ipsBadge_orange {
    background-color: #ED7710
}
.ipsBadge_red {
    background-color: #F90000
}
.ipsBadge_aprovado {
    background-color: #00610b
}
.ipsBadge_negado {
    background-color: red
}
.ipsBadge_doacao {
    background-color: #ffbf00
}
.ipsBadge_pedido {
    background-color: #ecf078
}
.ipsBadge_concluido {
    background-color: #00610b
}
.ipsBadge_review {
    background-color: #DDD
}
.ipsBadge_noticias {
    background-color: #1F537B
}
.ipsBadge_arquivado {
    background-color: #302e2e
}
.ipsBadge_importante {
    background-color: #7064a1
}
.ipsBadge_discussao {
    background-color: #dbc388
}
.ipsBadge_rifa {
    background-color: #ff8fd8
}
.ipsBadge_sugestao {
    background-color: #5C5855
}
.ipsBadge_duvida {
    background-color: #5C5855
}
.ipsBadge_tutorial {
    background-color: #5C5855
}

Agora, crie um novo javascript com esse código:

Código:

$(document).ready(function(){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="[Aprovado]">'+'Aprovado'+'</option>'+'<option value="[Negado]">'+'Negado'+'</option>'+'<option value="[Doação]">'+'Doação'+'</option>'+'<option value="[Pedido]">'+'Pedido'+'</option>'+'<option value="[Concluído]">'+'Concluído'+'</option>'+'<option value="[Review]">'+'Review'+'</option>'+'<option value="[Notícia]">'+'Notícia'+'</option>'+'<option value="[Arquivado]">'+'Arquivado'+'</option>'+'<option value="[Importante]">'+'Importante'+'</option>'+'<option value="[Discussão]">'+'Discussão'+'</option>'+'<option value="[Rifa]">'+'Rifa'+'</option>'+'<option value="[Sugestão]">'+'Sugestão'+'</option>'+'<option value="[Dúvida]">'+'Dúvida'+'</option>'+'<option value="[Tutorial]">'+'Tutorial'+'</option>'+'</select> <img src="http://2img.net/i/fa/wysiwyg/separator.png" 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.

Sem resultado.

Eu coloco o código, faço todo o procedimento, ai quando vou testa uso isso:

[Tutorial] Teste

E não da resultado.

@Edit

Não está resultando pois ta dando conflito neles, teria alguma maneira de coloca por template?

Ok.... poe esse código no seu template: topics_list_box , viewtopic_body e index_body

Código:


<script>
$(document).ready(function(){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="[Aprovado]">'+'Aprovado'+'</option>'+'<option value="[Negado]">'+'Negado'+'</option>'+'<option value="[Doação]">'+'Doação'+'</option>'+'<option value="[Pedido]">'+'Pedido'+'</option>'+'<option value="[Concluído]">'+'Concluído'+'</option>'+'<option value="[Review]">'+'Review'+'</option>'+'<option value="[Notícia]">'+'Notícia'+'</option>'+'<option value="[Arquivado]">'+'Arquivado'+'</option>'+'<option value="[Importante]">'+'Importante'+'</option>'+'<option value="[Discussão]">'+'Discussão'+'</option>'+'<option value="[Rifa]">'+'Rifa'+'</option>'+'<option value="[Sugestão]">'+'Sugestão'+'</option>'+'<option value="[Dúvida]">'+'Dúvida'+'</option>'+'<option value="[Tutorial]">'+'Tutorial'+'</option>'+'</select> <img src="http://2img.net/i/fa/wysiwyg/separator.png" 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)}}});
</script>


Resulta?
Até mais.

Sem resultado, segue abaixo os template com modificação

Código:

<script type="text/javascript">//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){

    if(typeof(_atc) == "undefined") {
        _atc = { };
    }

    _atc.cwait = 0;
    $('.addthis_button').mouseup(function(){
        if ($('#at15s').css('display') == 'block') {
            addthis_close();
        }
    });
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
       
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
        {
            if( $(this).is(":visible") )
            {
              $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            }
            else
            {
              $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
        });
        }
    }
    catch(e) { }
   
  return false;
};

//]]>
</script>

<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
  <ul>
      <!-- BEGIN switch_plus_menu -->
      <li>
        <script type="text/javascript">//<![CDATA[
            var url_favourite = '{switch_user_logged_in.U_FAVOURITE_JS_PLUS_MENU}';
            var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
            var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
            var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
            var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
            var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
            insert_plus_menu_new('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
        //]]>
        </script>
      </li>
      <!-- END switch_plus_menu -->
      <li><a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pub=forumotion">{L_SHARE}</a></li>
      <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
      <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
      <!-- BEGIN watchtopic -->
      <li>{S_WATCH_TOPIC}</li>
      <!-- END watchtopic -->
  </ul>
  <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
  <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<div class="pun-crumbs">
  <p class="crumbs">
      <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}&nbsp;»&nbsp;
      <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
  </p>
</div>
    <div class="right">
        <!-- BEGIN switch_twitter_btn -->
        <span>
            <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
        </span>
        <!-- END switch_twitter_btn -->
      <!-- BEGIN switch_fb_likebtn -->
      <script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));</script> 
      <span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span>
      <!-- END switch_fb_likebtn -->
    </div>

<!-- #region TitleBox_Viewtopic_body -->


<script type="text/javascript">
    //<![CDATA[
$(document).ready(function() {
    $('.pun .post .posthead').each(function() {
        $(this).html($(this).html().replace(/<a href="/g, '<span><a href="'))
    });
    var p = $('.pun-crumbs')[0];
    var imagecreator = $('.user-basic-info img:first-child').attr('src'),
        linkimagec = $('.user-basic-info img:first-child a').attr('href'),
        creator = $('.pun .user-ident .username a').html(),
        topicname = $('.paged-head > h1').text();
    data = $('.post:first .posthead h2 span').html(), follow = $('#pun-visit li:last').html();
    $(p).after('<div class="titlebox">' + '<dd>' + '<dava>' + '<div class="avatarredet">' + '<a class="linkimgcreator" href="' + linkimagec + '">' + '<img class="imgcreator" alt="" src="' + imagecreator + '" />' + '</a>' + '</div>' + '</dava>' + '<div class="ipsBox_withphoto">' + '<h1 class="ipsType_pagetitle">' + topicname + '</h1>' + '<div class="b_links">' + '<dts>Iniciado por </dts>' + '<span itemprop="creator">' + creator + '</span>, <span itemprop="data_post">' + data + '</span>' + '</div>' + '</div>' + '</dd>' + '</div>');
    $('span[itemprop="data_post"]').find('a').remove();
    if (_userdata["session_logged_in"] === 1) {
        $('<div class="seguir">' + '<span>' + follow + '</span>' + '</div>').insertAfter('.ipsBox_withphoto')
    }
 
});
//]]>
</script>
<style type="text/css">
.titlebox{color:#414141;overflow:hidden;padding:13px;text-shadow:#fff 0 1px 0}.titlebox dd{display:block}.titlebox dava{float:left}.ipsBox_withphoto{float:left;margin-left:10px}.ipsType_pagetitle{color:#323232;display:block;font-family:Helvetica,Arial,sans-serif;font-size:26px;font-style:normal;font-variant:normal;font-weight:300;line-height:1.4;outline-style:none;overflow:hidden;text-align:left;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;width:525px}.ipsType_pagetitle a{font-size:23px;z-index:999}.b_links{color:#a4a4a4;float:left;font-size:11px}.socialetopic{float:right;position:relative}.seguir{float:right;position:relative}.seguir li{list-style:none}.seguir a{-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;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}.seguir a:hover{border-color:#CED0D2;color:#4c4c4c}.titlebox dava a img{-moz-border-radius:100%;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.1);-webkit-border-radius:100%;-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1);background:#fff;border:1px solid #d8d8d8;border-radius:100%;box-shadow:0 2px 2px rgba(0,0,0,0.1);float:left;height:50px!important;padding:2px;width:50px!important}.titlebox dava a img:hover{-moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);border-color:#A1A1A1;box-shadow:0 2px 2px rgba(0,0,0,0.2)}
 </style>

<!-- #endregion TitleBox_Viewtopic_body -->


<div class="main paged">
  <div class="paged-head clearfix">
            <h1>{TOPIC_TITLE}</h1>
      <!-- BEGIN topicpagination -->
      <p class="paging">{PAGINATION}</p>
      <!-- END topicpagination -->
      <p class="posting">
        <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>&nbsp;&nbsp;
        <!-- END switch_user_authpost -->

        <!-- BEGIN switch_user_authreply -->
        <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
        <!-- END switch_user_authreply -->
      </p>
  </div>
  {POLL_DISPLAY}
  <div class="main-head clearfix">
      <p class="h2">
        <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a>&nbsp;&nbsp;
        {L_MESSAGE} [{PAGE_NUMBER}]
      </p>
  </div>

  <div class="main-content topic">
      <!-- BEGIN postrow -->
        <!-- BEGIN hidden -->
            <p class="p-hidden">{postrow.hidden.MESSAGE}</p>
        <!-- END hidden -->
       
        <!-- BEGIN displayed -->
       
        <div class="post post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
            <a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -20px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
            <div class="postmain"{postrow.displayed.THANK_BGCOLOR}>
              <div id="p{postrow.displayed.U_POST_ID}" class="posthead"{postrow.displayed.THANK_BGCOLOR}>
                  <h2>
                    <strong>{postrow.displayed.COUNT_POSTS}</strong>
                    {postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a> {postrow.displayed.POST_DATE_NEW}
                  </h2>
              </div>

              <div class="postbody"{postrow.displayed.THANK_BGCOLOR}>
                  <div class="user">
                    <div class="user-ident">
                        <h4 class="username">{postrow.displayed.POSTER_NAME}</h4>
                                                          <!-- <em class="userTitle" itemprop="title">Alo futuro</em>-->
                        <div class="user-basic-info">
                          {postrow.displayed.POSTER_AVATAR}<br />
                          {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
                        </div>
                    </div>
                    <div class="user-info">
                        {postrow.displayed.ONLINE_IMG}
                        <!-- BEGIN profile_field -->
                        {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                        <!-- END profile_field -->
                        {postrow.displayed.POSTER_RPG}
                    </div>
                  </div>
<span class="arrow"><span>
                  <div class="post-entry">
                    <div class="entry-content">
                        <!-- BEGIN switch_vote_active -->
                        <div class="vote gensmall">
                          <!-- BEGIN switch_vote -->
                          <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                          <!-- END switch_vote -->

                          <!-- BEGIN switch_bar -->
                          <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                              <!-- BEGIN switch_vote_plus -->
                              <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                              <!-- END switch_vote_plus -->

                              <!-- BEGIN switch_vote_minus -->
                              <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                              <!-- END switch_vote_minus -->
                          </div>
                          <!-- END switch_bar -->

                          <!-- BEGIN switch_no_bar -->
                          <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                          <!-- END switch_no_bar -->

                          <!-- BEGIN switch_vote -->
                          <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                          <!-- END switch_vote -->
                        </div>
                        <!-- END switch_vote_active -->
                        <div>
                          <div>{postrow.displayed.MESSAGE}</div>
                          <!-- BEGIN switch_attachments -->
                          <dl class="attachbox">
                              <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                              <dd>
                                <!-- BEGIN switch_post_attachments -->
                                <dl class="file">
                                    <dt>
                                      <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />

                                      <!-- BEGIN switch_dl_att -->
                                      <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                      <!-- END switch_dl_att -->

                                      <!-- BEGIN switch_no_dl_att -->
                                      {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                      <!-- END switch_no_dl_att -->
                                    </dt>

                                    <!-- BEGIN switch_no_comment -->
                                    <dd>
                                      <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                                    </dd>
                                    <!-- END switch_no_comment -->

                                    <!-- BEGIN switch_no_dl_att -->
                                    <dd>
                                      <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                                    </dd>
                                    <!-- END switch_no_dl_att -->

                                    <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                                </dl>
                                <!-- END switch_post_attachments -->
                              </dd>
                          </dl>
                          <!-- END switch_attachments -->
                          <div class="clear"></div>
                        </div>
                        <p>
                          {postrow.displayed.EDITED_MESSAGE}
                        </p>
                    </div>
                  </div>
              </div>

              <!-- BEGIN switch_signature -->
              <div class="sig-content">
                  {postrow.displayed.SIGNATURE_NEW}
              </div>
              <!-- END switch_signature -->

              <div class="postfoot">
                  <div class="user-contact profile_{postrow.displayed.PROFILE_POSITION}">
                    {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
                  </div>
                  <div class="post-options profile_{postrow.displayed.PROFILE_POSITION}">
                    {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                  </div>
                  <div style="clear:both;"></div>
              </div>
            </div>
        </div>
        <!-- BEGIN first_post_br -->
        </div>
        <hr id="first-post-br" />
        <div class="main-content topic">
        <!-- END first_post_br -->
        <!-- END displayed -->
      <!-- END postrow -->
  </div>

  <div class="main-foot clearfix">
      <p class="h2">
        <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#top">{L_BACK_TO_TOP}</a>&nbsp;&nbsp;
        {L_MESSAGE} [{PAGE_NUMBER}]
      </p>
      <p class="options">
        <input type="hidden" name="t" value="{TOPIC_ID}" />

        <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
        <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

        <!-- BEGIN viewtopic_bottom -->
        {S_TOPIC_ADMIN}
        <!-- END viewtopic_bottom -->
      </p>
  </div>

  <a name="bottomtitle"></a>

  <div class="paged-foot clearfix">
      <!-- BEGIN topicpagination -->
      <p class="paging">{PAGINATION}</p>
      <!-- END topicpagination -->
      <p class="posting">
        <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>&nbsp;&nbsp;
        <!-- END switch_user_authpost -->

        <!-- BEGIN switch_user_authreply -->
        <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
        <!-- END switch_user_authreply -->
      </p>
  </div>

</div>

<div class="pun-crumbs">
  <p class="crumbs">
      <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}&nbsp;»&nbsp;
      <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
  </p>
</div>

<!-- BEGIN promot_trafic -->
<div class="main" id="ptrafic_close" style="display:none">
  <div class="main-head clearfix">
      <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
      <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></p>
  </div>
</div>
<div class="main" id="ptrafic_open" style="display:''">
  <div class="main-head clearfix">
      <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
      <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></p>
  </div>
  <div class="main-content clearfix">
      <!-- BEGIN link -->
      »&nbsp;<a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
      <!-- END link -->
  </div>
</div>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<div class="main" id="forum_rules">
  <div class="main-head clearfix">
      <p class="h2">{L_FORUM_RULES}</p>
  </div>
  <table class="main-content frm">
      <tr>
        <!-- BEGIN switch_forum_rule_image -->
        <td class="logo">
            <img src="{RULE_IMG_URL}" alt="" />
        </td>
        <!-- END switch_forum_rule_image -->
        <td class="rules entry-content">
            {RULE_MSG}
        </td>
      </tr>
  </table>
</div>
<!-- END switch_forum_rules -->

<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->

<div id="pun-info" class="main">
  <div class="main-content">
      <div id="stats">
        <p>{L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}</p>
      </div>
  </div>
</div>

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.post-entry .entry-content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

<!-- <script src="{JS_DIR}addthis/addthis_widget_bak002.js" type="text/javascript"></script> -->
<!-- <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script> -->
<!-- --><script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" async></script><!-- -->
          <style>
@media only screen and (min-width : 1000px) and (max-width : 1024px) {#wrapper{width: 100%!important; }.pun .post-entry {width: 79%!important;}
.pun .user-ident .username {
                    border: 1px solid #ddd!important;
    border-radius: 3px!important;
    position: relative!important;
    text-align:center!important;
    margin-top:-20px!important;
        }

        .pun .posthead, .pun .username {
    background-color: #f7f7f7!important;
    border-bottom: 1px solid #eee!important;
    font-size: 13px!important;
    font-weight: 400!important;
    padding: 10px!important;
    text-shadow: 0 1px 0 rgba(255,255,255,0.6)!important;
}

div.user-ident > div > a > img {margin-top:10px!important;max-width:130px;max-height:150px;width:130px;height:150px;}
.pun .post .user {text-align:center!important;border:none!important;}
.pun .postmain {
    background: #fff!important;
    border: 1px solid #ddd!important;
    border-radius: 3px!important;
    position: relative!important;
}

.pun .post, .pun .postbody, .pun .postmain {
    background-color: #fff!important;
}
.pun .topic {border:none!important;}
.pun .postfoot {
    background: #f8f8f8!important;
    border: 1px solid #ddd!important;
    border-bottom: 4px solid #7FA0B6!important;
    padding: 0!important;
    margin-left:0px!important;
}
.pun .post {border:none!important;margin-top:20px;background:#fff!important;}
.pun .user .user-info {margin-top:15px!important;}
div.user-ident > div > img {margin-top:10px!important;}
.pun-crumbs {margin-top:10px;margin-bottom:60px!important;}
          </style>
   
<script>
/*
* Código: IPB Like System.
* Data de criação: 18/07/2014.
* Atualização: 16/02/2015.
* Autor: Daemon.
* Versão: 1.2.
* Inspirado: IPB.
* Acesse: http://bestskins.net.
* Não distribuir, ou remover os créditos do autor.
*/
function bestskins_ls() {
 
  // Imagem de reputação
  var reput_UP = 'http://i.imgur.com/PTraX1a.png';
 
  for(var x = $('.vote'), i = 0, vote; (vote = x[i++]); ) {
                var qtd = 0,
                    barra = $('.vote-bar', vote)[0],
                    botao = $('.vote-button', vote)[0];                     
                if (barra) {
                    var numbarra = barra.title.match(/\d+/g);
                    qtd = Math.round(parseInt( numbarra[1] ) * parseInt( numbarra[0] )) / 100;
                }
 
                botao = botao ? '<li><span onclick="bestskinsVoto(\'' + botao.firstChild.href + '\',this);" class="BS_like"><img src="' + reput_UP + '" alt="+" class="rep_up"></span></li>' : '<li style="display: none;"><img src="' + reput_UP + '" alt="+" class="rep_up"></li>';
                var numrep = '<li>' + (qtd == 0 ? '<span class="reput_vote zero">' + qtd + '</span>' : '<span class="reput_vote positive">' + qtd + '</span>') + '</li>';
                var htmlFinal =
                '<div class="rep_bar clearfix" id="rep_post">' +
                '      <ul class="bs_inline">' + botao + numrep  + '</ul>' +
                '</div>';
    $('div.postfoot', vote.parentNode.parentNode.parentNode.parentNode).after( htmlFinal );
  }
  x.remove();
};
function bestskinsVoto(b,a) {
  a.onclick = '#';
    $.get(b, function() {
    a.parentNode.style.display = 'none';
    var verify = a.parentNode.nextSibling.firstChild.innerHTML;
    if(verify == 0) {
    a.parentNode.nextSibling.firstChild.classList.remove('zero'),
    a.parentNode.nextSibling.firstChild.classList.add('positive');
    }
    var c = a.parentNode.nextSibling.firstChild, b = parseInt(/\d+/.exec(c.innerHTML)[0])+1;
    c.innerHTML = c.innerHTML.replace(/\d+/,b);
    });
};
if (document.readyState === 'complete') {
        bestskins_ls();
} else {
      document.addEventListener('DOMContentLoaded', function() {
        bestskins_ls();
      });
}
</script>
<style>
#rep_post {white-space: nowrap;margin: 6px 4px;float: right;}
#rep_post .bs_inline {list-style: none;}
#rep_post .bs_inline > li {display: inline-block;margin: 0 3px;}
#rep_post .bs_inline > li:first-child {margin-left: 0;}
#rep_post .bs_inline img {vertical-align: middle;}
#rep_post span img {cursor: pointer;}
#rep_post .reput_vote {
background-image: url('http://i.imgur.com/UGqTZqe.png');
background-repeat: repeat-x;
background-position: 0 1px;
font-size: 10px;
padding: 2px 10px !important;
color: #fff;
font-weight: bold;
display: inline-block;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
}
.BS_like { padding: 0 !important; }
.reput_vote.positive {background-color: #8db13e;}
.reput_vote.zero {background-color: #6a6a6a;}
.BS_like { background: none !important; }
#rep_post { margin-top: -12% !important; }
</style>
 
<script>
$(document).ready(function(){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="[Aprovado]">'+'Aprovado'+'</option>'+'<option value="[Negado]">'+'Negado'+'</option>'+'<option value="[Doação]">'+'Doação'+'</option>'+'<option value="[Pedido]">'+'Pedido'+'</option>'+'<option value="[Concluído]">'+'Concluído'+'</option>'+'<option value="[Review]">'+'Review'+'</option>'+'<option value="[Notícia]">'+'Notícia'+'</option>'+'<option value="[Arquivado]">'+'Arquivado'+'</option>'+'<option value="[Importante]">'+'Importante'+'</option>'+'<option value="[Discussão]">'+'Discussão'+'</option>'+'<option value="[Rifa]">'+'Rifa'+'</option>'+'<option value="[Sugestão]">'+'Sugestão'+'</option>'+'<option value="[Dúvida]">'+'Dúvida'+'</option>'+'<option value="[Tutorial]">'+'Tutorial'+'</option>'+'</select> <img src="http://2img.net/i/fa/wysiwyg/separator.png" 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)}}});
</script>

Código:

{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
 <ul>
 <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
 <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
 <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
 <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
 </ul>
 <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
 <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<!-- BEGIN message_admin_index -->
<div class="main">
 <!-- BEGIN message_admin_titre -->
 <div class="main-head">
 <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
 </div>
 <!-- END message_admin_titre -->

 <!-- BEGIN message_admin_txt -->
 <div id="pun-announcement">
 <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
 </div>
 <!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
 <div class="user_login_form main-box center">
 <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label> &nbsp;
 <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> &nbsp;
 <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
 {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
 <!-- BEGIN switch_fb_connect -->
 <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
 <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
 <!-- END switch_fb_connect -->
 </div>
</form>
</div>
<!-- END switch_user_login_form_header -->
<!-- BEGIN switch_user_logged_in -->
<div class="message">
 <h3>BEM VINDO </h3>
  Você está logado! Seja bem vindo novamente ao fórum, certifique-se que você vê as novas mensagens do fórum clicando <a href="/search?search_id=activetopics">aqui</a>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div class="message">
 <h3>BEM VINDO VISITANTE</h3>
 Está neste momento a navegar no fórum como um visitante, limitando assim a sua navegação no site. Ao fazer o registo no Contra Ataque passará a ter à sua disponibilidade diversas funcionalidades, como comentar tópicos, criar votações, enviar mensagens privadas entre outras coisas. Faça parte da nossa comunidade, registe-se agora clicando <a href="http://www.contra-ataque.com/forum/index.php?app=core&amp;module=global&amp;section=register" class="bbc_url" title="">aqui</a>!
</div>
<!-- END switch_user_logged_out -->
{CHATBOX_TOP}
{BOARD_INDEX}



<!-- ESTATÍSTICAS IPB - HANCKI -->

<style>
.ipsWidget.ipsBox:not(.ipsBox_transparent){
    list-style-type:none;
    background-color: #ffffff;
    border: 1px solid #dadada;
    border-radius: 3px;
}
.ipsWidget_title {
    color: #FFF !important;
    background-color: #0088cc;
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%);
    padding: 11px 15px;
    font-size: 12px;
    font-weight: bold;
}
.ipsWidget_title a {
    color: #727272 !important;
    font-weight: bold;
}
.ipsPad {
        padding: 15px;
}
</style>
<div class="ipsWidget ipsWidget_horizontal ipsBox">
    <h3 class="ipsType_reset ipsWidget_title">
      <b>Quem Está Online</b>  <span class="ipsType_light ipsType_unbold ipsType_medium">{TOTAL_USERS_ONLINE}</span><span class="ipsType_medium ipsType_light ipsType_unbold ipsType_blendLinks"><a href="/viewonline">(lista completa)</a></span>
</h3>
    <div class="ipsWidget_inner ipsPad">
      {LOGGED_IN_USER_LIST}
    </div>
</div>
<br>

 
<div style="display:none;" id="totalUsers">{TOTAL_USERS}</div>
<div style="display:none;" id="recordUsers">{RECORD_USERS}</div>
<div style="display:none;" id="userNovo">{NEWEST_USER}</div>
 
<div class="ipsWidget ipsWidget_horizontal ipsBox">
    <h3 class="ipsType_reset ipsWidget_title"><b>Estatísticas de Usuários</b></h3>
    <div class="ipsWidget_inner">
        <div class="ipsGrid ipsGrid_collapsePhone ipsWidget_stats">
            <table class="demo">
                <tbody>
                    <tr>
                        <td>
                            <div class="ipsGrid_span4 ipsType_center">
                                <span class="ipsType_large ipsWidget_statsCount" id="numeroMembros">...</span><br>
                                <span class="ipsType_light ipsType_medium">Membros</span>
                            </div>
                        </td>
                        <td>
                            <div class="ipsGrid_span4 ipsType_center">
                                <span class="ipsType_large ipsWidget_statsCount" id="recordOnline">...</span><br>
                                <span class="ipsType_light ipsType_medium">Recorde Online</span>
                            </div>
                        </td>
                        <td>
                            <div class="ipsGrid_span4 ipsType_left ipsPhotoPanel ipsPhotoPanel_mini cNewestMember">
                                    <img src="http://i.imgur.com/Mpnxwg1.png">
                                <div>
                                    <span class="ipsType_minorHeading" style=" font-size: 10px; color: #666666;">MEMBRO MAIS NOVO</span><br>
                                    <span class="ipsType_normal" id="membroNovo">...</span><br>
                                  <span id="dataReg">Registro: <span class="ipsType_small ipsType_light" id="dataReg1">...</span></span>
                                </div>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>

<style>
.demo td:last-child {
        width: 40% !important;
}
.ipsType_large, ipsType_minorHeading {
        color: #666666 !important;
        font-size: 20px;
}
ipsType_minorHeading {
        font-size: 10px !important;
}
.ipsType_light.ipsType_medium, #dataReg {
        color: #000 !important;
}

.ipsType_center {
        padding-bottom: 10px;
        text-align: center !important;
        padding-top: 30px;
        height: 50px;
        margin-top: 0px;
}
.cNewestMember {
        margin-top: 20px;
        border-left: 1px solid silver;
}
.cNewestMember img {
        margin-top: -10px;
        border-radius: 50px;
        height: 44px;
        width: 44px;
        float: left;
        padding: 10px;
}
    .demo {
        width: 100%;
        height: 55px;
        border: 0px solid;
        border-collapse: separate;
        border-spacing: 1px;
    }
   
    .demo th {
        border: 0px solid;
    }
   
    .demo td {
        border: 0px solid;
    }
</style>
<!-- FIM ESTATÍSTICAS IPB - HANCKI -->
                 
               


<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
 <div class="user_login_form main-box center">
 <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label> &nbsp;
 <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> &nbsp;
 <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
 {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
 <!-- BEGIN switch_fb_connect -->
 <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
 <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
 <!-- END switch_fb_connect -->
 </div>
</form>
<!-- END switch_user_login_form_footer -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_legend -->

<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
 appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
 status: true,
 cookie: true,
 xfbml: true,
 oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->
<style>td.tcl > img {
    margin-left: 0px!important;
}
</style>
                 
<script>
$(document).ready(function(){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="[Aprovado]">'+'Aprovado'+'</option>'+'<option value="[Negado]">'+'Negado'+'</option>'+'<option value="[Doação]">'+'Doação'+'</option>'+'<option value="[Pedido]">'+'Pedido'+'</option>'+'<option value="[Concluído]">'+'Concluído'+'</option>'+'<option value="[Review]">'+'Review'+'</option>'+'<option value="[Notícia]">'+'Notícia'+'</option>'+'<option value="[Arquivado]">'+'Arquivado'+'</option>'+'<option value="[Importante]">'+'Importante'+'</option>'+'<option value="[Discussão]">'+'Discussão'+'</option>'+'<option value="[Rifa]">'+'Rifa'+'</option>'+'<option value="[Sugestão]">'+'Sugestão'+'</option>'+'<option value="[Dúvida]">'+'Dúvida'+'</option>'+'<option value="[Tutorial]">'+'Tutorial'+'</option>'+'</select> <img src="http://2img.net/i/fa/wysiwyg/separator.png" 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)}}});
</script>
 

Código:

<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
   <!-- BEGIN multi_selection -->
      <script type="text/javascript">
      function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
         var all_checked = true;
         for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
         if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
            all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
         }
         }
         document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
      }
      function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
         for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
         if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
            document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
         }
         }
      }
      </script>
   <!-- END multi_selection -->

   <div class="main-head">
      <!-- BEGIN multi_selection -->
      <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
      <!-- END multi_selection -->
      <h1 class="page-title">{topics_list_box.row.L_TITLE} [{topics_list_box.row.COUNT_TOTAL_TOPICS}]</h1>
   </div>
   <div class="main-content">
   <table cellspacing="0" class="table">
      <thead>
         <tr>
            <th class="tcl">{L_TOPICS}</th>
            <th class="tc2">{topics_list_box.row.L_REPLIES}</th>
            <th class="tc3">{topics_list_box.row.L_VIEWS}</th>
            <th class="tcr">{topics_list_box.row.L_LASTPOST}</th>
         </tr>
      </thead>
      <tbody class="statused">
<!-- END header_table -->

<!-- BEGIN header_row -->
<strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->

<!-- BEGIN topic -->
   <!-- BEGIN table_sticky -->
      </tbody>
   </table>
   </div>

   <div class="main-head">
      <!-- BEGIN multi_selection -->
      <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /   >
      <!-- END multi_selection -->
      <h2>{topics_list_box.row.topic.table_sticky.L_TITLE} [{topics_list_box.row.topic.table_sticky.COUNT_TOTAL_TOPICS}]</h2>
   </div>
   <div class="main-content">
   <table cellspacing="0" class="table">
      <thead>
         <tr>
            <th class="tcl">{L_TOPICS}</th>
            <th class="tc2">{topics_list_box.row.topic.table_sticky.L_REPLIES}</th>
            <th class="tc3">{topics_list_box.row.topic.table_sticky.L_VIEWS}</th>
            <th class="tcr">{topics_list_box.row.topic.table_sticky.L_LASTPOST}</th>
         </tr>
      </thead>
      <tbody class="statused">
   <!-- END table_sticky -->
      <tr>
         <td class="tcl tdtopics <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
            <span class="status">
               <img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
            </span>
            <!-- BEGIN single_selection -->
            <input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />&nbsp;
            <!-- END single_selection -->
            {topics_list_box.row.ICON}&nbsp;
            {topics_list_box.row.NEWEST_POST_IMG}
            {topics_list_box.row.PARTICIPATE_POST_IMG}&nbsp;
            {topics_list_box.row.TOPIC_TYPE}&nbsp;
            <h2 class="topic-title"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2>&nbsp;
            {topics_list_box.row.GOTO_OPEN} {topics_list_box.row.GOTO_PAGE_NEW} {topics_list_box.row.GOTO_CLOSE}&nbsp;
            {topics_list_box.row.L_BY} {topics_list_box.row.TOPIC_AUTHOR}
            <!-- BEGIN switch_description -->
            <br />
            &nbsp;{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
            <!-- END switch_description -->
         </td>
         <td class="tc2 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.REPLIES}</td>
         <td class="tc3 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.VIEWS}</td>
         <td class="tcr <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
                <!-- BEGIN avatar -->
                <span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
                <!-- END avatar -->

                {topics_list_box.row.LAST_POST_TIME} {topics_list_box.row.L_BY} {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}
            </td>
         <!-- BEGIN multi_selection -->
         <td><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
         <!-- END multi_selection -->
      </tr>
<!-- END topic -->
<!-- BEGIN no_topics -->
<tr>
   <td class="tcl" colspan="4"><strong>{topics_list_box.row.L_NO_TOPICS}</strong></td>
</tr>
<!-- END no_topics -->

<!-- BEGIN bottom -->
      </tbody>
   </table>
   </div>
   <div class="main-foot clearfix">
      <!-- BEGIN multi_selection -->
      <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
      <!-- END multi_selection -->
      <p class="h2">{L_TOPICS} [{topics_list_box.row.bottom.COUNT_TOTAL_TOPICS}]</p>
      <p class="options">
         <a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a>&nbsp;{S_WATCH_FORUM}&nbsp;<a href="#top">{L_BACK_TO_TOP}</a>
      </p>
   </div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->
<style>td.tcl > img {
    margin-left: 0px!important;
}
</style>
         
<script>
$(document).ready(function(){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="[Aprovado]">'+'Aprovado'+'</option>'+'<option value="[Negado]">'+'Negado'+'</option>'+'<option value="[Doação]">'+'Doação'+'</option>'+'<option value="[Pedido]">'+'Pedido'+'</option>'+'<option value="[Concluído]">'+'Concluído'+'</option>'+'<option value="[Review]">'+'Review'+'</option>'+'<option value="[Notícia]">'+'Notícia'+'</option>'+'<option value="[Arquivado]">'+'Arquivado'+'</option>'+'<option value="[Importante]">'+'Importante'+'</option>'+'<option value="[Discussão]">'+'Discussão'+'</option>'+'<option value="[Rifa]">'+'Rifa'+'</option>'+'<option value="[Sugestão]">'+'Sugestão'+'</option>'+'<option value="[Dúvida]">'+'Dúvida'+'</option>'+'<option value="[Tutorial]">'+'Tutorial'+'</option>'+'</select> <img src="http://2img.net/i/fa/wysiwyg/separator.png" 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)}}});
</script>

#UP

#UP

Certo, resultou, porém ficou meio estranho, eu gostaria que ele aparece no fórum todo e não só no topico, e deu tipo um conflito com a imagens, mais já volto ao normal, porém só a minha u1 q não.

https://imgur.com/a/obyXk

Já recarreguei varias vezes, porém continua como na print.

#UP

Olá!

Veja se este tópico ajuda: https://ajuda.forumeiros.com/t92256-topic

Atenciosamente.

Testei o ultimo código fornecido por vc, e não deu o resultado esperado. Depois testei esse tópico:
https://ajuda.forumeiros.com/t46956-tutorial-sistema-de-prefixos

Sem o resultado que eu quero.

Bom dia!

Adicione este novo código investidos nos Seus subfóruns e tópicos:

Código:

jQuery(document).ready(function(){
   jQuery("h2.topic-title a, div.posthead h2 a").each(function(i){
      var title = jQuery(this);
      var string = title.html();
      string = string.replace("[","<span class='tutorial'>");
      string = string.replace("]","</span> ");
      var reg = new RegExp("<span");
      var test = reg.test(string);
      var reg2 = new RegExp("</span>");
      var test2 = reg2.test(string);
      if ( test==true && test2==true )
         {title.html(string);}
   });
});

Depois, personalize com o CSS:

Código:

.tutorial {
    background: #00BCD4;
    border: solid 1px #368AD2;
    color: #ffffff;
    padding: 3px;
    border-radius: 9px;
}

Salve!

Eu gostaria que ele ficasse na primeira pagina do fórum tbm, seria possível?

Como assim? Você diz... Quer dizer, se for o que penso, é só marcar o investimento para Todas as páginas.

Quero deixa aparecendo nessa pagina inicial tbm:

https://imgur.com/a/hzDPX

Marquei em todas as paginas e não funcionou

Olá!

Troque o seletor:

Código:

h2.topic-title a, div.posthead h2 a

Por:

Código:

h2.topic-title a, div.posthead h2 a, tbody.statused .tcr span a

Certo, ficou bom, porém ta ficando em todos que tem '' [ ] '' teria como arruma essa parte, para que eu possa personaliza-lo com a cor e tag que quero? Aah, e teria como deixa ele quadrado e com a ponta arredondada?

Olá!

Adicione este complemento antes do fechamento da primeira parte do jQuery:

Código:

jQuery("span.tutorial:contains('Denúncia')").css('background-color','black');

Não sei se ta correto o modo que coloquei, mais ta sem resultado;

Código:

jQuery(document).ready(function()
 jQuery("span.tutorial:contains('Denúncia')").css('background-color','black');{
  jQuery("h2.topic-title a, div.posthead h2 a, tbody.statused .tcr span a").each(function(i){
      var title = jQuery(this);
      var string = title.html();
      string = string.replace("[","<span class='tutorial'>");
      string = string.replace("]","</span> ");
      var reg = new RegExp("<span");
      var test = reg.test(string);
      var reg2 = new RegExp("</span>");
      var test2 = reg2.test(string);
      if ( test==true && test2==true )
        {title.html(string);}
  });
});

Eu gostaria de deixa ele assim: https://imgur.com/2KWs8nS

Oi e bom dia.

Era no fechamento, mas, gostei da sua tentativa.

É assim:

Código:

jQuery(document).ready(function(){
  jQuery("h2.topic-title a, div.posthead h2 a").each(function(i){
      var title = jQuery(this);
      var string = title.html();
      string = string.replace("[","<span class='tutorial'>");
      string = string.replace("]","</span> ");
      var reg = new RegExp("<span");
      var test = reg.test(string);
      var reg2 = new RegExp("</span>");
      var test2 = reg2.test(string);
      if ( test==true && test2==true )
        {title.html(string);}
  });
  jQuery("span.tutorial:contains('Denúncia')").css('background-color','black');
});

Explicando a edição, você pode repetir abaixo da linha que mencionei na minha mensagem anterior, e mudar o Denúncia por outra palavra, e no lugar do black, colocar a cor em inglês ou o hexadecimal.

Até mais!

Agora ele não está mais pegando em todas as paginas, somente no tópico.
E eu gostaria de deixa a aparência dele assim: https://imgur.com/2KWs8nS.

E eu gostaria de pergunta por que estou com 25% na barra de Warning pois eu tava com 75% e agora abaixo 50%. E não recebi nenhum tipo de alerta em tópico ou por MP.

Olá!

Tente novamente com este:

Código:

jQuery(document).ready(function(){
  jQuery("h2.topic-title a, div.posthead h2 a, tbody.statused .tcr span a").each(function(i){
      var title = jQuery(this);
      var string = title.html();
      string = string.replace("[","<span class='tutorial'>");
      string = string.replace("]","</span> ");
      var reg = new RegExp("<span");
      var test = reg.test(string);
      var reg2 = new RegExp("</span>");
      var test2 = reg2.test(string);
      if ( test==true && test2==true )
        {title.html(string);}
  });
  jQuery("span.tutorial:contains('Denúncia')").css('background-color','black');
});

Você consegue fazer algo parecido, basta usar o CSS para personalizar.

Sobre sua barra de respeito, você criou um tópico duplo sobre formulários, na qual fez um UP antes de 24 horas. O tópico em questão foi dizimado, e como Fraise não foi autorizado pelos Moderadeiros a recompor sua barra, a tal recomposição foi anulada.

Para mais esclarecimentos, aconselhamos que fale conosco via MP!

Atenciosamente,
Shek

Olá shek, mais uma vez mostrando em todos os que tem [].

E eu gostaria com essa aparência:

https://imgur.com/2KWs8nS

Antes eu usava esse código JS.

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="">' + '(sem prefixo)' + '</option>' + '<option value="[Aprovado]">' + 'Aprovado' + '</option>' + '<option value="[Negado]">' + 'Negado' + '</option>' + '<option value="[Doação]">' + 'Doação' + '</option>' + '<option value="[Pedido]">' + 'Pedido' + '</option>' + '<option value="[Concluído]">' + 'Concluído' + '</option>' + '<option value="[Review]">' + 'Review' + '</option>' + '<option value="[Notícia]">' + 'Notícia' + '</option>' + '<option value="[Arquivado]">' + 'Arquivado' + '</option>' + '<option value="[Importante]">' + 'Importante' + '</option>' + '<option value="[Discussão]">' + 'Discussão' + '</option>' + '<option value="[Rifa]">' + 'Rifa' + '</option>' + '<option value="[Sugestão]">' + 'Sugestão' + '</option>' + '<option value="[Dúvida]">' + 'Dúvida' + '</option>' + '<option value="[Tutorial]">' + 'Tutorial' + '</option>' + '</select> <img src="http://2img.net/i/fa/wysiwyg/separator.png" 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)
 

Porém ele não está resultando mais, não sei o motivo, e está dando conflito eu acho.

E uso esse CSS

Código:

.ipsBadge {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-image: url(http://i.imgur.com/6HxVAj3.png#highlight);
    background-position: 0 -1px;
    background-repeat: repeat-x;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 9px;
    font-weight: 700;
    height: 16px;
    line-height: 16px;
    margin-right: 2px;
    padding: 0 5px;
    text-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0;
    text-transform: uppercase;
    vertical-align: middle
}
.ipsBadge_cyan {
    background: #3291d0
}
.ipsBadge_green {
    background-color: #7ba60d
}
.ipsBadge_blue {
    background-color: #1794D7
}
.ipsBadge_orange {
    background-color: #ED7710
}
.ipsBadge_red {
    background-color: #F90000
}
.ipsBadge_aprovado {
    background-color: #00610b
}
.ipsBadge_negado {
    background-color: red
}
.ipsBadge_doacao {
    background-color: #ffbf00
}
.ipsBadge_pedido {
    background-color: #ecf078
}
.ipsBadge_concluido {
    background-color: #00610b
}
.ipsBadge_review {
    background-color: #DDD
}
.ipsBadge_noticias {
    background-color: #1F537B
}
.ipsBadge_arquivado {
    background-color: #302e2e
}
.ipsBadge_importante {
    background-color: #7064a1
}
.ipsBadge_discussao {
    background-color: #dbc388
}
.ipsBadge_rifa {
    background-color: #ff8fd8
}
.ipsBadge_sugestao {
    background-color: #5C5855
}
.ipsBadge_duvida {
    background-color: #5C5855
}
.ipsBadge_tutorial {
    background-color: #5C5855
}

E Sobre a barra estarei te mandando MP.

Olá autor,

Vamos tentar com este:

Código:

    jQuery(document).ready(function(){
      jQuery("h2.topic-title a, div.posthead h2 a, tbody.statused .tcr span a").each(function(i){
          var title = jQuery(this);
          var string = title.html();
          string = string.replace("[","<span class='tutorial'>");
          string = string.replace("]","</span>");
          var reg = new RegExp("<span>");
          var test = reg.test(string);
          var reg2 = new RegExp("</span>");
          var test2 = reg2.test(string);
          if ( test==true && test2==true )
            {title.html(string);}
      });
});


Na sua CSS troque por este:

Código:

.tutorial {
   background-color: #5C5855;
   border-radius: 3px;
   color: #fff;
   display: inline-block;
   font-size: 9px;
   font-weight: 700;
   line-height: 16px;
   margin-right: 2px;
   padding: 0 5px;
   text-transform: uppercase;
   vertical-align: middle;
}

Até mais!

Sem resultado =(

#UP , alguem af.

Olá!

Você tem erros de script no seu fórum, e talvez seja por isso que não funciona. Quando digo erros, são vários scripts que estão causando colisão!! Regularize seus scripts um por um e tente novamente, pois, o código para nós (em nossos testes) está funcionando.


Até mais!

Shek, não tem nenhum modo de coloca ele por Template não?

Vai dar erro do mesmo jeito. O problema está em seus códigos JS. Por favor, prefira desativá-los e aplique somente este efeito do tutorial. Em seguida, ative um por um e verifique qual deles é o problema e remova-o do seu fórum.

Olá Shek, desativei todos, e deixei só o do Tag ativado, porém não deu nenhum resultado.

--

Vou deixa desativado para que vc faça testes.

Repare nesse JS: http://brasilplayfreedom.forumeiro.com/99697.js
Está incompleto, isso pode causar problemas, remova ou adicione ele corretamente.

Repare que existem dois JS com a mesma função, deixe apenas um.
http://brasilplayfreedom.forumeiro.com/15649.js
http://brasilplayfreedom.forumeiro.com/29451.js


Agora adicione esse novo JS:

Código:

$(document).ready(function() {
   var sSeletor = 'h2.topic-title a, tbody.statused .tcr span a';
/* inicio */
    $(''+sSeletor+'').each(function() {
        var text = $(this).html();
        $(this).html( text.replace('[Tutorial]', '<strong class="ipsBadge ipsBadge_tutorial">Tutorial</strong>') );
    });
/* final */
});

O que está entre /* inicio */ e /* final */
É a campo a ser repetido para cada TAG.

Veja os campos marcados em vermelhos devem ser alterado de acordo com cada nova TAG.

$(document).ready(function() {
var sSeletor = 'h2.topic-title a, tbody.statused .tcr span a';
/* inicio */
   $(''+sSeletor+'').each(function() {
       var text = $(this).html();
       $(this).html( text.replace('[Tutorial]', '<strong class="ipsBadge ipsBadge_tutorial">Tutorial</strong>') );
   });
/* final */
});

Veja o exemplo do código com duas tags:

Código:

$(document).ready(function() {
   var sSeletor = 'h2.topic-title a, tbody.statused .tcr span a';
/* inicio */
$(''+sSeletor+'').each(function() {
        var text = $(this).html();
        $(this).html( text.replace('[Tutorial]', '<strong class="ipsBadge ipsBadge_tutorial">Tutorial</strong>') );
    });
$(''+sSeletor+'').each(function() {
        var text = $(this).html();
        $(this).html( text.replace('[Oficial]', '<strong class="ipsBadge ipsBadge_oficial">Oficial</strong>') );
    });
/* final */
});

Repare que foi adicionado uma nova tag chamada de "Oficial".

Logo no CSS precisaríamos adicionar também:

Código:

.ipsBadge_oficial {background-color: #CODIGO-DA-COR;}

declarando a cor em hexadecimal que será usada para nossa nova tag.

Muito obrigado @Cepheus, resolvido.

Obrigado por sua ajuda @Cepheus!

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas".