Divisórias no rodapé do fórum

Detalhes da questão

Endereço do fórum: https://dsohb.forumeiros.com
Versão do fórum: ModernBB

Descrição

Olá, é possível fazer uma divisória igual a essa no meu fórum? (a fonte tem que ser Arial e na cor Preta)

Aniversariantes | Usuários | Grupos

Print de exemplo: http://prntscr.com/qfot1r
Site onde vi: http://policiarotam.forumeiros.com

Olá @nicolas79789,

O Senhor poderia passar o seguinte template: index_body?


Aguardo uma resposta sua,
pedxz.

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"><em class="fa fa-user"></em><b>{TOTAL_USERS_ONLINE}</b></a></div>
      <!-- END switch_viewonline_link -->
 
      <!-- BEGIN switch_viewonline_nolink -->
        <div class="h3"><em class="fa fa-user"></em> <b>{TOTAL_USERS_ONLINE}</b></div>
      <!-- END switch_viewonline_nolink -->

      {LOGGED_IN_USER_LIST}
      {L_ONLINE_USERS}
      {L_CONNECTED_MEMBERS}<br />
 
   
  </div>

<div class="block"><div class="h3"><em class="fa fa-users"></em> <b>GRUPOS DO FÓRUM</div></b>&nbsp;{GROUP_LEGEND}</div>

  <div class="block">
<div class="h3"><em class="fa fa-calendar"></em> <b>Aniversariantes</b></div>
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}
</div>
  <!-- BEGIN switch_chatbox_activate -->
      <div class="block">
        <div class="h3">
            <a href="{S_JOIN_CHAT}" target="ChatBox"><i class="ion-ios-chatboxes-outline"></i>{CHATBOX_NAME}</a>
            <!-- BEGIN switch_chatbox_popup -->
              <div id="chatbox_popup"></div>
              <script type="text/javascript">
                  insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
              </script>
            <!-- END switch_chatbox_popup -->
        </div>
        {TOTAL_CHATTERS_ONLINE}:&nbsp;{CHATTERS_LIST}
      </div>
  <!-- END switch_chatbox_activate -->
<!-- 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 -->
 
<!-- BEGIN switch_legend -->
<ul id="picture_legend">
  <li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />{L_NEW_POSTS}</li>
  <li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}</li>
  <li><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />{L_FORUM_LOCKED}</li>
</ul>
<!-- END switch_legend -->
 
{AUTO_DST}

Conta teste: Convidado | teste12345

Alô? Alguém?

UP..................

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 -->
<style>
  div.tab {
    overflow: hidden;
    background-color: transparent;
}
 div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}
 div.tab button:hover {
    background-color: rgba(0,0,0,0.2);
}
 div.tab button.active {
    border-bottom: 2px solid #69503D;
}
 .tabcontent {
    display: none;
    padding: 6px 12px;
}
 .tabcontent {
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}
 @-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
 @keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
</style>
<script>
function openTab(evt, tabName) {
    var i, tabcontent, tablinks;
    tabcontent = document.getElementsByClassName("tabcontent");
    for (i = 0; i < tabcontent.length; i++) {
        tabcontent[i].style.display = "none";
    }
    tablinks = document.getElementsByClassName("tablinks");
    for (i = 0; i < tablinks.length; i++) {
        tablinks[i].className = tablinks[i].className.replace(" active", "");
    }
    document.getElementById(tabName).style.display = "block";
    evt.currentTarget.className += " active";
}
$(function(){
$(".tablinks")[0].click()
});

</script>

  <div class="block">
<div class="tab">
      
   <button class="tablinks" onclick="openTab(event, 'home')">
        <!-- BEGIN switch_viewonline_link -->
   {L_WHO_IS_ONLINE}
   <!-- END switch_viewonline_link -->
   <!-- BEGIN switch_viewonline_nolink -->
   {L_WHO_IS_ONLINE}
   <!-- END switch_viewonline_nolink -->
   </button>
   <button class="tablinks"  onclick="openTab(event, 'group')">
   <!-- BEGIN switch_statistics_link -->
   Grupos
   <!-- END switch_statistics_link -->
   </button>
        <button class="tablinks" onclick="openTab(event, 'happy')">
        Aniversários
        </button>
   <!-- BEGIN switch_chatbox_activate -->
   <button class="tablinks" onclick="openTab(event, 'chat')">
   {CHATBOX_NAME}
   </button>
   <!-- END switch_chatbox_activate -->
</div>

<div id="home" class="tabcontent">
 
{TOTAL_USERS_ONLINE}
      {LOGGED_IN_USER_LIST}
      {L_ONLINE_USERS}
      {L_CONNECTED_MEMBERS}
 
  </div>

<div id="happy" class="tabcontent">
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}
  </div>


<div id="group" class="tabcontent">
<p>{GROUP_LEGEND}</p>
</div>

  <!-- BEGIN switch_chatbox_activate -->
<div id="chat" class="tabcontent">
            <!-- BEGIN switch_chatbox_popup -->
              <div id="chatbox_popup"></div>
              <script type="text/javascript">
                  insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
              </script>
            <!-- END switch_chatbox_popup -->
        {TOTAL_CHATTERS_ONLINE}:&nbsp;{CHATTERS_LIST}
</div>
  <!-- END switch_chatbox_activate -->
      </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 -->
 
<!-- BEGIN switch_legend -->
<ul id="picture_legend">
  <li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />{L_NEW_POSTS}</li>
  <li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}</li>
  <li><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />{L_FORUM_LOCKED}</li>
</ul>
<!-- END switch_legend -->
 
{AUTO_DST}

Perfeito, gratificado.

Boas entradas!

Questão resolvida Esta questão foi dada como resolvida pelo seu autor, e por esse motivo será marcada como resolvida e movida para o arquivo de questões resolvidas desta área.