Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Design do fórum bugado.

2 participantes

airtondark airtondark  • Sex 16 Jan 2015 - 10:49

Design do fórum bugado. Empty Design do fórum bugado. Sex 16 Jan 2015 - 10:49

Olá, fiz o download de uma skin aqui do fórum, mas ela apresenta alguns bugs no design, diferente ao como estava na imagem de exemplo.

Imagem de exemplo:

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Meu Fórum:

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Tópico da skin:

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

OBS: Eu adicionei todos os templates certos no painel, agradeço pela ajuda !

Cepheus Cepheus  • Sex 16 Jan 2015 - 11:22

Design do fórum bugado. Empty Re: Design do fórum bugado. Sex 16 Jan 2015 - 11:22

Se você se refere a parte do menu e do user:
Adicione isso no seu css:

Código:
#branding, #user_bar{
background: rgba(30,30,30,0.9);
background: -moz-linear-gradient(top, rgba(30,30,30,0.8) 0%, rgba(30,30,30,0.9) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,30,30,0.8)), color-stop(100%,rgba(30,30,30,0.9)));
background: -webkit-linear-gradient(top, rgba(30,30,30,0.8) 0%,rgba(30,30,30,0.9) 100%);
background: -o-linear-gradient(top, rgba(30,30,30,0.8) 0%,rgba(30,30,30,0.9) 100%);
background: -ms-linear-gradient(top, rgba(30,30,30,0.8) 0%,rgba(30,30,30,0.9) 100%);
background: linear-gradient(to bottom, rgba(30,30,30,0.8) 0%,rgba(30,30,30,0.9) 100%);}

airtondark airtondark  • Sex 16 Jan 2015 - 12:05

Design do fórum bugado. Empty Re: Design do fórum bugado. Sex 16 Jan 2015 - 12:05

Adicionado, mas não resolveu, continua transparente...

Cepheus Cepheus  • Sex 16 Jan 2015 - 12:37

Design do fórum bugado. Empty Re: Design do fórum bugado. Sex 16 Jan 2015 - 12:37

Tem certeza que adicionou o código corretamente?

Pra mim ele está sendo exibindo assim:
Código:
#branding, #user_bar {
background: linear-gradient(tobottom,rgba(30,30,30,0.8) 0%,rgba(30,30,30,0.9) 100%);
}

O correto é que seja exibido assim:
Código:
#branding, #user_bar{
background: rgba(30,30,30,0.9);
background: -moz-linear-gradient(top, rgba(30,30,30,0.8) 0%, rgba(30,30,30,0.9) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,30,30,0.8)), color-stop(100%,rgba(30,30,30,0.9)));
background: -webkit-linear-gradient(top, rgba(30,30,30,0.8) 0%,rgba(30,30,30,0.9) 100%);
background: -o-linear-gradient(top, rgba(30,30,30,0.8) 0%,rgba(30,30,30,0.9) 100%);
background: -ms-linear-gradient(top, rgba(30,30,30,0.8) 0%,rgba(30,30,30,0.9) 100%);
background: linear-gradient(to bottom, rgba(30,30,30,0.8) 0%,rgba(30,30,30,0.9) 100%);
}

Faça o seguinte ao invés de adicionar no final do seu css adicione no inicio dele.

Aqui é o resultado usando o código, como pode ver não tem erro:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

airtondark airtondark  • Sex 16 Jan 2015 - 15:22

Design do fórum bugado. Empty Re: Design do fórum bugado. Sex 16 Jan 2015 - 15:22

Ainda não resolveu, estranho...

Decidi mudar a skin e usar uma em que eu já tenho certa experiência, mesmo assim, Obrigado !

Cepheus Cepheus  • Sex 16 Jan 2015 - 16:51

Design do fórum bugado. Empty Re: Design do fórum bugado. Sex 16 Jan 2015 - 16:51

[aviso="Fechado1"]membro mudou de skin[/aviso]
Instalei ela aqui para testar, realmente ela não reconhecia o gradiente na folha de estilo então a solução foi adicionar no overall_header

Basta trocar seu overall_header 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>

   <!-- 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>
</head>

<body>
   <!-- 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">
                          <body class="cbe" id="ipboard_body">
        <p id="content_jump" class="hide"><a id="top"></a><a href="#j_content" title="Jump to content" accesskey="m">Jump to content</a></p>
      <div id="ipbwrapper" class="wrapper">
                     
         <div id="branding">
                <div id="logo">
                    
                        
<a href="/" class="textLogo" title="Go to community index" rel="home" accesskey="1">Snapshot</a>

                    
                </div>


                            <!-- ::: APPLICATION TABS ::: -->
            <div id="primary_nav" class="clearfix">
                   <ul class="ipsList_inline" id="community_app_menu">
                       
                           <li id="nav_home" class="left"><a href="/" title="Homepage" rel="home">Home</a></li>
                       
                       
                                  
      
         
         
      

         
         <li id="nav_app_forums" class="left active"><a href="/forum" title="Go to Forums">Forums</a></li>
      

         
         <li id="nav_app_members" class="left "><a href="/#" title="Go to Members">Members</a></li>
      

         
         <li id="nav_app_calendar" class="left "><a href="/#" title="Go to Calendar">Calendar</a></li>
      

         
         <li id="nav_app_downloads" class="left "><a href="/#" title="Go to Downloads">Downloads</a></li>
      

         
         <li id="nav_app_blog" class="left "><a href="/#" title="Go to Blogs">Blogs</a></li>
      

         
         <li id="nav_app_nexus" class="left "><a href="/#" title="Go to Store">Store</a></li>
      

         
         <li id="nav_app_gallery" class="left "><a href="/#" title="Go to Gallery">Gallery</a></li>
      

         
         <li id="nav_app_ccs" class="left "><a href="/#" title="Go to Pages">Pages</a></li>
      
   
   
                           
                       
                   </ul>
            </div>
               
            
            
         </div>

                <div id="toggle_background"><div id="custom_background" class="clearfix"><div>
                    <span data-backgroundimage="background1" data-backgroundcolor="#211d1b" data-blurbackgroundcolor="#908e8d" style="background-image: url(http://www.ipbfocus.com/skindemo/public/style_images/snapshot/backgrounds/background1.jpg);"></span>
                    <span data-backgroundimage="background2" data-backgroundcolor="#c6cdd6" data-blurbackgroundcolor="#e3e6eb" style="background-image: url(http://www.ipbfocus.com/skindemo/public/style_images/snapshot/backgrounds/background2.jpg);"></span>
                    <span data-backgroundimage="background3" data-backgroundcolor="#e5dccb" data-blurbackgroundcolor="#f2eee5" style="background-image: url(http://www.ipbfocus.com/skindemo/public/style_images/snapshot/backgrounds/background3.jpg);"></span>
                    <span data-backgroundimage="background4" data-backgroundcolor="#1f5168" data-blurbackgroundcolor="#8fa8b4" style="background-image: url(http://www.ipbfocus.com/skindemo/public/style_images/snapshot/backgrounds/background4.jpg);"></span>
                </div></div></div>
            
            <div id="user_bar" class="clearfix">
            
            <div id="user_navigation" class="not_logged_in">
                    
                    <ul class="ipsList_inline">
                            <!-- BEGIN switch_user_logged_in -->
<li><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>
                              
                                 <li><a class="profilename" href="/profile?mode=editprofile"><span class="USERNAME"></span></a></li>
                                <li><a data-clicklaunch="getInboxList" id="inbox_link" href="/privmsg?folder=inbox" title="Leer Mensajes Privados"><img src="http://i56.servimg.com/u/f56/17/97/98/69/yymnyc10.png" alt=""></a></li>
                                <li><a id="notify_link" href="/search?search_id=watchsearch" title="Ver Todas las Notificaciones"><img src="http://i56.servimg.com/u/f56/17/97/98/69/gyfvip11.png" alt=""></a></li>
                                <li><a href="/login?logout">Cerrar Sesion</a></li>
<!-- END switch_user_logged_in -->
                        <!-- BEGIN switch_user_logged_out -->
                                <li>
                            <span class="services">
                                
                                
                                
                            </span>
                        <a onclick="jQuery('#document_modal').fadeToggle();" title="iniciar sesion" id="sign_in"><img src="http://i56.servimg.com/u/f56/17/97/98/69/user_l12.png"> Iniciar Sesion</a></li>
                        <li>
                          <a href="/register" title="crear cuenta" id="register_link"><img src="http://i56.servimg.com/u/f56/17/97/98/69/user_r12.png" alt=""> Crear Cuenta</a>
                        </li>
                                <!-- END switch_user_logged_out -->
                     </ul>
                  </div>
          
         
         
                         <div id="search" class="right">
   <form method="get" action="/search?search_where=11" id="search-box">
      <fieldset>
         <label for="main_search" class="hide">Search</label>
         
         <span id="search_wrap" class="right">
            <input type="text" id="main_search" name="search_keywords" class="" size="17" tabindex="100" placeholder="Search...">
            <span class="choice ipbmenu clickable" id="search_options" style="">Forums</span>
            
            <input type="submit" class="submit_input clickable" value="">
         </span>
        
      </fieldset>
   </form>
</div>

</div>
            
         <!-- ::: MAIN CONTENT AREA ::: -->
         <div id="content" class="clearfix">
            
            
            <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 -->
                                        <!-- BEGIN switch_user_logged_out -->
                                        <div class="guestMessage">
                         <div class="guestHeader">Welcome to IPBFocus Demo</div>
                             Register now to gain access to all of our features. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more. This message will be removed once you have signed in.<br>
                                          <a href="/login" class="guestButton">Login to Account</a> <a href="/register" class="guestButton">Create an Account</a>
                                 </div>
                                        <!-- END switch_user_logged_out -->
                                         <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: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 10000; opacity: 0.4; background-color: transparent ;"></div>
    <div id="sign_in_popup_popup" style="display:none; z-index: 10001; top: 25%; left: 24%; 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="ipsBox_notice">

    <ul class="ipsList_inline">
        <li>
            <!--

            <fb:login-button size="large" onlogin="window.loca…

            -->
            <a class="faceconnect" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}" v="2" href="/facebook_connect.forum">
            <img class="_4z_e img" src="https://fbstatic-a.akamaihd.net/rsrc.php/v2/yE/r/pO2d5bFWS8j.png" alt="" height="20" width="20">  Conectar</a>
        </li>
    </ul>

</div>
                
                
                    <div class="ipbfs_login_row">
                        <div class="ipbfs_login_col">
                          <span class="right desc lighter blend_links"><a href="/register" title="¡registrarse ahora!">¡Registrarse Ahora!</a></span>
                            <strong><label for="ips_username">Nombre de Usuario</label></strong>
                            <div class="ipsField_content">
                                <input type="text" tabindex="1" size="30" placeholder="Nombre 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">He olvidado mi contraseña</a></span>
                            <strong><label for="ips_password">Contraseña</label></strong>
                            <div class="ipsField_content">
                                <input type="password" tabindex="2" size="30" placeholder="Contraseña" 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>Recordame</strong>
                                    <span style="display: block; padding-top: 5px;" class="desc lighter">Esto no es recomendado para ordenadores compartidos</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 sesión de forma anónima</strong>
                                    <span style="display: block; padding-top: 5px;" class="desc lighter">No serás visible en la lista de usuarios activos</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">
      <!--
     #branding, #user_bar{
background: rgba(30,30,30,0.9);
background: -moz-linear-gradient(top, rgba(30,30,30,0.8) 0%, rgba(30,30,30,0.9) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,30,30,0.8)), color-stop(100%,rgba(30,30,30,0.9)));
background: -webkit-linear-gradient(top, rgba(30,30,30,0.8) 0%,rgba(30,30,30,0.9) 100%);
background: -o-linear-gradient(top, rgba(30,30,30,0.8) 0%,rgba(30,30,30,0.9) 100%);
background: -ms-linear-gradient(top, rgba(30,30,30,0.8) 0%,rgba(30,30,30,0.9) 100%);
background: linear-gradient(to bottom, rgba(30,30,30,0.8) 0%,rgba(30,30,30,0.9) 100%);
}
        .popupWrapper {
            background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
            border-radius: 5px 5px 5px 5px;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
            padding: 8px;
        }
        .ipbfs_login .ipsForm_submit {
            margin-top: 0;
        }
        .ipbfs_login .ipsBox_notice {
        margin: 0;
        }
        .ipbfs_login .input_submit {
            font-size: 13px;
        }
.faceconnect {
background: linear-gradient(#4C69BA, #3B55A0) repeat scroll 0% 0% transparent;
border-radius: 2px;
color: #fff !important;
display: inline-block;
font-size: 13px;
height: 27px;
line-height: 24px;
padding: 0px 6px;
transition: all 0.2s ease-in-out 0s;
white-space: nowrap;
text-shadow: 0px -1px 0px rgb(53, 76, 140);
font-family: 'Helvetica Neue',Helvetica,Arial,'lucida grande',tahoma,verdana,arial,sans-serif;
border-collapse: collapse;
border-spacing: 0px;
font-weight: bold;
border-color: #4C69BA;
vertical-align: top;
cursor: pointer;
}
        #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: url("http://i56.servimg.com/u/f56/17/97/98/69/highli12.png") repeat-x scroll 0 0 #646464;
            border-color: #3F3F3F;
            border-radius: 2px 2px 2px 2px;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
            color: #FFFFFF;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
            border: 0 none;
            cursor: pointer;
            padding: 5px 11px;
            text-decoration: none;
        }
        .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 -->                                      


Demonstração do resultado: http://cepheus.forumeiro.com/ (temporario)

Conteúdo patrocinado  • 

Design do fórum bugado. Empty Re: Design do fórum bugado.

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