Detalhes da questão

Endereço do fórum: http://redestoryrankup.forumeiros.com
Versão do fórum: ModernBB

Descrição

Como faço para tirar os colchetes "[ ]" dos grupos e trocar por "|" que é a linha reta, como mostra a seguir: https://prnt.sc/t10jh1

Se precisar, aqui está o viewforum_body:

Código:

{BOARD_INDEX}

<div class="sub-header">
   <div class="sub-header-info">
      <h1 class="page-title">
         <a href="{U_VIEW_FORUM}">{FORUM_NAME}</a>
      </h1>
      <div class="sub-header-path">
         <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>
         {NAV_CAT_DESC}
      </div>
   </div>

   <div class="sub-header-buttons">
      <div class="search-box">
         <form method="get" id="forum-search" action="{S_SEARCHBOX_ACTION}">
            <input class="inputbox search tiny" type="text" name="search_keywords" id="search_keywords" size="20" value="{L_SEARCH}" onclick="if (this.value == '{L_SEARCH}') this.value = '';" onblur="if (this.value == '') this.value = '{L_SEARCH}';" />
            <button type="submit"><i class="ion-android-search"></i></button>
            <input type="hidden" value="{SEARCH_WHERE}" name="search_where" />
         </form>
      </div>

      <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow" class="ion-edit button1">{L_POST_NEW_TOPIC}</a>
      <!-- END switch_user_authpost -->
   </div>
</div>

<div class="topic-actions">
   <div class="pagination">
      {PAGINATION}
   </div>

   <div class="topic-actions-buttons">
      <!-- BEGIN show_plus_menu -->
      <a href="{U_MARK_READ}"><i class="ion-android-checkmark-circle"></i>{L_MARK_TOPICS_READ}</a>
      <script type="text/javascript">//<![CDATA[
         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}';
         insert_plus_menu_new('f{FORUM_ID}&amp;f={FORUM_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
      //]]>
      </script>
      <!-- END show_plus_menu -->
   </div>
</div>

{TOPICS_LIST_BOX}

<div class="topic-actions bottom">
   <div class="pagination">
      {PAGINATION}
   </div>

   <div class="topic-actions-buttons">
      {S_WATCH_FORUM}
      <a href="{U_MARK_READ}"><i class="ion-android-checkmark-circle"></i>{L_MARK_TOPICS_READ}</a>
      <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow" class="ion-edit button1">{L_POST_NEW_TOPIC}</a>
      <!-- END switch_user_authpost -->
   </div>
</div>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
   <fieldset class="vf_jumpbox">
      <label>{L_JUMP_TO}:</label>
      {S_JUMPBOX_SELECT}
      <input class="button2" type="submit" value="{L_GO}" />
   </fieldset>
</form>

{LOGGED_IN_USER_LIST}
<br>

<div id="info_open" style="display: block; clear: both;">
   <div class="block">
      <div class="h3"><i class="ion-university"></i>{L_MODERATOR}</div>
      <p>{MODERATORS}</p>
   </div>

   <div class="block">
      <div class="h3"><i class="ion-lock-combination"></i>{L_TABS_PERMISSIONS}</div>
      <p>{S_AUTH_LIST}</p>
   </div>
</div>

<!-- BEGIN switch_legend -->
   <ul id="picture_legend">
      <li><img src="{FOLDER_NEW_IMG}" alt="{L_FOLDER_NEW_IMG}" />{L_FOLDER_NEW_IMG}</li>
      <li><img src="{FOLDER_HOT_NEW_IMG}" alt="{L_FOLDER_HOT_NEW_IMG}" />{L_FOLDER_HOT_NEW_IMG}</li>
      <li><img src="{FOLDER_LOCKED_NEW_IMG}" alt="{L_FOLDER_LOCKED_NEW_IMG}" />{L_FOLDER_LOCKED_NEW_IMG}</li>
      <li class="spacer"></li>
      <li><img src="{FOLDER_IMG}" alt="{L_FOLDER_IMG}" />{L_FOLDER_IMG}</li>
      <li><img src="{FOLDER_HOT_IMG}" alt="{L_FOLDER_HOT_IMG}" />{L_FOLDER_HOT_IMG}</li>
      <li><img src="{FOLDER_LOCKED_IMG}" alt="{L_FOLDER_LOCKED_IMG}" />{L_FOLDER_LOCKED_IMG}</li>
      <li class="spacer"></li>
      <li><img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_FOLDER_ANNOUNCE_IMG}" />{L_FOLDER_ANNOUNCE_IMG}</li>
      <li><img src="{FOLDER_STICKY_IMG}" alt="{L_FOLDER_STICKY_IMG}" />{L_FOLDER_STICKY_IMG}</li>
      <li><img src="{FOLDER_GLOBAL_ANNOUNCE_IMG}" alt="{L_FOLDER_GLOBAL_ANNOUNCE_IMG}" />{L_FOLDER_GLOBAL_ANNOUNCE_IMG}</li>
   </ul>
<!-- END switch_legend -->

Olá @ElevenFraca_,

Vou precisar do seguinte template: index_body, por favor!


Aguardo uma resposta sua,
pedxz.

index_body:

Código:

{JAVASCRIPT}
 
<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
  <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
      <div class="user_login_form center">
        <input placeholder="{L_USERNAME}" class="inputbox fl_username" type="text" size="10" name="username" />
        <input placeholder="{L_PASSWORD}" class="inputbox fl_password" type="password" size="10" name="password" />
        <br />
        <label>{L_AUTO_LOGIN}: <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
        {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
            <!-- BEGIN switch_social_login -->
            <div class="social_btn">
                <!-- BEGIN fb_connect -->
                <div class="fb-login-button"></div>
                <!-- END fb_connect -->
                <!-- BEGIN topicit_connect -->
                <div class="ti-connect"></div>
                <!-- END topicit_connect -->
            </div>
            <!-- END switch_social_login -->
      </div>
  </form>
</div>
<!-- END switch_user_login_form_header -->
 
<!-- BEGIN message_admin_index -->
  <div class="panel introduction">
      <!-- BEGIN message_admin_titre -->
        <div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
      <!-- END message_admin_titre -->
 
      <!-- BEGIN message_admin_txt -->
        <div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
      <!-- END message_admin_txt -->
  </div>
<!-- END message_admin_index -->
 
{CHATBOX_TOP}
 
{BOARD_INDEX}
 
<!-- BEGIN disable_viewonline -->
  <div class="block">
      <!-- BEGIN switch_viewonline_link -->
        <div class="h3"><a href="{U_VIEWONLINE}" rel="nofollow"><i class="ion-stats-bars"></i>{L_WHO_IS_ONLINE}</a></div>
      <!-- END switch_viewonline_link -->
 
      <!-- BEGIN switch_viewonline_nolink -->
        <div class="h3"><i class="ion-stats-bars"></i>{L_WHO_IS_ONLINE}</div>
      <!-- END switch_viewonline_nolink -->
 
      {TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}
 
      {LOGGED_IN_USER_LIST}
 
      {L_ONLINE_USERS}
      {L_CONNECTED_MEMBERS}<br />
 
      {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}
 
      <div class="block-footer"><strong>{LEGEND}:</strong>&nbsp;{GROUP_LEGEND}</div>
  </div>
 
<!-- END disable_viewonline -->
 
{CHATBOX_BOTTOM}
 
<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
  <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
      <div class="user_login_form center">
        <input placeholder="{L_USERNAME}" class="inputbox fl_username" type="text" size="10" name="username" />
        <input placeholder="{L_PASSWORD}" class="inputbox fl_password" type="password" size="10" name="password" />
        <br />
        <label>{L_AUTO_LOGIN}: <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
        {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
        <!-- BEGIN switch_social_login -->
            <div class="social_btn">
                <!-- BEGIN fb_connect -->
                <div class="fb-login-button"></div>
                <!-- END fb_connect -->
                <!-- BEGIN topicit_connect -->
                <div class="ti-connect"></div>
                <!-- END topicit_connect -->
            </div>
            <!-- END switch_social_login -->
      </div>
  </form>
</div>
<!-- END switch_user_login_form_footer -->
 
{AUTO_DST}

Altere o seu template para:

Código:

{JAVASCRIPT}
 
<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
  <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
      <div class="user_login_form center">
        <input placeholder="{L_USERNAME}" class="inputbox fl_username" type="text" size="10" name="username" />
        <input placeholder="{L_PASSWORD}" class="inputbox fl_password" type="password" size="10" name="password" />
        <br />
        <label>{L_AUTO_LOGIN}: <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
        {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
            <!-- BEGIN switch_social_login -->
            <div class="social_btn">
                <!-- BEGIN fb_connect -->
                <div class="fb-login-button"></div>
                <!-- END fb_connect -->
                <!-- BEGIN topicit_connect -->
                <div class="ti-connect"></div>
                <!-- END topicit_connect -->
            </div>
            <!-- END switch_social_login -->
      </div>
  </form>
</div>
<!-- END switch_user_login_form_header -->
 
<!-- BEGIN message_admin_index -->
  <div class="panel introduction">
      <!-- BEGIN message_admin_titre -->
        <div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
      <!-- END message_admin_titre -->
 
      <!-- BEGIN message_admin_txt -->
        <div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
      <!-- END message_admin_txt -->
  </div>
<!-- END message_admin_index -->
 
{CHATBOX_TOP}
 
{BOARD_INDEX}
 
<!-- BEGIN disable_viewonline -->
  <div class="block">
      <!-- BEGIN switch_viewonline_link -->
        <div class="h3"><a href="{U_VIEWONLINE}" rel="nofollow"><i class="ion-stats-bars"></i>{L_WHO_IS_ONLINE}</a></div>
      <!-- END switch_viewonline_link -->
 
      <!-- BEGIN switch_viewonline_nolink -->
        <div class="h3"><i class="ion-stats-bars"></i>{L_WHO_IS_ONLINE}</div>
      <!-- END switch_viewonline_nolink -->
 
      {TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}
 
      {LOGGED_IN_USER_LIST}
 
      {L_ONLINE_USERS}
      {L_CONNECTED_MEMBERS}<br />
 
      {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}
 
      <div class="block-footer block-groups"><strong>{LEGEND}:</strong>&nbsp;{GROUP_LEGEND}</div>
  </div>
 
<!-- END disable_viewonline -->
 
{CHATBOX_BOTTOM}
 
<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
  <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
      <div class="user_login_form center">
        <input placeholder="{L_USERNAME}" class="inputbox fl_username" type="text" size="10" name="username" />
        <input placeholder="{L_PASSWORD}" class="inputbox fl_password" type="password" size="10" name="password" />
        <br />
        <label>{L_AUTO_LOGIN}: <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
        {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
        <!-- BEGIN switch_social_login -->
            <div class="social_btn">
                <!-- BEGIN fb_connect -->
                <div class="fb-login-button"></div>
                <!-- END fb_connect -->
                <!-- BEGIN topicit_connect -->
                <div class="ti-connect"></div>
                <!-- END topicit_connect -->
            </div>
            <!-- END switch_social_login -->
      </div>
  </form>
</div>
<!-- END switch_user_login_form_footer -->
 
{AUTO_DST}

E na sua folha de estilo o seguinte código:

Código:

.block-groups { font-size: 0; }
 
.block-groups b,
.block-groups > strong { font-size: 12px; }
 
.block-groups > strong { padding-right: 1em; }
 
.block-groups b:not(:last-child)::after {
  content: '|';
  font-size: 12px;
  padding: 0 10px;
}

Problema resolvido! Valeu!