Widget No forum

[Victor Monteiro]

Detalhes da questão

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

Descrição

Como coloco o widget "Últimos assuntos" No Forum http://brasilplaygalaxybr.forumeiros.com/ , (Não no portal).

[Roevs]

Olá,

Leia o FAQ a seguir, acredito que seja o que deseja.

[FAQ] Gerenciar os Widgets do Fórum

Até mais!

[Victor Monteiro]

conseguir, porem quero deixa-lo centralizado em cima do chatbox

[Roevs]

Olá,

Veja se o tópico abaixo lhe ajuda

Questão Resolvida

Até mais!

[Victor Monteiro]

amigo, eu quero apenas coloca o widget "Ultimos assuntos" Centralizado abaixo do chatbox (No Forum).
Pois so consigo colocar nas laterias.

[Roevs]

Olá,

Crie um novo JavaScript com investimento "No índice" com o código abaixo

Código:

(function($) {
  'use strict';
 
  $(function() {
    $('div#wrapper #left .module:first-child:first-child')
      .css('width', '100%')
      .appendTo('.panel.introduction')
    ;
  });
})(jQuery);

Até mais!

[Victor Monteiro]

ficou centralizado, mas o widget ficou como se estivesse dentro do local da "mensagem na pagina inicial" e a largura de visualização diminuiu.
http://brasilplaygalaxybr.forumeiros.com/
eu queria ele após o chatbox.

[Roevs]

Olá,

Poderia disponibilizar o seu template "index_body"?

Até mais!

[Victor Monteiro]

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>

   <!-- 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}

[Roevs]

Olá,

Substitua por esse

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}
 <div class="ultindice"></div>
{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>
 
  <!-- 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}

Depois altera o código JavaScript pelo código abaixo

Código:

(function($) {
  'use strict';
 
  $(function() {
    $('div#wrapper #left .module:first-child:first-child')
      .css('width', '100%')
      .appendTo('.ultindice')
    ;
  });
})(jQuery);

Até mais!

[Victor Monteiro]

agora falta apenas ajustar o tamanho da pagina

[Roevs]

Olá,

Adiciona esse código na sua Folha de estilo CSS e veja se é o resultado desejado.

Código:

.ultindice {
    width: 123%;
    margin-left: -180px;
}

Você pode ir alterando até ficar da forma que deseja.

Até mais!

[Victor Monteiro]

não funcionou, os demais widgets estao com tamanhos diferentes

[Roevs]

Olá,

Poderia me informar quais widgets você deseja alterar o tamanho?

Até mais!

[Victor Monteiro]

não bem isso, visite essa pagina, http://brasilplaygalaxybr.forumeiros.com/ , quero que a largura da pagina fique igual a largura do portal.

[Roevs]

Olá,

Substitua o último CSS passado por esse

Código:

#content-container #container {
    width: 100%!important;
    margin-left: -200px!important;
}

Até mais!

[Victor Monteiro]

Código:

#content-container #container {
    width: 100%!important;
    margin-left: 0px!important;
}

alterei para 0 e resultou, pode fechar

[Roevs]

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.