Contador de visitas

Detalhes da questão

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

Descrição

Olá pessoal,
gostaria de adicionar esse contador de visitas:

Código:

<script id="_wauxi9">var _wau = _wau || []; _wau.push(["dynamic", "kbociakva9", "xi9", "434343ffffff", "small"]);</script><script async src="//waust.at/d.js"></script>


Peguei no site whos.amung.

Quero colocar ele nessa região

https://i.imgur.com/QnMwvkJ.png

Meu 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 -->
<div class="musica"><audio class="stream" src="https://stream.open.fm/32" autoplay="" controls=""></audio></div>
 
      {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">{GROUP_LEGEND}</div>
  </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}

Meu CSS:

Código:

a[href^="/u"] span[style*="#0015FF"]
 {
    background: repeating-linear-gradient(to right, #FF0000, #000000, #FFFF00, #00FF00, #000000, #FF0000, #0015FF);
    -webkit-background-clip: text;
    background-size: 1800% 1800%;
    -webkit-text-fill-color: transparent;
    animation: rainbow 3s ease infinite;
}
 
@keyframes rainbow {0% {background-position: 0% 82%;} 50% {background-position: 100% 19%;} 100% {background-position: 0% 82%;}}


a[style="color: #FF0000"].gensmall[href^="/g"]::before,
a[href^="/u"] span[style="color:#00B0F0"]::before {
  content: '\f0e3';
  font-family: 'fontawesome';
  padding-right: 3px;
}

/*---- Emblemas ----*/
#field_id9 br { display:none; }
 
#field_id9 div[alt], .postprofile-info div[alt] {
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0 1px 3px rgba(0,0,0,0.4);
    border-radius: 3px;
    display: inline-block;
    height: 45px;
    margin-top: 5px;
    margin-right: 6px;
    position: relative;
    width: 45px;
}
 
#field_id9 div[alt]:before, .postprofile-info div[alt]:before {
    content: attr(alt);
    position: absolute;
    top: -60%;
    left: 50%;
    white-space: nowrap;
    transform: translate(-50%);
    background-color: rgba(0,0,0,0.9);
    color: #fff;
    padding: 0 10px;
    border-radius: 3px;
    user-select: none;
    pointer-events: none;
    opacity: 0;
    line-height: 24px;
    transition: 250ms opacity;
    z-index:998!important;
}
 
#field_id9 div[alt]:after, .postprofile-info div[alt]:after {
    position: absolute;
    top: -8px;
    left: calc(50% - 7px);
    content: '';
    -webkit-filter: drop-shadow(0 3px 9px rgba(0,0,0,0.18));
    filter: drop-shadow(0 3px 9px rgba(0,0,0,0.18));
    height: 0;
    width: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid rgba(0,0,0,0.9);
    opacity: 0;
    transition: 250ms opacity;
    z-index:998!important;
}
 
#field_id9 div[alt]:hover:before,
.postprofile-info div[alt]:hover:before,
#field_id9 div[alt]:hover:after,
.postprofile-info div[alt]:hover:after { opacity: 1; }
 
.postprofile-info div[alt] + br { display: none; }
 
.postprofile-info .label { margin-bottom: 10px; }
 
.show-more-em {
    padding: 9px 16px;
    background-color: #263238;
    border-radius: 3px;
    font-size: 14px;
    color: #fff!important;
    font-weight: 600;
}
.show-more-em:hover { background-color: rgba(0,0,0,0.44); }
/* fim emblemas */

.headerbar {
    background-color: transparent;
    background-image: url(https://i.imgur.com/JtOfZ7C.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain!important;
    height: 180px!important;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative!important;
}
 
#header-banner {
    height: 220px;
    width: 100%;
}
 
.sub-header-info {
    width: 100%;
    text-align: center;
    background-color: #000000;
    padding: 9px;
}
h1.page-title a {
    color: white!important;
}
 
.forabg.hidden {
    background-color: red!important;
    background-image: none!important;
    background-weight: bold!important;
}
 
.forumtitle {
    font-weight: bold!important;
}
 
.sceditor-container iframe, .sceditor-container textarea {
    background: url(https://i.imgur.com/vmfz6q6.png) no-repeat 50% 50% transparent!important;
}
 
.statistics, #page-footer {
    background-color: rgba(0,0,0,0.2);
    color: #FF0000;
}
 
 
[id^="p"].online .postprofile[id^="profile"]:not(#profile0):before {
    background-color: #54962f;
    content: 'Online';
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
[id^="p"] .postprofile[id^="profile"]:not(#profile0):before {
    background-color: #e6e6e6;
    color: black;
    content: 'Offline';
    display: block;
    padding: 3px 6px;
    margin: -10px auto 10px auto;
    border-radius: 2px;
    width: max-content;
    font-weight: 500;
}
 
.socialmedia {
    position: absolute;
    top: 80%;
    right: 6%;
}
.socialmedia .social {
    box-shadow: inset 0 3px rgba(255,255,255,0.15), inset 0 -3px rgba(0,0,0,0.15), 0 3px rgba(0,0,0,0.1);
    width: 40px;
    height: 40px;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 20px;
    margin-top: 0px;
    text-align: center;
    color: #FFF;
    text-shadow: 0 4px rgba(0,0,0,0.2);
    font-size: 18px;
    float: left;
    padding: 5%;
    margin-right: 10px;
}
.social.facebook {
    background: linear-gradient(to bottom, #50719c, #375073);
}
.social.whatsapp {
    background: linear-gradient(to bottom, #34af23, #227317);
}
.social.instagram {
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    text-shadow: none;
}
.social.discord {
    background: linear-gradient(to bottom, #7289da, #869adf);
}
.social.server {
    background: linear-gradient(to bottom, #830103, #500000);
}
.fa.fa-gamepad {
    margin-left: -4px!important;
}
.socialmedia .social i {
    margin-top: -3px;
    margin-left: -1px;
}
 
 
 
.musica {
    float: right;
}
.block-footer {
  text-align: center;
}
 
::-webkit-scrollbar
{
  width: 12px;
  background-color: #F5F5F5;
}
 
::-webkit-scrollbar-thumb {
  background: #888;
}
 
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
::-webkit-scrollbar-button {
    background: black;
    box-shadow: 0 0 3px rgba(0,0,0,0.9);
}
::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #000000;
}
::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
}
 
#LEGENDA
.block-groups { font-size: 0!important; text-align: center; }
 
.block-groups b { font-size: 12px!important; }
 
.block-groups b:not(:last-child) { padding-right: 1em; }
 
.block-footer.block-groups {
    font-size: 0;
}
 
 
.forabg {
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border: 1px solid #6E6B6B;
}
 
.postprofile {
    text-align: center;
}
div.postprofile dl dt img {
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -webkit-transition: all .5s ease-out;
    border: 5px solid #eee;
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    margin-left: 3px;
}
.postprofile-avatar:hover {
    -moz-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
}
.postprofile-avatar {
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease;
}
 
###LEGENDA
        .block-footer a[href^="/g"] {
  transition: .3s;
}
 
.block-footer a[href^="/g"]:hover {
  background: #ddd;
  padding: 12px 10px 9px;
}
 
###brilho
 
a[href^="/g1"],
a[href^="/u"] span[style$="#FF0000"] {
background: url(https://i.imgur.com/6EHq3rY.gif);
text-shadow: 2px 0px 11px red;
}
a[href^="/g2"],
a[href^="/u"] span[style$="#FF0000"] {
background: url(https://i.imgur.com/6EHq3rY.gif);
text-shadow: 2px 0px 11px red;
}
a[href^="/g3"],
a[href^="/u"] span[style$="#00FF00"] {
background: url(https://i.imgur.com/FgKNYTV.gif);
text-shadow: 2px 0px 11px green;
}
 
.postprofile {
    background: #f8f8f8;
    border-color: rgba(0,0,0,0.18);
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
    margin-top: 1% !important;
    margin-bottom: 1% !important;
    margin-right: 1% !important;
    max-width: 200px !important;
    text-align: center;
}
.postprofile img {
        max-width: 100%;
        border-radius: 0!important;
}
.post-head {
        padding-right: 230px !important
}
.postprofile-avatar img {
    height: auto !important;
    max-width: 150px !important;
    width: auto !important;
    border-radius: 0% !important;
}
 
/*************** EE CONTA ************************/
.topBar {
    float: right;
    height: 50px;
    margin-right: 40px;
    max-width: 1400px;
    width: 25%;
}
.register {
    background: rgba(0,0,0,0.2);
    float: right;
    font-size: 14px;
    font-weight: 300;
}
.topBar li {
    margin: 0!important;
}
.topBar a {
    color: #FFFFFF !important; /** cor do texto **/
    display: inline-block!important;
    font-family: 'Fira Sans Condensed', sans-serif, "Trebuchet MS", Sans-serif, Arial, Helvetica, Verdana!important;
    font-size: 13px!important;
    font-weight: 700!important;
    height: 50px!important;
    line-height: 50px!important;
    padding: 0 12px!important;
    text-shadow: none!important;
    transition-duration: 300ms!important;
    width: 100%;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-plus-square:before {
    content: "\f0fe";
}
.login {
    background: rgba(0,0,0,0.2);
    float: right;
    font-size: 14px;
    font-weight: 300;
    margin-right: 5px;
}
.fa-user-circle:before {
    content: "\f2bd";
}
.topBar a:hover {
    background-color: #000!important; /** cor do mouse **/
    border-radius: 0;
}
/**************************** ESTRUTURA ************************************/
.dropdown {
    display: inline-block;
    position: relative;
}
.navbar a {
    color: #FFFFFF!important; /** cor do link **/
    display: inline-block!important;
    height: 50px!important;
    line-height: 53px!important;
    padding: 0 12px!important;
    text-shadow: none!important;
    transition-duration: 300ms!important;
    width: 100%;
}
.navbar a {
    border-radius: 3px;
    font-size: 1.3rem;
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9";
}
.navbar li {
    margin: 0!important;
}
.navbar li {
    display: inline-block;
}
.fa-newspaper-o:before {
    content: "\f1ea";
}
.fa-info-circle:before {
    content: "\f05a";
}
.fa-shopping-cart:before {
    content: "\f07a";
}
#tabs:after, .navbar:after, dl.polls:after, fieldset dl:after, ul.linklist:after, ul.topiclist dl:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.navbar a:hover {
    background-color: #000000!important; /** cor do link quando passa o mouse **/
    border-radius: 0;
}
.navbar a:hover {
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
}
.dropdown-content {
    background-color: #2c353b; /** cor dos submenus **/
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    min-width: 160px;
    position: absolute;
    z-index: 10;
      display: none;
}
.fa-list:before {
    content: "\f03a";
}
.fa-book:before {
    content: "\f02d";
}
.fa-group:before, .fa-users:before {
    content: "\f0c0";
}
.dropdown:hover .dropdown-content {
    display: block;
}
.dropdown-content a:hover {
    background-color: #000;
}
.navbar {
    background: #000!important; /** cor da barra de navegação **/
    background-position: center center;
    height: 50px;
    line-height: 38px;
    width: 100%;
    z-index: 999;
}
.fa-user:before {
    content: "\f007";
}
.fa-envelope-o:before {
    content: "\f003";
}
.mensp {
    background: rgba(0,0,0,0.2);
    color: #fff;
    display: block;
    float: left;
    font-weight: 400;
    list-style: none;
    margin-right: 5px;
    transition: .05s all;
}
.sair {
    background: rgba(0,0,0,0.2);
    color: #fff;
    display: block;
    float: left;
    font-weight: 400;
    list-style: none;
    margin-right: 5px;
    transition: .05s all;
}
.fa-sign-out:before {
    content: "\f08b";
}
.perfil {
    background: rgba(0,0,0,0.2);
    color: #fff;
    display: block;
    float: left;
    font-weight: 400;
    list-style: none;
    margin-right: 5px;
    transition: .05s all;
}
.dropdown {
    float: left!important;
}
.navbar {
    border-radius: 5px 5px 5px 5px!important;
}
 
/# PERFFIL
 
 
 
.block-footer a.gensmall[href^="/g"] {
  border-bottom: 6px solid transparent;
  transition: border-color 0.6s linear;
}
 
.block-footer a.gensmall[href^="/g"]:hover {
  border-color: currentColor;
}
 
.block-footer#legend {
  background: darkgrey;
}
 
#AVATAR
 
.lastpost-avatar img {
    height: 50px;
    width: 50px;
    margin-top: -7px;
}

Obrigado pessoal.

Saudações,

Altere seu template de index_body por este:

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 -->
<div class="musica"><audio class="stream" src="https://stream.open.fm/32" autoplay="" controls=""></audio></div>
 
      {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="positionfdfkc"><script id="_wauxi9">var _wau = _wau || []; _wau.push(["dynamic", "kbociakva9", "xi9", "434343ffffff", "small"]);</script><script async src="//waust.at/d.js"></script></div>
 
      <div class="block-footer block-groups">{GROUP_LEGEND}</div>
  </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}

Coloque este código abaixo na folha de estilo CSS:

Código:

.positionfdfkc {
  float: right;
}

Vê se isso lhe satisfaz.

Atenciosamente,
Chagas

Chagas escreveu:Saudações,

Altere seu template de index_body por este:

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 -->
<div class="musica"><audio class="stream" src="https://stream.open.fm/32" autoplay="" controls=""></audio></div>
 
      {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="positionfdfkc"><script id="_wauxi9">var _wau = _wau || []; _wau.push(["dynamic", "kbociakva9", "xi9", "434343ffffff", "small"]);</script><script async src="//waust.at/d.js"></script></div>
 
      <div class="block-footer block-groups">{GROUP_LEGEND}</div>
  </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}

Coloque este código abaixo na folha de estilo CSS:

Código:

.positionfdfkc {
  float: right;
}

Vê se isso lhe satisfaz.

Atenciosamente,
Chagas

Muito obrigado, mas eu quero que ele fique um pouco mais acima, onde eu tinha ilustrado.
Ele ficou meio fora de "quadro"

Obrigado Chagas.

Saudações,

Altere o código CSS que lhe enviei por este:

Código:

.positionfdfkc {
    float: right;
    margin-top: -2%;
}

Atenciosamente,
Chagas

Tudo certo, muito obrigado