Queria esse estilo de login

Qual é minha questão:
Olá, achei um estilo de login muito interessante e gostaria de colocar em meu fórum... dá uma olhada:



Onde vi esse efeito:

http://simplecheats.forumn.org/


Vlw..

Endereço do meu fórum:
http://xgamesaem.forumclan.com

Versão do fórum:
PHPBB3

Olá amigo, entrei na pagina que informou e cliquei em registrar e não apareceu isso..

é em LOGIN...

vlw..

Amigo, tente este JS

Código:

<![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');}   }//]]>

Olá,

Aconselho ler o tópico abaixo;
https://ajuda.forumeiros.com/t71833-tutorial-login-em-lightbox

Atenciosamente,
ShiroK

Esse eu já coloquei , mas achei meio simples, gostaria de colocar aquele da imagem a cima .. vlw... 

poderia mostrar a imagem de como ficou ?

vlw..

Olá,

Já tentou adicionar o código que o amigo passou?

Código:

$(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');}

Este fora o código que ele passou, aceda sua gestão de JavaScripts, coloque o código, e marque a opção ''Em todas as páginas''.

Atenciosamente,
ShiroK

esse estilo eu já tenho, o que eu queria é esse aqui:

Olá,

Continue com esse JavaScript que lhe passei, e crie outro agora, com o seguinte código;

Código:

jQuery(function(){jQuery('body').prepend('<div id="ajax_loading" style=""><img src="http://i.imgur.com/gygr8wi.gif" alt="Loading..."></div>');jQuery('a').click(function(){jQuery('#ajax_loading').slideDown();setTimeout('load()',5000)})});function load(){jQuery('#ajax_loading').slideUp('2000')}setTimeout('load()',5000);jQuery(document).on('ready',function(){jQuery('.avt_recent').prepend('<div class="avt-r"><div>');jQuery('.avt_recent .avt-r').each(function(){var profileUserURL=jQuery(this).parent().children('.recent_space').children('a:last').attr('href');jQuery(this).html('<a href="'+profileUserURL+'" class="avt-r-enlace"><img src="http://r26.imgfast.net/users/2617/31/90/74/avatars/1-40.png" alt="No Avatar" /></a>');jQuery(this).children('a').load(profileUserURL+' #profile_tabs p.short')})});$(function(g){var tg=document.getElementById('i_icon_mini_new_message');if(!tg)return;var mps=$(tg).attr("alt").match(/[0-9]+/);$('li a[href^="/privmsg"]').attr('data-counter',''+mps+'')});jQuery(document).ready(function(e){jQuery('.sceditor-group').after('<div class="sceditor-group"><button class="sceditor-button-scan" data-sceditor-command="scan" title="Scan" type="button"><img src="http://www.veryicon.com/icon/16/System/Crystal%20Clear%20Actions/Virus.png" alt="Procurar Vírus em Arquivos" title="Procurar Vírus em Arquivos" id="scan" data-sceditor-command="scan"></button></div>');jQuery('#scan .sceditor-button-scan').click(function(e){window.open('https://www.virustotal.com/','','height=500,width=1000')})});jQuery(document).ready(function(){if(jQuery('meta[http-equiv="refresh"]').length){location.href=jQuery('meta[http-equiv="refresh"]').attr('content').split('=')[1].replace('">','')}});

Marque a opção ''Em todas as páginas'', e valide!

Atenciosamente,
ShiroK

não resultou tbm...  

Bem amigo, creio que esse da imagem não serve para PHBB3 por que o fórum indicado é PUNBB e PUNBB tem esses negoço de edição de templates, etc..

mas meu tema é PunBB mesmo... vlw..

Bem, já que os dois códigos não funcionaram espere alguém que sabe :/

blz amigo, Obrigado..  

Up!  

Olá, alguém ajuda? vlw..    gostaria muito desse tipo de login.. vlw..

Boas caro aemdia

Para colocar esse tipo de login, deverá aceder aos templates do seu fórum e sustituir o "Overall_Header" por este aqui:

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 href="http://fonts.googleapis.com/css?family=Carrois+Gothic" rel="stylesheet" type="text/css" />
          <link href="http://fonts.googleapis.com/css?family=Signika:400,300" rel="stylesheet" type="text/css" />
          <link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css' />
            <link href='http://fonts.googleapis.com/css?family=Magra' rel='stylesheet' type='text/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');
        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}');
        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">
            <div class="pun">
              <div class="pun-intro-main">
                                          <div id="header_bar" class="clearfix">
                    <div id="user_navigation" class="not_logged_in">
                          <ul class="ipsList_inline right">
                              <!-- BEGIN switch_user_logged_out -->
                                                          <li><a onclick="jQuery('#document_modal').fadeToggle();" title="Sign In" id="sign_in"">Entrar</a></li>
                                                                          <!-- END switch_user_logged_out -->
                                                                          <li id="changebgapp"></li>
                                                          <!-- BEGIN switch_user_logged_out -->
                                                                          <li id="reg_link"><a href="/register">Registro</a></li>
                                                          <!-- END switch_user_logged_out -->                                
                          </ul>
                        </div>
                  </div>
                                          <div id="pun-intro" class="clearfix">
                  <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
<div id="pun-navlinks">
                    <ul class="clearfix">
                                                          <li><a href="/">Portal</a></li>
                                                          <li><a href="/forum">Foro</a></li>
                                                          <li><a href="/">Inicio</a></li>
                                                          <li><a href="/faq">Faq</a></li>
                    <li><a href="/memberlist">Miembros</a></li>
                                                          <!-- BEGIN switch_user_logged_out -->
                                                          <li><a onclick="jQuery('#document_modal').fadeToggle();" title="Sign In" id="sign_in">Entrar</a></li>
                                                          <li><a href="/register">Registro</a></li>
                                                          <!-- END switch_user_logged_out -->
                                                          <!-- BEGIN switch_user_logged_in -->
                                                          <li><a href="/profile?mode=editprofile">Perfil</a></li>
                                                          <li><a href="/privmsg?folder=inbox">Mensajería</a></li>
                                                          <li><a href="/login?logout">Salir</a></li>
                                                          <!-- END switch_user_logged_in -->
                                                          <li><a href="/search" onclick="showhide(document.getElementById('search_ipb')); return false;"><img src="http://i.imgur.com/aqii2fI.png" class="sprite icon_nav_search" /></a></li>
  </ul>
                  </div>
                                          <div id="search_ipb" style="display:none;top: 53px; left: -3px;"><form method="get" action="/search">
                                            <input type="text" name="search_keywords" style="width: 230px;" value="search..." onclick="if (this.value == 'search...') this.value = '';" onblur="if (this.value == '') this.value = 'search...';"/>
                                            <input type="submit" value="Buscar" onclick="document.searchform.google.value='';"/>
                                              </form></div>
                                            </div>
              
                                        <div class="maxtitleforum"> <!-- BEGIN switch_h1 -->
                  <div id="pun-title">{switch_h1.MAIN_SITENAME}</div>
                  <!-- END switch_h1 -->

                  <!-- BEGIN switch_desc -->
                  <p id="pun-desc">{switch_desc.SITE_DESCRIPTION}</p>
                  <!-- END switch_desc -->
                                          </div></div>

              
<div id="breadcrumb" class="clearfix">
              <div class="main_width">
                  <div class="crumb left">
                    
                        <a href="/"><span><!-- BEGIN switch_h1 -->{switch_h1.MAIN_SITENAME}<!-- END switch_h1 --></span></a>
                    </div>
                  <div class="social_media">
              <div class="social_links" id="icon_face">
        <a target="_blank" href="#"></a>
      </div>
  <div class="social_links" id="icon_twitter">
        <a target="_blank" href="#"></a>        
      </div>
  <div class="social_links" id="icon_plusg">
        <a target="_blank" href="#"></a>
      </div></div>
              </div>
            </div>
              <div id="page-body">
                  <!-- 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="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                    <div id="outer-wrapper">
                        <div id="wrapper">
                          <div id="container">
                              <div id="content">
                                <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 id="main">
                                    <div id="main-content">

<!-- BEGIN html_validation -->
                                    </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: #3E3E3E;"></div>
<div id="sign_in_popup_popup" style="display:none; position: absolute; top: 9%; left: 27%; z-index: 10001" class="popupWrapper">
  <div id="sign_in_popup_inner" class="popupInner" style="width: 600px; max-height: 641px;">
      <div style="" id="inline_login_form">
        <form id="login" method="post" action="/login.forum">
            <h3>Entrar</h3>
            <!-- BEGIN switch_fb_connect -->
            <div class="ipsBox_notice">
              <ul class="ipsList_inline">
                  <li>
                    <a class="ipsButton_secondary" href="/facebook_connect.forum" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">
                        <img alt="Facebook" src="http://i69.servimg.com/u/f69/16/62/61/50/facebo10.png">  Use Facebook
                    </a>
                  </li>
              </ul>
            </div>
            <!-- END switch_fb_connect -->
            <br>
            <div class="ipsForm ipsForm_horizontal">
              <fieldset>
                  <ul>
                    <li class="ipsField">
                        <div class="ipsField_content">
                          Precisa de uma conta? <a title="Registre-se agora!" href="/register">Registre-se agora!</a>
                        </div>
                    </li>
                    <li class="ipsField ipsField_primary">
                        <label class="ipsField_title" for="username">Usuário ou E-mail:</label>
                        <div class="ipsField_content">
                          <input type="text" tabindex="0" size="30" name="username" class="input_text" id="ips_username">
                        </div>
                    </li>
                    <li class="ipsField ipsField_primary">
                        <label class="ipsField_title" for="password">Senha</label>
                        <div class="ipsField_content">
                          <input type="password" tabindex="0" size="30" name="password" class="input_text" id="ips_password"><br>
                          <a title="Retrieve password" href="/profile?mode=sendpassword">Esqueci minha senha</a>
                        </div>
                    </li>
                    <li class="ipsField ipsField_checkbox">
                        <input type="checkbox" tabindex="0" class="input_check" value="1" name="autologin" checked="checked" id="autologin">
                        <div class="ipsField_content">
                          <label for="autologin">
                              <strong>Lembrar dados</strong><br>
                              <span class="desc lighter">Não recomendado para computadores públicos</span>
                          </label>
                        </div>
                    </li>
                    <li class="ipsPad_top ipsForm_center desc ipsType_smaller">
                        <a href="{FORUMURLINK}" rel="nofollow">Privacy Policy</a>
                    </li>
                  </ul>
              </fieldset>
              <div class="ipsForm_submit ipsForm_center">
                  <!-- <input type="submit" tabindex="0" value="Entrar" class="ipsButton"> -->
                  <input type="submit" tabindex="0" class="login-submit ipsButton" name="login" value="Entrar"/>
                  <input name="redirect" type="hidden" value="" /><br />
              </div>
            </div>
        </form>
      </div>
  </div>
  <div id="sign_in_popup_close" class="popupClose clickable">
      <img alt="x" src="http://i69.servimg.com/u/f69/16/62/61/50/close_10.png" onclick="sign_in_popup();">
  </div>
</div>
<script type="text/javascript">
  //<![CDATA[
  $(document).ready(function() {
      $('#user_navigation #sign_in').attr('href', '#').attr('onclick', 'sign_in_popup()');
      /*
      $('#user_navigation #sign_in').click(function() {
        sign_in_popup();
      });
      */
  });
  function sign_in_popup() {
      var x = document.getElementById('sign_in_popup_popup');
      if (x.style.display == 'none') {
        jQuery(x).add('#document_modal').fadeIn('slow');
        var r = x.getElementsByTagName('form')[0].redirect;
        r.value = window.location.href;
      } else {
        jQuery(x).add('#document_modal').fadeOut('slow');
      }
  }
  jQuery(function(){if(document.getElementById('logout')) document.getElementById('sign_in_popup_popup').style.display = 'none'; });
  //]]>
</script>
<style type="text/css">
  <!--
  .popupWrapper {background-color: rgba(70, 70, 70, 0.6);border-radius: 4px 4px 4px 4px;box-shadow: 0 12px 25px rgba(0, 0, 0, 0.7);padding: 4px;}
  .popupInner {background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);overflow-x: hidden;overflow-y: auto;width: 500px;}
  .popupInner h3 {background-color: #2C5687;background: url("http://www.autoitbrasil.com/public/style_images/master/maintitle.png") repeat-x scroll center top #2C5687;border-color: #316897;border-style: solid;border-width: 1px 1px 0;box-shadow: 0 1px 0 #528CBC inset;color: #FFFFFF;font-size: 16px;font-weight: 300;padding: 8px 10px 9px;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);}
  .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;}
  .ipsList_inline > li:last-child {margin-right: 0;}
  .ipsList_inline > li:first-child {margin-left: 0;}
  .ipsList_inline > li {display: inline-block;}
  .ipsForm_horizontal .ipsField {margin-bottom: 15px;}
  .ipsForm_horizontal .ipsField_content, .ipsForm_horizontal .ipsField_submit {margin-left: 200px;}
  .ipsForm_horizontal .ipsField_title {float: left;line-height: 1.8;padding-right: 15px;text-align: right;width: 185px;}
  .ipsField .ipsField_title {font-size: 15px;font-weight: bold;}
  .ipsField_primary input {font-size: 18px;}
  .input_text, .ipsTagBox_wrapper {background: none repeat scroll 0 0 #FFFFFF;border-color: #848484 #C1C1C1 #E1E1E1;border-radius: 2px 2px 2px 2px;border-style: solid;border-width: 1px;padding: 4px;}
  .input_text:focus {border-color: #4E4E4E #7C7C7C #A3A3A3;box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}
  input.inactive, select.inactive, textarea.inactive {color: #C4C4C4;}
  .ipsForm_horizontal .ipsField_checkbox {margin: 0 0 5px 200px;}
  .ipsForm .ipsField_checkbox input {float: left;margin-top: 3px;}
  .ipsForm .ipsField_checkbox .ipsField_content {margin-left: 25px;}
  .desc.lighter, .desc.lighter.blend_links a {color: #A4A4A4;}
  .ipsForm_center {text-align: center;}
  .desc, .desc.blend_links a, p.posted_info {color: #777777;font-size: 12px;}
  .ipsPad_top {padding-top: 9px;}
  .ipsType_smaller, .ipsType_smaller a {font-size: 11px !important;}
  .ipsForm_submit {background-color: #CCCCCC;background: -moz-linear-gradient(center top , #E4E4E4 0%, #CCCCCC 100%) repeat-x scroll 0 0 transparent !important;border-top: 1px solid #CCCCCC;margin-top: 25px;padding: 5px 10px;}
  .popupClose {position: absolute;right: 16px;top: 12px;}
  .clickable {cursor: pointer;}
  .topic_buttons li.important a, .topic_buttons li.important span, .ipsButton .important, .topic_buttons li a, .topic_buttons li span, .ipsButton{
      -moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background: url("http://www.autoitbrasil.com/public/style_images/master/topic_button.png") repeat-x scroll center top #212121;
      border-color: #212121;border-image: none;border-radius: 3px 3px 3px 3px;border-style: solid;border-width: 1px 1px 0;box-shadow: 0 1px 0 0 #5C5C5C inset, 0 2px 3px rgba(0, 0, 0, 0.2);color: #FFFFFF;cursor: pointer;display: inline-block;
      font: 300 12px/30px Helvetica,Arial,sans-serif;height: 30px;min-width: 125px;padding: 0 10px;text-align: center;text-shadow: 0 -1px 0 #191919;
  }
  .ipsButton_secondary {
      background-color: #DBDBDB;background: -moz-linear-gradient(center top , #F6F6F6 0%, #E5E5E5 100%) repeat-x scroll 0 0 transparent !important;border: 1px solid #DBDBDB;border-radius: 3px 3px 3px 3px;
      box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 0 rgba(0, 0, 0, 0.3);color: #616161;display: inline-block;font-size: 12px;height: 22px;line-height: 22px;padding: 0 10px;transition: all 0.2s ease-in-out 0s;white-space: nowrap;
  }
  -->
</style>
<!-- #endregion sign_in_popup -->


Notas:
- Se tiver algum javascript referente a caixa de login lightbox peço que desactive

- Se já tiver efectuado alguma alteração neste template envie-me o referido para eu editar

Funcionou? Cumprimentos

Olá amigo, ficou todo deformado o header,,.. vlw..   

@aemdia6

Olá, adicione o código abaixo em sua seção JavaScript com investimento em todas as páginas:

Código:


jQuery(function () {
    var oTarget = $('a[href="/login"]');
   
    oTarget.unbind();
    oTarget.off();
    oTarget.attr('href', '#').attr('onclick', "show_popup('sign_in_popup_popup');");
   
   
    var sHtml =
        '<div class="modal" id="document_modal" style="display: none;width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 10000; opacity: 0.4; background-color: rgb(62, 62, 62);"></div>' +
        '<div class="popupWrapper" id="sign_in_popup_popup" style="display: none;z-index: 10001; top: 25%; left: 24%; position: fixed;">' +
            '<div class="popupInner" id="sign_in_popup_inner" style="width: 600px; max-height: 641px;">' +
                '<div class="ipbfs_login" id="inline_login_form" style="">' +
                    '<form action="/login.forum" id="login" method="post" name="login">' +
                        '<h3>Entrar</h3>' +
                        '<div class="ipbfs_login_row">' +
                            '<div class="ipbfs_login_col">' +
                                '<span class="right desc lighter blend_links"><a href="/register" title="Registre-se agora!">Registre-se agora!</a></span><strong><label for="ips_username">Usuário</label></strong>' +
                                '<div class="ipsField_content">' +
                                    '<input class="input_text ipbfs_login_input ipbfs_luser" id="ips_username" name="username" placeholder="Nome de usuário" size="30" tabindex="1" type="text">' +
                                '</div>' +
                            '</div>' +
                            '<div class="ipbfs_login_col">' +
                                '<span class="right desc lighter blend_links"><a href="/profile?mode=sendpassword" title="Retrieve password">Esqueci minha senha</a></span><strong><label for="ips_password">Senha</label></strong>' +
                                '<div class="ipsField_content">' +
                                    '<input class="input_text ipbfs_login_input ipbfs_lpassword" id="ips_password" name="password" placeholder="Senha de usuário" size="30" tabindex="2" type="password"><br>' +
                                '</div>' +
                            '</div>' +
                        '</div>' +
                        '<div class="clearfix">' +
                            '<div class="ipbfs_login_col">' +
                                '<input checked="checked" class="input_check left" id="autologin" name="autologin" type="checkbox" value="1">' +
                                '<div style="padding-left: 20px;">' +
                                    '<label for="autologin"><strong>Lembrar dados</strong><span class="desc lighter" style="display: block; padding-top: 5px;">Não recomendado para computadores públicos</span></label>' +
                                '</div>' +
                            '</div>' +
                            '<div class="ipbfs_login_col">' +
                                '<input class="input_check left" id="anonymous" name="anonymous" type="checkbox" value="1">' +
                                '<div style="padding-left: 20px;">' +
                                    '<label for="anonymous"><strong>Login anônimo</strong><span class="desc lighter" style="display: block; padding-top: 5px;">Não me adicione na lista de membros ativos</span></label>' +
                                '</div>' +
                            '</div>' +
                        '</div>' +
                        '<div class="ipsForm_submit ipsForm_center clear" style="height: 29px;">' +
                            '<input class="input_submit" name="login" type="submit" value="Entrar"><input name="redirect" type="hidden" value="">' +
                        '</div>' +
                    '</form>' +
                '</div>' +
            '</div>' +
            '<div class="popupClose clickable" id="sign_in_popup_close"><img alt="x" onclick="show_popup(\'sign_in_popup_popup\');" src="http://i78.servimg.com/u/f78/18/17/62/92/close_10.png"></div>' +
        '</div>';

    var sCSS =
        '<style>' +
        '.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;' +
        '}' +
        '#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 {' +
            'background: url(http://i78.servimg.com/u/f78/18/17/62/92/highli10.png) repeat-x scroll 0 0 #282828;' +
            'border-bottom: 1px solid #2A2A2A;' +
            'font-size: 16px;' +
            'font-weight: 300;' +
            'padding: 8px 10px 9px;' +
            'text-shadow: 0 -1px 0 rgba(0,0,0,0.8);' +
            'border-width: 0 0 1px;' +
            'height: 21px;' +
            'margin-bottom: 0;' +
            'margin-top: -1px;' +
        '}' +
        '.border,.post_block,.ipsComment,.popupInner,.no_messages,.poll_question ol,.ipsBox_container,.ipsFloatingAction,.column_view .post_body {' +
            'background: none repeat scroll 0 0 #232323;' +
        '}' +
        '.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 #1F1F1F;' +
            'border-top: 1px solid #2C2C2C;' +
        '}' +
        '.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 50% !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 #393939;' +
            'border: 1px solid #575757;' +
            'box-shadow: 0 1px 4px rgba(0,0,0,0.2) inset;' +
            'color: #B7B7B7;' +
            'padding: 6px;' +
            'text-shadow: 0 -1px 0 rgba(0,0,0,0.3);' +
        '}' +
        '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 50%;' +
            'background-repeat: no-repeat;' +
        '}' +
        '.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: none repeat scroll 0 0 #282828;' +
            'border-top: 1px solid #373737;' +
        '}' +
        '.popupClose {' +
            'position: absolute;' +
            'right: 20px;' +
            'top: 20px;' +
        '}' +
        '.clickable {' +
            'cursor: pointer;' +
        '}' +
        '.input_submit,.ipsButton_secondary {' +
            'outline: medium none;' +
        '}' +
        '.input_submit {' +
            'background: url(http://i78.servimg.com/u/f78/18/17/62/92/highli11.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: #FFF;' +
            '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: 1em;' +
            'font-style: normal;' +
            'font-variant: normal;' +
            'font-weight: 400;' +
        '}' +
        'body {' +
            'color: #BCBCBC !important;' +
            'font: 11px tahoma,helvetica,arial,sans-serif !important;' +
        '}' +
        '</style>';
    jQuery(sCSS).insertBefore('body');
    jQuery('body').append(sHtml);
});

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');
   }
}


Nota: Eu não tive tempo para testar, mas na lógica irá funcionar sim, faça um teste ok?

Aguardo seu retorno,

JS

Funcionou, mas ficou todo deformado olha,,,

http://xgamesaem.forumclan.com/

vlw..

Ok, isso é via template estou a baixar ele agora me passe seu overall_header para mim fazer as alterações

Até

Olá, obrigado pelo o esforço pra ajudar..   

ai vai:

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');
         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}');
         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">
                          <div class="skinWrap">
                          <div class="above_body">
<div id="header" class="floatcontainer doc_header">
   <div class="headerBox">
          <a name="top" href="/forum" id="logo"><img src="http://1.bp.blogspot.com/-oCRo9s-5WX8/UyI4OfU4jwI/AAAAAAAAA9Q/2ktpwXW9E30/s1600/gamerlogo.png" alt="X Games AeM" title="X Games AeM"></a>
         <div id="loginBox">
            <div class="topWelcome">
   <!-- BEGIN switch_user_logged_out -->
                                  <strong>Bem vindo visitante,</strong> <a href="/register">essa é sua primeira visita?</a>  Torne-se um membro:
   <!-- END switch_user_logged_out -->
            </div>
   <!-- BEGIN switch_user_logged_out -->
            <div class="memberBox">
               <div class="memberBoxLeft"><div class="memberBoxRight">
   
      <form id="navbar_loginform" action="/login?redirect=/forum" method="post" name="form_login" id="login-vds">
               
      <ul>
        <li><span class="loginTxt">Login:</span></li>
                  <li class="inputPad"><div class="loginBoxInput"><input placeholder="Seu Login" class="loginInput default-value" type="text" size="10" name="username" /></div></li>
                  <li class="inputPad"><div class="loginBoxInput"><input placeholder="Sua Senha" class="loginInput default-value" type="password" size="10" name="password" /></div></li>
                  <li class="rememberMe"><label for="cb_cookieuser_navbar"><input type="checkbox" value="1" name="autologin" id="autologin" tabindex="4" class="checkbox" /> Salvar?</label></li>
                  <li class="submitPad"><input type="image" src="http://i15.servimg.com/u/f15/18/08/53/97/loginb11.gif" name="login" tabindex="104" value="Entrar" title="Digite seu nome de usuário e senha nas caixas apropriadas para conectar, ou clique no botão 'Registro' para criar um perfil para você." /></li>
      </ul>

      </form>
   
               </div></div>
            </div>   
   <!-- END switch_user_logged_out -->   
                          <!-- BEGIN switch_user_logged_in -->
                          <div class="topWelcome">
   
                
   
            </div>
                          <div class="memberBox">
               <div class="memberBoxLeft"><div class="memberBoxRight">
   
   <div id="toplinks" class="toplinks">
         <ul class="isuser">
            <li><a href="/login?logout"><img alt="" height="15" src="http://1.bp.blogspot.com/-opGw-gbAF5Y/UyKAoyyb9oI/AAAAAAAAA_g/iALkP0BfuNM/s1600/gg.png" width="15"/>Sair</a></li>
            <li><a href="/profile?mode=editprofile&page_profil=preferences"><img alt="" height="15" src="http://2.bp.blogspot.com/-RCyiXwS3NAE/UyJ_a4FWJJI/AAAAAAAAA_Y/bDNJQW1Hr_0/s1600/hk.png" width="15"/>Configurações</a></li>
                          <li><a href="/profile?mode=editprofile"><img alt="" height="15" src="http://4.bp.blogspot.com/-2R63vAvczds/UvPZi5D8lTI/AAAAAAAAKqw/n9zpm0GPu2c/s1600/user_add.png" width="15"/>Meu Perfil</a></li>
                          <li><a class="popupctrl" href="/privmsg?folder=inbox" id="yui-gen1"><img alt="" height="15" src="http://2.bp.blogspot.com/--FElM8X_RQ8/UvPbRfb27JI/AAAAAAAAKrA/W5kOLFLDMFw/s1600/exclamacao+c%C3%B3pia.png" width="15"/>Notificações</a></li>
            
            <li class="welcomelink">Bem-Vindo(a), <a href="/profile?mode=editprofile"><span class="USERNAME"></span></a></li>
         </ul>
           
               
   </div>
   
               </div></div>
            </div>
                          <!-- END switch_user_logged_in -->
         </div>
   
            <div class="searchBox">
               <h3>Pesquisar no fórum:</h3>
      <form action="/search?" method="post">
               <div class="searchBoxInput">
                  <input class="searchinput" type="text" name="search_keywords" maxlength="128" value="Buscar..." onfocus="if (this.value == 'type here...') this.value = '';" onblur="if (this.value == '') this.value = 'type here...';" />
                                        </div>
               <span class="searchButton">
                                          <input type="image" src="http://i15.servimg.com/u/f15/18/08/53/97/search10.gif" value="Search" alt="Submit" />
               </span>
              </form>
               <div class="searchBox_advanced_search">
                                          <a href="/search" accesskey="4">Pesquisa Avançada</a>
                      </div>
            </div>
   
         <div class="cvb_facebook">
            
            <ul>
               <li id="fb_headerbox">

                                          <a id="fb_loginbtn" href="#"><img src="http://i15.servimg.com/u/f15/18/08/53/97/facebo10.gif" alt="The Facebook Platform" title="The Facebook Platform" /></a>
</li>

            </ul>
            
         </div>

   <div id="navigation">
<div id="navbar" class="navbar">
<div class="navLeft"><div class="navRight">
   <ul id="navtabs" class="navtabs floatcontainer">
      
      
   <li id="vbtab_whatsnew">
      <a class="navtab" href="http://x-games-filmes-aem.blogspot.com.br/search/label/Jogos%20PC"><img border="0" src="http://2.bp.blogspot.com/--19dnN5gJLg/UyJmvTKHKaI/AAAAAAAAA-M/ysOrIxFVNM8/s1600/zaa.png" />PC</a>
      
   </li>

   <li id="vbtab_cms">
      <a class="navtab" href="http://x-games-filmes-aem.blogspot.com.br/search/label/PS1"><img border="0" src="http://1.bp.blogspot.com/-Mlp9j8Fn6xk/UyJnMYzEu-I/AAAAAAAAA-U/NPTZD462M6I/s1600/cb.png" />PS1</a>
      
   </li>

   <li id="vbtab_forum">
          <a class="navtab" href="http://x-games-filmes-aem.blogspot.com.br/search/label/PS2"><img border="0" src="http://1.bp.blogspot.com/-Mlp9j8Fn6xk/UyJnMYzEu-I/AAAAAAAAA-U/NPTZD462M6I/s1600/cb.png" />PS2</a>
   </li>

   <li id="vbtab_blog">
      <a class="navtab" href="http://x-games-filmes-aem.blogspot.com.br/search/label/PS3"><img border="0" src="http://1.bp.blogspot.com/-Mlp9j8Fn6xk/UyJnMYzEu-I/AAAAAAAAA-U/NPTZD462M6I/s1600/cb.png" />PS3</a>
      
   </li>
         
          <li id="vbtab_blog">
      <a class="navtab" href="http://x-games-filmes-aem.blogspot.com.br/search/label/PSP"><img border="0" src="http://1.bp.blogspot.com/-trzmDV6ZEWY/UyJohaVQgrI/AAAAAAAAA-g/uXGSWI4PWkA/s1600/fjhuj.png" />PSP</a>
      
   </li>
      
         
              <li id="vbtab_blog">
      <a class="navtab" href="http://x-games-filmes-aem.blogspot.com.br/search/label/XBOX%20360"><img border="0" src="http://1.bp.blogspot.com/-Ovum3RNuAxY/UyJpbg3wsLI/AAAAAAAAA-w/JGr48fGUkAs/s1600/gjj.png" />XBOX 360</a>
      
   </li>
         
            <li id="vbtab_blog">
      <a class="navtab" href="http://x-games-filmes-aem.blogspot.com.br/search/label/WII"><img border="0" src="http://4.bp.blogspot.com/-mLNtHnu2F64/UyJpDHITuDI/AAAAAAAAA-o/tAVUtUYFF6o/s1600/cbee.png" />WII</a>
      
   </li>
         
          <li id="vbtab_blog">
      <a class="navtab" href="http://x-games-filmes-aem.blogspot.com.br/"><img border="0" src="http://2.bp.blogspot.com/-bY4hE6P8El8/UyJrhB6o2WI/AAAAAAAAA-8/VAQpEpUrgtI/s1600/zxbg.png" height="15" width="15" />SITE</a>
      
   </li>
         
          <li id="vbtab_blog">
      <a class="navtab" href="http://x-games-filmes-aem.blogspot.com.br/p/parceria_2743.html"><img border="0" src="http://3.bp.blogspot.com/-FYDHGzPn-xg/UvPWcmzpQSI/AAAAAAAAKp4/V7A2v4V7c6c/s1600/user_manage.png" height="15" width="15" />PARCERIA</a>
      
   </li>
         
   </ul>
                                 
</div></div>
</div>
          <div id="pun-head">
                  <div id="pun-navlinks">
                     <ul class="clearfix">
                        <li>{GENERATED_NAV_BAR}</li>
                     </ul>
                  </div>
               </div>
</div>
      </div>
</div>
</div>
                          </div>
            <div class="pun">
                               
                                  <div id="breadcrumb" class="breadcrumb">
<div class="bcLeft"><div class="bcRight">
   <ul class="floatcontainer">
          <li class="navbithome"><a href="/forum" accesskey="1"><img src="http://i15.servimg.com/u/f15/18/08/53/97/navbit10.png" alt="Home" title="Home" /></a></li>

      
      
   <li class="navbit lastnavbit"><span>{L_INDEX}</span></li><li class="navbit lastnavbit"><span>{NAV_CAT_DESC}</span></li>
   </ul>
</div></div>
      </div>
                                <br /><div class="bread"></div>
               <div id="pun-intro" class="clearfix">
                  <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>

                  <!-- BEGIN switch_h1 -->
                  <div id="pun-title">{switch_h1.MAIN_SITENAME}</div>
                  <!-- END switch_h1 -->

                  <!-- BEGIN switch_desc -->
                  <p id="pun-desc">{switch_desc.SITE_DESCRIPTION}</p>
                  <!-- END switch_desc -->
               </div>
               <!-- 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="{ID_LEFT}">
                                    <!-- BEGIN giefmod_index1 -->
                                    {giefmod_index1.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                    <!-- END giefmod_index1 -->
                                 </div>
                                 <div id="main">
                                    <div id="main-content">

<!-- BEGIN html_validation -->
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</body>
</html>
<!-- END html_validation -->