Fórum dos Fóruns

Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

Adicionar widget "Últimos Assuntos"

3 participantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode

Ir para baixo

Tópico resolvido Adicionar widget "Últimos Assuntos"

Mensagem por Matheus Campos 02.01.17 20:26

Detalhes da questão


Endereço do fórum: talesofwinterfall.forumeiros.com
Versão do fórum: PunBB

Descrição


Com este novo tema no fórum, não consigo usufruir de nenhum widget no painel de controle, que seja próprio da forumeiros. Queria pedir ajuda para adicionar a função de "Últimos assuntos" no menu à esquerda, acima dos "Parceiros". Grato.
Matheus Campos
Matheus Campos
Novo Membro

Membro desde : 10/06/2016
Mensagens : 16
Pontos : 24

http://bloodydestiny.naruto-rpg.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar widget "Últimos Assuntos"

Mensagem por Shek 04.01.17 22:32

Boa noite. Muito feliz

Eu vi o seu fórum, e percebi que há uma coluna na esquerda, mas, não é padrão de widgets, certo? Você deseja substituir por widgets? Se sim, poderia me fornecer o template overall_header, por gentileza?

Acredito que possamos substituir os dados HTML do template pelo padrão:
Código:
                  <div id="{ID_LEFT}">
                     <!-- BEGIN giefmod_index1 -->
                     {giefmod_index1.MODVAR}
                     <!-- BEGIN saut -->
                     <div style="height:{SPACE_ROW}px"></div>
                     <!-- END saut -->
                     <!-- END giefmod_index1 -->
                  </div>

Até mais.
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar widget "Últimos Assuntos"

Mensagem por Matheus Campos 04.01.17 23:03

Boa noite!

Sobre o header, coloquei-o totalmente no DOCS, se for necessário em outro local, avise:



Poderia fazer com que este menu aceite os widgets da forumeiros, mas não perca sua forma atual? Quero dizer, os widgets continuarem a serem transparentes, com as mesmas cores de letras de lá?

Obs: Não me importo com nenhuma imagem no menu (exceto o avatar do usuário), apenas quero que mantenha aquele estilo atual de letra e transparência do fundo.
Grato!
Matheus Campos
Matheus Campos
Novo Membro

Membro desde : 10/06/2016
Mensagens : 16
Pontos : 24

http://bloodydestiny.naruto-rpg.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar widget "Últimos Assuntos"

Mensagem por Kyo Panda 06.01.17 10:36

Troque por esse:

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
    <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
    <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
    <meta http-equiv="content-script-type" content="text/javascript" />
    <meta http-equiv="content-style-type" content="text/css" />
    <!-- BEGIN switch_compat_meta -->
    <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
    <!-- END switch_compat_meta -->
    <!-- BEGIN switch_canonical_url -->
    <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
    <!-- END switch_canonical_url -->
    {META_FAVICO}
    {META}
    {META_FB_LIKE}
    <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
    {T_HEAD_STYLESHEET}
    {CSS}
    <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
    <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
    <script src="{JQUERY_PATH}" type="text/javascript"></script>
    <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

     
       <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
       <script type="text/javascript" src="http://proyecto4reyes.googlecode.com/svn/trunk/jquery.min.js"></script>
     
    <!-- BEGIN switch_fb_login -->
    <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
    <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
    <!-- END switch_fb_login -->

    <!-- BEGIN switch_ticker -->
    <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
    <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
    <!-- END switch_ticker -->

    <!-- BEGIN switch_ticker_new -->
    <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
    <script type="text/javascript">//<![CDATA[
      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch( tickerDirParam )
      {
         case 'top' :
            slid_vert = true;
            break;

         case 'left':
            break;

         case 'bottom':
            slid_vert = true;
            auto_dir = 'prev';
            break;

         case 'right':
            auto_dir = 'prev';
            break;

         default:
            slid_vert = true;
      }

      $(document).ready(function() {

         var width_max = $('ul#fa_ticker_content').width();
         var width_item = Math.floor(width_max / {switch_ticker.SIZE});

         if (width_max > 0)
         {
            $('#fa_ticker_content').css('display','block');

            $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
               if ($(this).width() > width_item)
               {
               var ratio      = $(this).width() / width_item;
               var new_height = Math.round($(this).height() / ratio);
               $(this).height(new_height).width(width_item);
               }
            });

            if (slid_vert)
            {
               var height_max = h_perso;

               $('ul#fa_ticker_content li').each( function () {
                  if ($(this).height() > height_max)
                  {
                     height_max = $(this).height();
                  }
               } );

               $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
               $('ul#fa_ticker_content li').height(height_max);
            }

            $('#fa_ticker_content').jcarousel({
                  vertical: slid_vert,
               wrap: 'circular',
               auto: {switch_ticker.STOP_TIME},
               auto_direction: auto_dir,
            scroll: 1,
            size: {switch_ticker.SIZE},
            height_max: height_max,
            animation: {switch_ticker.SPEED}
            });
         }
         else
         {
            $('ul#fa_ticker_content li:not(:first)').css('display','none');
            $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
         }
      });
    //]]>
    </script>
    <!-- END switch_ticker_new -->

    <script type="text/javascript">
    //<![CDATA[
    $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         if(pm != null) { pm.focus(); }
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
         report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
         if(report != null) { report.focus(); }
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
         ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
      <!-- END switch_ticker -->
    });

    <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
    <!-- END switch_login_popup -->

    <!-- BEGIN switch_login_popup -->
    $(document).ready( function() {
      $(window).resize(function() {
         var windowWidth = document.documentElement.clientWidth;
         var popupWidth = $("#login_popup").width();
         var mypopup = $("#login_popup");

         $("#login_popup").css({
         "left": windowWidth/2 - popupWidth/2
            });
      });
    });
    <!-- END switch_login_popup -->
    //]]>
    </script>
    {GREETING_POPUP}
    <!-- BEGIN switch_ticker_new -->
    <style>
    .jcarousel-skin-tango .jcarousel-item {
      text-align:center;
      width: 10px;
    }

    .jcarousel-skin-tango .jcarousel-item-horizontal {
      margin-right: {switch_ticker.SPACING}px;
    }

    .jcarousel-skin-tango .jcarousel-item-vertical {
      margin-bottom: {switch_ticker.SPACING}px;
    }
    </style>
    <!-- END switch_ticker_new -->
    {HOSTING_JS}
    <!-- BEGIN google_analytics_code -->
    <script type="text/javascript">
    //<![CDATA[
    var _gaq = _gaq || [];
    _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
    _gaq.push(["_trackPageview"]);
    _gaq.push(['_trackPageLoadTime']);

    <!-- BEGIN google_analytics_code_bis -->
    _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
    _gaq.push(['b._trackPageview']);
    <!-- END google_analytics_code_bis -->

    (function() {
      var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
      ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
      var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
    })();
    //]]>
    </script>
    <!-- END google_analytics_code -->
  <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>

      <style id="styleBackground" type="text/css">body, .noBackgroundBlur .col_c_icon img, .noBackgroundBlur .maintitle{ background-color: #c1b2ab; background-image: url(http://i.imgur.com/oWLbmm2.jpg); }.backgroundBlur #userBar, .backgroundBlur #shadowWrap, .backgroundBlur .col_c_icon img, .backgroundBlur .maintitle, .backgroundBlur #footer_utilities, .backgroundBlur .pagination .pages li.active, .backgroundBlur .post_block h3{ background-color: #645d57; background-image: url(http://i.imgur.com/90IBhjh.jpg); }</style>
</head>

<body id="ipboard_body" class="backgroundBlur cbe">
    <!-- BEGIN hitskin_preview -->
    <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
         <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
         </p>
      </div>
    </div>
    <!-- END hitskin_preview -->

    <!-- BEGIN switch_login_popup -->
    <div id="login_popup" class="module main">
      <div id="login_popup_title" class="main-head">
         <div class="h3">{SITENAME}</div>
      </div>
      <div class="main-content">
         {LOGIN_POPUP_MSG}
         <div id="login_popup_buttons">
            <form action="{S_LOGIN_ACTION}" method="get">
               <input type="submit" class="button2" value="{L_LOGIN}" />
               <input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
               <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
            </form>
         </div>
      </div>
    </div>
    <!-- END switch_login_popup -->

    <a id="top" name="top" accesskey="t"></a>

    <div class="minwidth_IE">
      <div class="layout_IE">
         <div class="container_IE">
                         <div id="ipbwrapper" class="wrapper">
                       
                         <!-- ::: BRANDING STRIP: Logo and search box ::: -->
                         <div id="branding">
                             <div id="logo">
                           
<a href="/" class="textLogo" title="Go to community index" rel="home" accesskey="1">Winterfall</a>
                         </div>
                         <div id="search" class="right">
    <form action="http://talesofwinterfall.forumeiros.com/search" method="post" id="search-box">
      <fieldset>
         <label for="main_search" class="hide">Search</label>
         <a href="http://talesofwinterfall.forumeiros.com/search" title="Advanced Search" accesskey="4" rel="search" id="adv_search" class="right">Avançada</a>
         <span id="search_wrap" class="right">
            <input type="text" id="main_search" name="search_term" class="" size="17" tabindex="100" placeholder="Pesquisar">
            <span class="choice ipbmenu clickable" id="search_options" style="">Forums</span>
            <input type="submit" class="submit_input clickable" value="">
         </span>
        
      </fieldset>
    </form>
</div>
         </div>
           <div id="shadowWrap" class="clearfix">
         <div id="sideNav">
           <!-- BEGIN switch_user_logged_in -->
 
                           <h4>Bem-vindo <span class="USERNAME"></span></h4>
                         
                         
                             <div id="user_navigation" class="not_logged_in">
                             <ul class="ipsList_inline">
         <a href="/profile?mode=editprofile" title="Editar Perfil">
                         <script>
jQuery(document).ready(function(){
  jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
     link = jQuery('.frm dl dd img', data).attr('src');
     if(link){
                           jQuery('#avatar').html('<center><img src="'+link+'" alt="" /></center>');
     }else{
       jQuery('#avatar').html('');
     }
  });
});
</script><div id="avatar"><center></center></div><br>
         <div id="user_navigation" class="logged_in">
         <li><a data-clicklaunch="getInboxList" id="inbox_link" href="/privmsg?folder=inbox" title="Ler mensagens privadas"><img src="http://i.imgur.com/TeAddws.gif" alt="">Mensagens Privadas</a></li>
         <li><a data-clicklaunch="getNotificationsList" id="notify_link" href="/search?search_id=watchsearch" title="Ver todas as notificações"><img src="http://i.imgur.com/TeAddws.gif" alt="">Notificações</a></li>
         <li><a href="/login?logout=1">Terminar Sessão</a></li>
         </ul>
           </div>             
           <!-- END switch_user_logged_in -->
           <!-- BEGIN switch_user_logged_out -->
                         <h4>Bem-vindo    <span class="USERNAME"></span></h4>
               <div id="user_navigation" class="not_logged_in">                 
                   <ul>
                       <li>
                           <a href="/register" title="Crie sua conta" id="register_link"><img src="http://i.imgur.com/sowoEuE.png" alt=""> Criar conta</a>
                       </li>
                       <li><a href="/login" title="Login" id="sign_in"><img src="http://i.imgur.com/g7gGCEK.png" alt=""> Login</a></li>
                       <li>
                           <span class="services">
                             
                             
                             
                           </span>
                       </li>
                   </ul>
               </div>
         <!-- END switch_user_logged_out -->
       
         <h4 id="togNav">Menu de Atalhos<span class="sideShow"></span><span class="sideHide"></span></h4>
         <!-- ::: APPLICATION TABS ::: -->
         <div id="primary_nav" class="clearfix toggleContent">
                    <ul class="ipsList_inline" id="community_app_menu">
                        
                    <li id="nav_home" class="left"><a href="/" title="Homepage" rel="home">Início</a></li>
                        
                                 <li id="nav_app_forums" class="left active"><a href="/chatbox/index.forum" title="Go to Forums">Chat</a></li>
     
                       <li id="nav_app_members" class="left "><a href="/memberlist" title="Go to Members">Membros</a></li>
     
                       <li id="nav_app_downloads" class="left "><a href="/f3-arcaenum-a-enciclopedia-dos-poderes" title="Ver poderes">Poderes</a></li>
     
                       <li id="nav_app_blog" class="left "><a href="/f60-livros-oficiais" title="Go to Blogs">Biblioteca Real</a></li>
     
                       <li id="nav_app_nexus" class="left "><a href="/f11-armaria-mundial" title="Go to Store">Lojas de Winterfall</a></li>
     
                       <li id="nav_app_gallery" class="left "><a href="/f34-criacoes" title="Go to Gallery">Criações</a></li>
     
                       <li id="nav_app_ccs" class="left "><a href="/f4-bestiario-de-winterfall" title="Go to Pages">Bestiário</a></li>
     
                       <li id="nav_search"><a href="/search">Pesquisa</a></li>
                        
                       <li id="nav_app_rules"><a href="/f44-atualizacoes" title="Guidelines">Atualizações</a></li>
                        
                    </ul>
               </div>
                   

<h4 id="togSocial">Conheça <span class="hideSmall">nossos parceiros</span><span class="sideShow"></span><span class="sideHide"></span></h4>
<div class="toggleContent">
<ul class="sideLinks">
   <li><a href="http://somosmugiwara.forumeiros.com/">  Somos Mugiwara</a></li>
  <li><a href="http://naruto-survival.forumeiros.com/">  Naruto Survival</a></li>
  <li><a href="http://talesofwinterfall.forumeiros.com/f54-area-de-parcerias">  Seja um parceiro!</a></li>
</ul>
</div>
                     <!--Solução Temporária:-->
                     <h4 id="togSocial">Postagens<span class="hideSmall"></span><span class="sideShow"></span><span class="sideHide"></span></h4>
<div class="toggleContent">
<ul class="sideLinks">
<script src="http://feeds.feedburner.com/forumeiros/TVfk?format=sigpro" type="text/javascript" ></script>
  </ul>
</div>
         <!--Fim da solução temporária-->
         <div id="{ID_LEFT}">
          <!-- BEGIN giefmod_index1 -->
          {giefmod_index1.MODVAR}
          <!-- BEGIN saut -->
          <div style="height:{SPACE_ROW}px"></div>
          <!-- END saut -->
          <!-- END giefmod_index1 -->
        </div>
         </div>
         <div id="mainContent" style="min-height: 930px;">

<div id="nav_wrap" class="clearfix">

             

            <!-- ::: NAVIGATION BREADCRUMBS ::: -->
               <div id="secondary_navigation" class="clearfix">
                   <ol class="breadcrumb top ipsList_inline left" id="breadcrumb">
                                               <li itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb" class="first">
                               <a href="/" itemprop="url">
                                   <span itemprop="title">Winterfall</span>
                               </a>
                           </li>
                         
                                           </ol>
                   <ul id="secondary_links" class="ipsList_inline right">
                       <li><a href="/#" accesskey="2" title="View New Content">Conteúdos Novos</a></li>
                     
<li id="toggleBackgroundPicker"><span data-tooltip="Change Background Image"><img src="http://i.imgur.com/7ak26Cd.png" alt=""></span></li>
                   </ul>
               </div>
             
</div>
               <!-- ::: MAIN CONTENT AREA ::: -->
               <div id="content" class="clearfix">
             
               <div id="toggle_background"><div id="custom_background" class="clearfix"><div>
                   <span data-backgroundimage="background1" data-backgroundcolor="#c1b2ab" data-blurbackgroundcolor="#645d57" style="background-image: url(http://i.imgur.com/Tz8lhFF.jpg);"></span>
                   <span data-backgroundimage="background2" data-backgroundcolor="#c3a791" data-blurbackgroundcolor="#5c534c" style="background-image: url(http://i.imgur.com/BkDN9sE.jpg);"></span>
                   <span data-backgroundimage="background3" data-backgroundcolor="#eae3d1" data-blurbackgroundcolor="#5e5a59" style="background-image: url(http://i.imgur.com/pmJz94H.jpg);"></span>
                   <span data-backgroundimage="background4" data-backgroundcolor="#d6e1dd" data-blurbackgroundcolor="#6c6c6c" style="background-image: url(http://i.imgur.com/UOV3dvK.jpg);"></span>
               </div></div></div>
                 <!-- BEGIN switch_user_logged_out -->
               <div class="guestMessage">
                 <div class="guestHeader">Bem-vindo à Winterfall</div>
                   Registre-se para ter acesso aos menus ocultos e criar seu personagem.<br>
                 <a href="/login" class="guestButton">Iniciar Sessão</a> <a href="/register" class="guestButton">Create an Account</a>
               </div>
                 <!-- END switch_user_logged_out -->
               <!-- ::: CONTENT ::: -->
            <div class="pun">
           
               <!-- BEGIN switch_ticker_new -->
               <div id="fa_ticker_block" style="padding-top:4px;">
                  <div class="module main">
                     <div class="main-content clearfix">
                        <div id="fa_ticker_container">
                           <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">
                              <!-- BEGIN ticker_row -->
                              <li>{switch_ticker.ticker_row.ELEMENT}</li>
                              <!-- END ticker_row -->
                           </ul>
                        </div>
                     </div>
                  </div>
               </div>
               <!-- END switch_ticker_new -->

               <!-- BEGIN switch_ticker -->
               <div id="fa_ticker_block" style="padding-top:4px;">
                  <div class="module main">
                     <div class="main-content clearfix">
                        <div id="fa_ticker_container">
                           <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                              <div class="fa_ticker_content">
                                 <!-- BEGIN ticker_row -->
                                 <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                 <!-- END ticker_row -->
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <!-- END switch_ticker -->

               <div id="page-body">
                  <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                     <div id="outer-wrapper">
                        <div id="wrapper">
                           <div id="container">
                              <div id="content">
                                
                                 <div id="main">
                                    <div id="main-content">

<!-- BEGIN html_validation -->
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
    </div>
                         </div>
                         </div>
         </div>
</body>
</html>
<!-- END html_validation -->
                             
<!-- #region sign_in_popup -->
   <div id="document_modal" class="modal" style="display:none; width: 1263px; height: 1174px; position: fixed; top: 0px; left: 0px; z-index: 10000; opacity: 0.4; background-color: #3E3E3E;"></div>
   <div id="sign_in_popup_popup" style="display:none; z-index: 10001; top: 152px; left: 283.5px; position: fixed;" class="popupWrapper">
       <div id="sign_in_popup_inner" class="popupInner" style="width: 600px; max-height: 641px;">
           <div style="" class="ipbfs_login" id="inline_login_form">
               <form id="login" method="post" action="/login.forum">
               <h3>Iniciar Sesion</h3>
             
                   <div class="ipbfs_login_row">
                       <div class="ipbfs_login_col">
                         <span class="right desc lighter blend_links"><a href="/register" title="¡registrarse ahora!">Registrar-se</a></span>
                           <strong><label for="ips_username">Nome de Usuário</label></strong>
                           <div class="ipsField_content">
                               <input type="text" tabindex="1" size="30" placeholder="Nome de Usuário" name="username" class="input_text ipbfs_login_input ipbfs_luser" id="ips_username">
                           </div>
                       </div>
                       <div class="ipbfs_login_col">
                         <span class="right desc lighter blend_links"><a href="/profile?mode=sendpassword" title="redordar contraseña">Esqueci minha senha</a></span>
                           <strong><label for="ips_password">Senha</label></strong>
                           <div class="ipsField_content">
                               <input type="password" tabindex="2" size="30" placeholder="Senha" name="password" class="input_text ipbfs_login_input ipbfs_lpassword" id="ips_password"><br>
                               </div>
                       </div>
                   </div>
                   <div class="clearfix">
                       <div class="ipbfs_login_col">
                           <input type="checkbox" class="input_check left" value="1" name="autologin" checked="checked" id="autologin">
                           <div style="padding-left: 20px;">
                               <label for="autologin">
                                   <strong>Manter conectado</strong>
                                   <span style="display: block; padding-top: 5px;" class="desc lighter">Não recomendado para computadores partilhados</span>
                               </label>
                           </div>
                       </div>
                       <div class="ipbfs_login_col">
                           <input type="checkbox" class="input_check left" value="1" name="anonymous" id="anonymous">
                           <div style="padding-left: 20px;">
                               <label for="anonymous">
                                   <strong>Iniciar sessão anônima</strong>
                                   <span style="display: block; padding-top: 5px;" class="desc lighter">Não estará na lista de usuários online</span>
                               </label>
                           </div>
                       </div>
                   </div>
                   <div class="ipsForm_submit ipsForm_center clear" style="height: 29px;">
                       <input type="submit" name="login" value="Iniciar Sesión" class="input_submit">
                       <input name="redirect" type="hidden" value="" />                 
                   </div>
               </form>
           </div>
       </div>
     <div id="sign_in_popup_close" class="popupClose clickable">
         <img alt="x" src="http://i78.servimg.com/u/f78/18/17/62/92/close_10.png" onclick="show_popup('sign_in_popup_popup');">
     </div>
   </div>
   <script type="text/javascript">
     //<![CDATA[
     $(document).ready(function() {
         $('#user_navigation #sign_in').attr('href', '#').attr('onclick', "show_popup('sign_in_popup_popup');");
         /*
         $('#user_navigation #sign_in').click(function() {
           sign_in_popup();
         });
         */
     });
     function show_popup(id) {
         var $oObj = $('#'+id);
         if ($oObj.css('display') == 'none') {
           $oObj.add('#document_modal').fadeIn('slow');
           $("input:text:eq(0):visible").focus();
         } else {
           $oObj.add('#document_modal').fadeOut('slow');
         }
     }
     //]]>
   </script>
   <style type="text/css">
     <!--
       .popupWrapper {
       box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5) !important;
       background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.6);
       padding: 8px !important;
       border-radius: 5px !important;
    }
       .ipbfs_login .ipsForm_submit {
           margin-top: 0;
       }
       .ipbfs_login .ipsBox_notice {
       margin: 0;
       }
       .ipbfs_login .input_submit {
           font-size: 13px;
       }
       #sign_in_popup_inner {
           width: 680px !important;
       }
       .popupInner {
           box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
           overflow-x: hidden;
           overflow-y: auto;
           width: 500px;
       }
       .popupInner h3 {
           border-bottom: 1px solid #d8d8d8;
           text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8);
           background:#eee url("http://i56.servimg.com/u/f56/17/97/98/69/highli12.png") repeat-x 0 0 ;
           padding: 8px 10px 9px;                 
       } 
       .border, .statistics, .post_block, .ipsComment, .popupInner, .no_messages, .poll_question ol, .ipsBox_container, .ipsFloatingAction, .column_view .post_body {
           background: none repeat scroll 0 0 #fff;
       }
       .ipsBox_notice {
           line-height: 1.6;
           margin-bottom: 10px;
           padding: 10px;
       }
       .ipsBox_notice, .ipsBox_highlight {
           background: none repeat scroll 0 0 #F4FCFF;
           border-bottom: 1px solid #CAE9F5;
       }
       .ipbfs_login_row {
           overflow: hidden;
       }
       .ipbfs_login_row, .gallery_pane h2, .ipsBox_container .ipsType_pagetitle, .ipsType_sectiontitle, #index_stats .status_list:first-of-type li:first-child, .ipsList_data li:first-of-type, .ipsList_withminiphoto li:first-of-type, .ipsList_withmediumphoto li:first-of-type, .category_block table tr:nth-of-type(2) td {
           border-top: 0 none;
       }
       #recentajaxcontent li, #idm_categories a, #index_stats .status_list li, #panel_files .file_listing li, #panel_screenshots #ss_linked li, .file_listing, #cart_totals td, div#member_filters li, #files li, .ipsType_sectiontitle, #order_review td, #package_details .package_info, .block_list li, .package_view_top, .member_entry, #help_topics li, .ipsBox_container .ipsType_pagetitle, .userpopup dl, #announcements td, .preview_info, .sideVerticalList li, fieldset.with_subhead ul, .ipsList_data li, .ipsList_withminiphoto li, .ipsList_withmediumphoto li, table.ipb_table td, .store_categories li, #mini_cart li, #index_stats div[id*="statusReply"], #ipg_category .ipg_category_row, .gallery_pane h2, .status_feedback li[id*="statusReply"], .ipsSideMenu ul li, .ipbfs_login_row, .ipbfs_login .clearfix, .articles .block-1, .articles .type-1x2x2 .article_row, #idm_category .idm_category_row, #category_list li a, .ipsComment {
           border-bottom: 1px solid #E3E3E3;
           border-top: 1px solid #fff;
       }
       .ipbfs_login_col {
           float: left;
           padding: 15px 10px;
           width: 314px;
       }
       .desc.lighter, .desc.lighter.blend_links a {
           color: #646464;
       }
       .desc, .desc.blend_links a, p.posted_info {
           color: #898989;
           font-size: 11px;
       }
       .right {
           float: right;
       }
       .ipbfs_login_col a:hover {
           text-decoration: underline;
       }
       .ipbfs_login_row label {
           font-size: 1.15em;
       }
       input:-moz-placeholder {
           color: #939393;
       }
       .ipbfs_luser {
           background-image: url("http://i78.servimg.com/u/f78/18/17/62/92/user10.png") !important;
           background-position: 7px 60% !important;
           background-repeat: no-repeat !important;
       }
       .ipbfs_login_input {
           font-size: 14px !important;
           margin-top: 10px;
           padding: 6px 0 6px 28px !important;
           width: 284px;
       }
       .input_text, .ipsTagBox_wrapper, textarea {
           background: none repeat scroll 0 0 #FCFCFC;
           border: 1px solid #D4D4D4;
           box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
           color: #000;
           padding: 6px;
           text-shadow: #FFF 0px 1px 0px;
       }
       input, select, textarea {
           font: 12px tahoma,helvetica,arial,sans-serif;
       }
       .ipbfs_lpassword {
           background-image: url("http://i78.servimg.com/u/f78/18/17/62/92/key10.png");
           background-position: 7px 60% !important;
           background-repeat: no-repeat !important;
       }
       .clearfix:after {
           clear: both;
           content: ".";
           display: block;
           height: 0;
           overflow: hidden;
           visibility: hidden;
       }
       .left {
           float: left;
       }
       img, .input_check, .input_radio {
           vertical-align: middle;
       }
       .ipsForm_center {
           text-align: center !important;
       }
       .ipsForm_submit {
           margin-top: 25px;
           padding: 5px 10px;
           text-align: right;
       }
       .clear {
           clear: both;
       }
       #vnc_filter_popup_close, body#ipboard_body fieldset.submit, body#ipboard_body p.submit, .ipsForm_submit {
           background: #e4e4e4 url('http://i56.servimg.com/u/f56/17/97/98/69/highli12.png') repeat-x 0 0;
           border-top: 1px solid #d8d8d8;
       }
       .popupClose {
           position: absolute;
           right: 20px;
           top: 20px;
       }
       .clickable {
           cursor: pointer;
       }
       .input_submit, .ipsButton_secondary {
           outline: medium none;
       }
       .input_submit {
   background: #3c3c3c ;
   border-color: #333;
   box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.13) inset;
   color: #FFF;
   text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
   border-radius: 3px;
}
     .input_submit {
   text-decoration: none;
   border-width: 1px;
   border-style: solid;
   padding: 5px 12px;
   cursor: pointer;
}
       .pun h2, .pun h3, .pun input, .pun select, .pun th {
           font-family: helvetica,arial,sans-serif !important;
           font-size: 14px;
           font-style: normal;
           font-variant: normal;
           font-weight: 300;
       }
       body {
           color: #5a5a5a !important;
           font: 11px tahoma,helvetica,arial,sans-serif !important;
       }
       -->
   </style>
<!-- #endregion sign_in_popup -->

Quanto a aparência, é bem difícil. Isso significaria ter que alterar o HTML e CSS de todos os Widgets do seu fórum. Assim, seria melhor você escolher os widgets que quer e criar tópicos separados pedindo suporte para alterá-los.
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar widget "Últimos Assuntos"

Mensagem por Matheus Campos 06.01.17 13:58

Olá, Kyo!

Troquei o código anterior por este, e aconteceu um bug na aparência do fórum: os widgets se extenderam totalmente, ocupando toda a página, e depois de "acabar" as opções do menu que vieram o conteúdo do fórum. Poderia me ajudar a resolver?

Print's:

Caso precise, disponibilizei um link para o CSS do meu fórum:

Sobre a aparência, eu entendi, tudo bem. Embora eu tenha gostado BASTANTE de como ficou o fórum com o widget da forumeiros (na terceira imagem acima).

Grato pela atenção!
Matheus Campos
Matheus Campos
Novo Membro

Membro desde : 10/06/2016
Mensagens : 16
Pontos : 24

http://bloodydestiny.naruto-rpg.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar widget "Últimos Assuntos"

Mensagem por Kyo Panda 06.01.17 14:37

Estranho... Só para fazermos um teste, poderia desativar o Widget de Parceiros?
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar widget "Últimos Assuntos"

Mensagem por Matheus Campos 06.01.17 16:36

Perfeito! Solucionou de uma única vez!

Agora, só tenho um último problema.

Spoiler:

Como posso deixar a aba de "últimos assuntos" da mesma cor do "Conheça nossos parceiros"? Caso não tenha como, posso fazer o processo inverso?

EDIT: As barras atuais são transparentes, é esse efeito que quero aplicar nas barras de widgets.
Matheus Campos
Matheus Campos
Novo Membro

Membro desde : 10/06/2016
Mensagens : 16
Pontos : 24

http://bloodydestiny.naruto-rpg.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar widget "Últimos Assuntos"

Mensagem por Kyo Panda 06.01.17 16:55

Adicione ao seu CSS:

Código:
#sideNav .module .main-head {
  background: rgba(0,0,0,0.3);
  color: #fff;
  display: block;
  font-size: 8px;
  font-weight: 700;
  margin: 0;
  padding: 16px 0 16px 20px;
  position: relative;
  text-transform: uppercase;
  border-bottom: none;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
}
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar widget "Últimos Assuntos"

Mensagem por Matheus Campos 06.01.17 17:01

Deu certo.

Só falta uma última parte, ainda nos widgets.

Spoiler:

Tem como fazer o mesmo aqui? Tirando esse borrão branco?
Matheus Campos
Matheus Campos
Novo Membro

Membro desde : 10/06/2016
Mensagens : 16
Pontos : 24

http://bloodydestiny.naruto-rpg.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar widget "Últimos Assuntos"

Mensagem por Kyo Panda 06.01.17 17:07

Adicione mais essa peça ao CSS:

Código:
#sideNav .post_block.row1,
#sideNav .post_block.row2,
#sideNav .row1,
#sideNav .row2 {
  background-color: transparent;
}
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar widget "Últimos Assuntos"

Mensagem por Matheus Campos 06.01.17 17:09

Muito obrigado por ajudar!

Todas as dúvidas foram respondidas, pode trancar o tópico.

Obrigado!
Matheus Campos
Matheus Campos
Novo Membro

Membro desde : 10/06/2016
Mensagens : 16
Pontos : 24

http://bloodydestiny.naruto-rpg.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar widget "Últimos Assuntos"

Mensagem por Kyo Panda 06.01.17 17:46

Adicionar widget "Últimos Assuntos" Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode

 
Permissões neste sub-fórum
Não podes responder a tópicos