SP-Design

Seja bem-vindo ao SP-Design. Aqui, lhe ajudaremos com o tema de seu Fórum/Blog/site, vocês poderão solicitar e fornecer ajuda a outros usuários sobre o design e estrutura, tanto grafica, tanto em css e templantes.


Regulamento e informações:      
Equipe SP-Design
Regras do fórum
Como entrar na equipe Staff
Seções do fórum:
Pedidos Graficos
Pedidos de Códigos
SP-Design e você
Antes de postar uma dúvida:
Função busca
Perguntas e respostas frequêntes
Tutoriais, dicas e astúcias
Feliz ano novo para você!
Leia a carta de boas festas da equipe SPD.
Área Vip, os códigos mais inovadores
Obtenha os códigos mais inovadores de nosso fórum, atraves de pontos de Cash.
Leia as Regras do SP-Design
Acabou de chegar? Para se "enturmar" rapidamente leia as regras desse fórum.
Tutoriais e Dicas
Veja aqui nossos tutoriais inéditos, e muitos outros tutoriais sobre Design.
Publique no SPublicidade
Publique, peça opinião de pessoas experientes, divulgue o seu trabalho com o SPublicidade
Modifique o visual do seu fórum
Dúvidas sobre códigos HTML, CSS, BBCode e JQuery. Também, poderá tirar dúvidas sobre Templantes.
Faça Pedidos Gráficos para seu fórum
Este é um serviço gratuito para customização e criação de banners, logos, avatares, ícones...
Novo Administrador na comunidade
Pro Administradores adicionam novo administrador na equipe SPD.

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

Maxinho

Maxinho
sou nível 10

Ter 06 Nov 2012, 9:07 am

Olá galera eu quero ajudar a spdesigner como não sou bom com códigos resolvi colocar aqui essa skin é uma skin bonita e em português eu coloquei uns códigos extras nela mais não vou compartilhar com vocês por que precisa de javascript.
Lembrando que tem que ser obrigatoriamente fórum punbb

Demo: spdesigner-demos
Créditos: vBulletin
Tradução: Max Kyle

1º- Vá em Visualização Seta Templetes Seta Geral

procure por overall_header e clique nesse ícone [skin] Game Maker Center Editer vai aparecer uma caixa apague tudo e cole este código:

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 -->
</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 -->
<div id="topBar"><div class="pageWrap">
      <div class="searchBox">
       
        <!-- search form -->
            <form class="navbar_search" id="navbar_search" method="get" action="/search">
        <input type="hidden" value="searchbox" name="mode">
                          <input type="hidden" value="posts" name="show_results" id="rposts">
                            <input type="hidden" checked="checked" value="topics" name="show_results" id="rtopics">
       
            <input type="hidden" name="securitytoken" value="guest">
            <input type="hidden" name="do" value="process">
              <ul>
                        <li><div class="searchInputBox"><input class="searchInput" type="text" name="search_keywords" tabindex="1004" value=""></div></li>
                  <li><input type="image" src="http://i40.servimg.com/u/f40/17/80/33/23/pesq10.png" value="Search" alt="Submit" tabindex="100"></li>
              </ul> 
            </form>
        <!--/ search form -->
       
      </div>
 
              <!-- BEGIN switch_user_logged_out -->
                                 
                                  <a href="/register" rel="nofollow" class="registerButton"><img src="http://i44.servimg.com/u/f44/17/54/51/93/reg10.png" alt="Register" title="Registra-se"></a>
                                  <!-- END switch_user_logged_out -->
                                    <script type="text/javascript">
    <!--
      var vsk_only = false;
      var vsk_allpassword = true;
    // -->
    </script><script type="text/javascript"  src="http://ranhlamnghiep.googlecode.com/files/vsk_keyboard.js"></script>
                                  <!-- BEGIN switch_user_logged_in -->
                                    <a href="/login?logout" rel="nofollow" class="registerButton"><img src="http://i44.servimg.com/u/f44/17/54/51/93/sadasd10.png" alt="Register" title="Sair"></a>
  <!-- END switch_user_logged_in -->
 

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

  <div class="minwidth_IE">
      <div class="layout_IE">
        <div class="container_IE">
                          <div class="pun">
<div id="pageWrapper">
  <div class="pageTop">
        <div class="above_body"> <!-- closing tag is in template navbar -->
        <div id="header" class="floatcontainer doc_header">
          <a name="top" href="/forum" id="logo"><img src="http://i40.servimg.com/u/f40/17/80/33/23/test10.png" alt="Game Maker Center - Template by Max Kyle" title="Game Maker Center - Template by Max Kyle"></a>
           
            <div id="memberBox"><div class="memberBox">
              <div class="memberBoxLeft"><div class="memberBoxRight">
                  <h3>Membro Conectado</h3>
                  <!-- login form -->
                <!-- BEGIN switch_user_logged_out -->
<form action="/login" method="post" name="form_login"><div class="user_login_form center"><p><label><span class="genmed" style="color: #3A3A3A; font-weight: bold">conta :</span><input type="text" class="postx" size="10" name="username"></label> <label class="Rlogin"><input type="checkbox" class="radio" name="autologin" checked="checked"><span class="gensmall" style="color: #3A3A3A; font-weight: bold">Lembra-se de min?</span></label></p><p><label><span class="genmed" style="color: #3A3A3A; font-weight: bold">Senha : </span><input type="password" class="postx" size="10" name="password"></label><label class="Rlogin"><input type="submit" class="mainoption" name="login" value="Entrar"></label></p></div><script type="text/javascript">document.write('<input type="hidden" name="redirect" value="' + location.href + '" />')</script><input type="hidden" name="redirect" value="http://makercenter.forumeiros.com/"></form>
                  <!-- END switch_user_logged_out -->
  <script type="text/javascript">
    <!--
      var vsk_only = false;
      var vsk_allpassword = true;
    // -->
    </script><script type="text/javascript"  src="http://ranhlamnghiep.googlecode.com/files/vsk_keyboard.js"></script>
      <!-- / login form -->
                  <!-- BEGIN switch_user_logged_in -->
<ul><li>Você encontra-se conectado como {username}</li></ul>
<!-- END switch_user_logged_in -->
      <!-- / login form -->
              </div></div>
            </div></div>
           
        </div>


  <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://makercenter.forumeiros.com/search?search_id=newposts">Post's do dia</a>
     
  </li>

  <li id="vbtab_cms">
      <a class="navtab" href="http://makercenter.forumeiros.com/f1-regras-staff?tt=1">Regras</a>
     
  </li>

  <li class="selected" id="vbtab_forum">
    <a class="navtab" href="/forum">Forum</a>
     
        <ul class="floatcontainer">
                          <li>{GENERATED_NAV_BAR}</li>
        </ul>
     
  </li>

  <li id="vbtab_blog">
      <a class="navtab" href="http://makercenter.forumeiros.com/f3-parcerias?tt=1">Parcerias</a>
     
  </li>

     
  </ul>
  </div></div>
</div>
</div><!-- closing div for above_body -->
        <div id="welcomeBox">
            <h2>Seja bem-vindo ao Game Maker Center Divirta-se!!!</h2>

              <p>Se esta é sua primeira visita certifique-se de
      Confira o <a href="faq.php?" target="_blank"><b>FAQ</b></a> Clicando no link acima. Você pode ter que <a href="register" target="_blank"><b>registra-se</b></a>

      Antes que você pode postar: Clique no link de registro para prosseguir.</p>

        </div>
        <div class="welcomeBoxBottom"><div class="welcomeBoxBL"><div class="welcomeBoxBR"></div></div></div>
      </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="breadcrumb" class="breadcrumb">
  <div class="bcLeft"><div class="bcRight"><div class="bcBody">
  <ul class="floatcontainer">


     
     
  <li class="navbit lastnavbit"><a href="/forum" accesskey="1"><img src="http://www.completevb.com/demovb4/images/styles/lifeElement/misc/navbit-home.png" alt="Home" title="Home"></a><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></li>
  </ul>
  <hr>

  </div></div></div>
</div>
                                                         
                                                        <div id="contentMain"><div class="contentWrap">
        <div class="contentLeft"><div class="contentRight">
            <div class="contentTL"><div class="contentTR"><div class="contentBL"><div class="contentBR">
              <div class="contentBodyWrap">

<div class="body_wrapper1">

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


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


e salve, no meu geralmente quando salva o overall_header fica tudo branco volte a pagina duas vezes e aperte nesse ícone [skin] Game Maker Center Ajouter

agora procure por index_body e clique nesse ícone [skin] Game Maker Center Editer apague tudo e cole esse código:

Código:
{JAVASCRIPT}
<!-- BEGIN giefmod_index1 -->
                                    {giefmod_index1.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                    <!-- END giefmod_index1 -->
                               
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
  <ul>
        <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
        <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
      <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
      <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
  </ul>
  <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
  <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<!-- BEGIN message_admin_index -->
<div class="main">
  <!-- BEGIN message_admin_titre -->
  <div class="main-head">
      <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
  </div>
  <!-- END message_admin_titre -->

  <!-- BEGIN message_admin_txt -->
  <div id="pun-announcement">
      <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
  </div>
  <!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->


<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label> 
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> 
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
  </div>
</form>
</div>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
<table width="100%"><tbody><tr><td width="90%" valign="top">
  {BOARD_INDEX}</td>
  <td width="30%" valign="top">
      <div id="sidebar_home">
  <div id="sidebar_container">
      <ul id="sidebar">
<li><div class="block smaller"><div class="blocksubhead"><a class="collapse" id="collapse_block_newthreads_1" href="#top"><img alt="" src="" id="collapseimg_newthreads_1"></a><span class="blocktitle">Eventos Em Distaque</span></div>   
<div class="widget_content blockbody floatcontainer">
  <a href="http://makercenter.forumeiros.com/t13-super-evento"> <img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px">Super Evento</a><br/>
  <a href="http://makercenter.forumeiros.com/t5-evento-staff"> <img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px">Evento Staff</a><br/>
 
</div></div><div class="underblock"></div></li>
<li><div class="block smaller"><div class="blocksubhead"><a class="collapse" id="collapse_block_newthreads_1" href="#top"><img alt="" src="" id="collapseimg_newthreads_1"></a><span class="blocktitle"> Últimos Conectados </span></div>   
<div class="widget_content blockbody floatcontainer">
          <style>#topp img {height: 35px;width: 35px;background-color: #FCFCFF;padding: 2px;border: 1px solid #CCC;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;}#topp {text-align: left;width: 175px;}#topp a span{display:none;}#topp a:hover span {display: inline;position: absolute;padding: 5px;border: 1px solid white;border-radius: 1px;background: rgba(0, 0, 0, 0.8);box-shadow: 0 0 4px #333;color: white !important;font-size: 10px;}</style><div id="topp"></div><script>jQuery("#topp").load("/memberlist?mode=lastvisit&order=DESC&submit=Ok&username td.avatar-mini a:lt(16)");</script>
</div></div><div class="underblock"></div></li>
  <li><div class="block smaller"><div class="blocksubhead"><a class="collapse" id="collapse_block_newthreads_1" href="#top"><img alt="" src="" id="collapseimg_newthreads_1"></a><span class="blocktitle">Parceiros</span></div>   

<a href="http://hypergta.blogspot.com.br/"><img src="http://i.imgur.com/F9Szb.png" /></a>

</div></div><div class="underblock"></div></li>
    </ul></div></div></div></td></tr></tbody></table>
      <br/>      <br/> 


<!-- BEGIN disable_viewonline -->
<div class="tcatBar">
  <div class="tcatLeft"><div class="tcatRight foruminfo L1 collapse">
      <h2>
      <span class="forumtitle">ESTATÍSTICAS</span>
      </h2>
  </div></div>
</div>
<div id="wgo" class="collapse wgo_block block">
<div class="blockbody formcontrols floatcontainer">
<div id="wgo_onlineusers" class="wgo_subblock section">
<h3 class="blocksubhead"><img src="http://i40.servimg.com/u/f40/17/50/76/58/users_10.png" alt="Currently Active Users" title="Currently Active Users"> Quem está online ?</h3><div><p class="gensmall"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}</span></p></div></div><!--
 endlogged-in users --><div id="wgo_stats" class="wgo_subblock section"><h3 class="blocksubhead"><img src="http://forum.vipautopro.com/images/styles/ShinyBlue/misc/forum_stats.png" alt=" Statistics" title=" Statistics"> Estatísticas do fórum</h3><div><p class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}</p></div></div>

<div id="wgo_stats2" class="wgo_subblock section"><h3 class="blocksubhead"><img src="http://i40.servimg.com/u/f40/17/50/76/58/users_10.png" alt="ALS Statistics" title="ALS Statistics"> Membros estatísticas</h3><div><table class="smallfont" id="dd4all"><tbody>{L_CONNECTED_MEMBERS}

                         
  {L_WHOSBIRTHDAY_TODAY}
  {L_WHOSBIRTHDAY_WEEK}</tbody></table></div></div>

<div id="wgo_legend" class="wgo_subblock section"><h3 class="blocksubhead"><img src="http://i967.photobucket.com/albums/ae153/ligerv/ligg/legend.png" alt="Legend" title="Legend">Legend . Chatbox . Icon</h3><div><p class="gensmall"><!-- BEGIN switch_chatbox_activate -->
   
            <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST} <br />
                <!-- BEGIN switch_chatbox_popup -->
                <div id="chatbox_popup"></div>
                <script type="text/javascript">
                //<![CDATA[
                insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
                //]]>
                </script>
                <!-- END switch_chatbox_popup -->
            </span>
       
    <!-- END switch_chatbox_activate --></p><p class="gensmall">{GROUP_LEGEND}</p><p class="gensmall" style="margin-left:20px"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}"width="16" /> Novas Mensagens<br><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}"width="16" /> Não há novas mensagens<br><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}"width="16" /> Fórum Bloqueado<br></p></div>
<!-- END disable_viewonline -->

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label> 
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> 
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
  </div>
</form>
<!-- END switch_user_login_form_footer -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_legend -->
<ul id="pun-legend">
  <li>
      <img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS}
      <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS}
      <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {L_FORUM_LOCKED}
  </li>
</ul>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
  appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
  oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->
  </div>
<style type="text/css">
/* Sidebar--------------------------------------------------- */
#sidebar_container{float:right;width:180px;margin-bottom:3em;padding:17px 0}
#sidebar_container > ul{background:#ECF1E2 url(http://i34.servimg.com/u/f34/15/64/85/86/top-hi10.png) repeat-x left top;border:1px solid #D2DBC0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:-2px 2px 2px #C8C8C8;-webkit-box-shadow:-2px 2px 2px #C8C8C8;box-shadow:-2px 2px 2px #C8C8C8;float:left;width:100%;list-style:none;padding:0}
#sidebar_container .block{margin-bottom:4px;border-top-right:5px;border-top-left:5px;padding:6px}
#sidebar_container .blocksubhead{background:transparent none;height:16.76px;color:#424242;border:none;outline:none;font-weight:700;padding:5px 6px}
#sidebar_container a.collapse{position:static}
#sidebar_container .blocksubhead a img{vertical-align:middle;float:right}
.widget_content{color:#424242;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#FFF url(http://i34.servimg.com/u/f34/15/64/85/86/gradie10.png) repeat-x;border:1px solid #DADADA;_background-image:none;padding:10px 6px}
#sidebar_container .blockbody{color:#424242;border:1px solid #DADADA;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#FFF;_background-image:none;padding:0}
#sidebar_container .underblock{height:9px;background:transparent url(http://i34.servimg.com/u/f34/15/64/85/86/bottom10.png) repeat-x left bottom}
/* Sidebar--------------------------------------------------- */
</style>


salve e clique no [skin] Game Maker Center Ajouter quando você salvar e visualizar seu template vai ter aparecido uns Widgets para encontra-los e apaga-los precisa entender de html e para acha-los basta procurar seus títulos na caixa do index_body

agora edite index_box que fica em baixo de index_body apague tudo e cole isto:

Código:
<div class="pun-crumbs">
  <p class="crumbs"><a href="{U_INDEX}" original-title="{L_INDEX}<strong>{NAV_CAT_DESC}</strong>">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">

<!-- BEGIN catrow -->
 


  <!-- BEGIN tablehead -->
  <div class="tcatBar">
  <div class="tcatLeft"><div class="tcatRight foruminfo L1 collapse">
      <h2>
  <span class="forumtitle"><a href="#top"><font color="#546C7E">{catrow.tablehead.L_FORUM}</font></a>
      </span>
       
     
      </h2>
    <div class="collapse tcatCollapse"><a class="thuvao" style="display:none"><img src="http://www.completevb.com/demovb4/images/styles/lifeElement/buttons/collapse_tcat.png"/></a><a class="mora"><img src="http://www.completevb.com/demovb4/images/styles/lifeElement/buttons/collapse_tcat_collapsed.png"/></a></div>
  </div></div>
</div>
  <div class="forumbitBody">
<div class="thead_bar">
  <div class="theadrow table">
      <div class="foruminfo td">
        <div class="forumdata">

            <div class="datacontainer">
            Titulo
            </div>
        </div>
      </div>
      <div class="forumactionlinks td">
         
      </div>
      <div class="forumstats td" align="center">

         
      </div>
      <div class="forumlastpost td">
        Ultimo post
      </div>

  </div>
</div>
  <div class="main-content"><table class="table" cellspacing="1" cellpadding="5" border="0"><tbody class="statused">
                  <!-- END tablehead -->

  <!-- BEGIN forumrow -->
                  <tr>
 <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: 62px;">
                    <span class="status" style="margin-right: -42px; margin-left: -52px ">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                    </span>







                    <h{catrow.forumrow.LEVEL} class="hierarchy">    <a class="forumtitle" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a> </h{catrow.forumrow.LEVEL}>
                    <br />
<!-- BEGIN switch_moderators_links -->
                   
                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                    <!-- END switch_moderators_links -->

 {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                <span style="float: left; margin: 15px 0px 0px 10px; width: 75%;">

  {catrow.forumrow.FORUM_DESC} 

</span>



<!-- BEGIN switch_moderators_links -->
                    <br />

                    <!-- END switch_moderators_links -->
                    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                    <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>

                                                            <td class="tc2">


                                                                                      {catrow.forumrow.TOPICS}
                                      <strong> Topicos</strong>
                      <p>{catrow.forumrow.POSTS}<strong> Mensagens</strong></p>


                    </td>
                                           
                  <td class="tcr">
                    <span>
                                                                              <div id="forums-stats">
                    <!-- BEGIN switch_topic_title -->
                                                                                <div class="test">
                    <a href="{catrow.forumrow.U_LATEST_TOPIC}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                                                                                </div>
                                                                                  <!-- END switch_topic_title -->
                    {catrow.forumrow.USER_LAST_POST}
                        </div>
                                                          </span>
                                                 
                  </td>
             
              </tr>
  <!-- END forumrow -->
  <!-- BEGIN tablefoot -->
        </tbody>                                          </table> </div>
  <div class="bottomBar"><div class="bottomBarLeft"><div class="bottomBarRight"> </div></div></div>
  </div>
  <!-- END tablefoot -->
<!-- END catrow -->

</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
  <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
  </ul>
  <!-- BEGIN switch_delete_cookies -->
  <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
  </p>
  <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->
                                         
                                         
                                         
                                     
 
                                          <script type="text/javascript">
$(".subforumFMvi a").each(function () {
  $(this).replaceWith('<option value="' + $(this).attr("href") + '">|-- ' + $(this).text() + '</option>');
});
$(".subforumFMvi option").each(function () {
  $(this).appendTo($(this).parent().prev())
});
$(".subforumFMvi").each(function () {
  if ($(this).text() == "") {
      $(this).prev().remove();
      $(this).remove();
  } else {
      $(this).prev().show()
  }
});
</script>
              <style>



/* bảng thống kê vbb */
.wgo_block {
margin: 0;
}
.wgo_block {
display: block;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
-moz-box-shadow: -2px 0px 2px #C8C8C8;
-webkit-box-shadow: -2px 0px 2px #C8C8C8;
box-shadow: -2px 0px 2px #C8C8C8;
margin-bottom: 0px;
}
.block {
background: transparent none;
clear: both;
padding: 0;
color: ;
font: ;
}
#forums *, #wgo *, #forumbits * {
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
}
.wgo_block .blockbody {
border: 1px solid #C4C4C4;
background: #FDFEFF url(http://forum.vipautopro.com/images/gradients/gradient-greytowhite.png) repeat-x;
_background-image: none;
    width: 100%;
}
.formcontrols {
border-right: 1px solid #B9C4CD;
border-left: 1px solid #B9C4CD;
border-bottom: 1px solid #B9C4CD;
}
.wgo_block .section {
display: block;
padding: 0 0 0.5em;
font: 12px;
color: #3E3E3E;
clear: both;
width: 100%;
background: #FDFEFF url(http://forum.vipautopro.com/images/styles/ShinyBlue/style/forumRowBG.gif) repeat-x left bottom;
font-size: 9pt;
}
.formcontrols > :first-child, .formcontrols .blocksubhead + .blockrow, .formcontrols .section .blockrow:first-child {
border-top: none;
}
.wgo_block .section div, .wgo_block .section ol {
padding-left: 20px;
}
.blocksubhead {
font: normal 12px;
color: #3E3E3E;
background: #E9E9E9 none repeat-x;
padding: 4px 10px 4px 10px;
border-top: 1px solid #CECECE;
}
.wgo_block .blocksubhead {
font: normal 13px;
color: #3E3E3E;
background: transparent;
}

.floatcontainer::after, .formcontrols .blockrow::after, dl.stats::after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
    }</style>
<script type="text/javascript">//<![CDATA[
$(function(){$(".mora").click(function(){$(this).hide().prev().show();$(this).parents(".tcatBar").next().slideToggle("slow").next().slideToggle("fast");});$(".thuvao").click(function(){$(this).hide().next().show();$(this).parents(".tcatBar").next().slideToggle("slow").next().slideToggle("fast");});});//]]></script>
<style>.test{
line-height: 16.1px;
position: relative;
  }</style>


como antes salve e clique no [skin] Game Maker Center Ajouter

agora edite overall_footer_end que fica em cima de overall_header apague tudo e cole isso:

Código:
<!--carregando-->
 <script type='text/javascript'> window.onload = detectarCarga;
 function detectarCarga() {
 document.getElementById("imgLOAD").style.display="none";
 document.getElementById("WholePage").style.display="";
 
}
 </script> <div id="imgLOAD" align="center" style="position:fixed;top:40%;left:45%;padding:10px;background-color: #FFFFFF; filter: alpha(opacity=70); opacity: .7; width: 150px; height: 40px; z-index: 1; border-collapse: collapse" bordercolor="#006600" border="1">              <b>Carregando...</b><br><img border="0" src="http://i31.servimg.com/u/f31/17/41/76/40/loadin10.gif"></div>
<!--carregando-->

<!-- BEGIN html_validation -->
<!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">
<body>
<div>
  <div>
      <div>
        <div>
            <div>
              <div>
                  <ul>
                    <li>
<!-- END html_validation -->
                    </li>
                  </ul>
                  <!-- BEGIN switch_footer_links -->
                  <ul>
                    <li>
                        <!-- BEGIN footer_link -->
                          <!-- BEGIN switch_separator --> | <!-- END switch_separator -->
                          {switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                        <!-- END footer_link -->
                    </li>
                  </ul>
                  <!-- END switch_footer_links -->
              </div>
              <br />
              <p class="center">
                  <strong>{ADMIN_LINK}</strong>
              </p>
            </div>
            {PROTECT_FOOTER}
        </div>
      </div>
  </div>
</div>

<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
  appId: '{switch_facebook_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
  oauth: true
});
//]]>
</script>
<!-- END switch_facebook_login -->

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
  if ($('a#logout'))
  {
      var lien_redir = $('a#logout').attr('href');

      if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
      {
        document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
      }
  }
});

$(document).ready( function() {
  $('a#logout').click( function() {
      FB.logout();
  } );
} );
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
  fa_endpage();
//]]>
</script>
 
</body>
</html>
</div></div></div></div></div></div></div></div></div></div>
<div id="footerNav">
        <div class="footerNavLeft"><div class="footerNavRight clearfix">
            <a href="forum.php" id="footerLogo"><img src="http://www.completevb.com/demovb4/images/styles/lifeElement/style/footerLogo.png" alt="CompletevB Demo vB4 - Powered by vBulletin"></a>
                        <ul>
                          <li><a href="/u1" rel="nofollow" accesskey="9">Contato</a></li>
                          <li><a href="http://www.completevb.com">Demo vB4</a></li>
                         
                         
                          <li><a href="/forum">Arquivos</a></li>
                         
                         
                         
                          <li class="nobg"><a href="forum.php?styleid=71#top" onclick="document.location.hash='top'; return false;">Topo</a></li>
                        </ul>             
        </div></div>
      </div>
  <div id="footerMain">
        <a href="forum.php?styleid=71#top" onclick="document.location.hash='top'; return false;" class="backTop">Voltar ao Topo</a>
        <div class="copyright">
                          <font color="green">Template By <a href="http://makercenter.forumeiros.com/u1">MaxKyle</a></font> 
            <!-- Do not remove this copyright notice -->
            Alimentado por <a href="https://www.vbulletin.com" id="vbulletinlink">vBulletin®️</a> Versão 4.2.0 <br>Copyright ©️ 2012 vBulletin Solutions, Inc. All rights reserved.
            <!-- Do not remove this copyright notice --> 
            <!-- Do not remove cronimage or your scheduled tasks will cease to function -->
            <img src="http://www.completevb.com/demovb4/cron.php?rand=1349520337" alt="" width="1" height="1" border="0">
            <!-- Do not remove cronimage or your scheduled tasks will cease to function -->
                <a href="http://www.completevb.com" target="_blank">vBulletin skins</a> by CompleteVB
        </div>
      </div>


salve e aperte no [skin] Game Maker Center Ajouter

se você visualizar seu fórum vai ver que fico estranho por que ta faltando o css vá em:
Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo css
cole esse css: (o css ultrapassa o limite autorizado então coloquei ele abaixo como resposta)



Última edição por Max][Kyle em Ter 06 Nov 2012, 10:31 am, editado 2 vez(es)

Maxinho

Maxinho
sou nível 10

Ter 06 Nov 2012, 9:07 am


Código:
body {
background: #E6EAEF url(http://www.completevb.com/demovb4/images/styles/lifeElement/style/pageBG.gif) repeat-x left top;
}


.nav{
    font-weight: bold;
    font-size: 11px;
    color : transparent;
    }
span a.nav,.albumframe a.nav{font-weight: bold;
    font-size: 11px;
    background: none;padding: 0px;}
a.nav,span.nav a.nav{
    text-decoration: none;
  color: #2EB300;
background-image: url(/users/2211/12/43/96/album/tai_xu10.png);
background-position: left center;
background-repeat: no-repeat;
padding-right: 0px;
padding-left: 15px;
    }
.main .main-head ,.main-foot {
background-image: url(http://i38.servimg.com/u/f38/16/88/93/84/tuan10.jpg);
}
.pun .main table td.tc2,.pun .main table td.tc3,.pun .main table td.tcl,.pun .main table td.tcr  {
background:#FAFAFA url(http://i48.servimg.com/u/f48/15/98/03/89/grey-u10.png) bottom repeat-x;
border-left:none;
}
.foruminfo td {
background:#FAFAFA url(http://i48.servimg.com/u/f48/15/98/03/89/grey-u10.png) bottom repeat-x;
border-left:none;
}
/* Page Wrapper
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body {
  width:auto;
  min-width:990px;
  max-width:auto;
  margin: 0;
}
#pageWrapper, .pageWrap {
  width:auto;
  margin:0px 50px 0px 50px;
}
.pageTop, .pageWrap {
  padding:0 4px;
}
.pageWrap {
  position:relative;
}

/* Top Bar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#topBar {
  background:url(http://www.completevb.com/demovb4/images/styles/lifeElement/style/topBarBG.gif) repeat-x top left;
  height:47px;
}
.searchBox {
  background:url(http://www.completevb.com/demovb4/images/styles/lifeElement/style/searchBG.gif) no-repeat left;
  float:left;
  height:31px;
  padding-left:33px;
  position:absolute;
  top:5px;
  left:2px;
z-index: 999;
}
.searchBox ul {
  list-style:none;
  padding:0;
  margin:0;
}
.searchBox li {
  float:left;
  margin:0;
  padding-right:7px;
}
.searchInputBox {
  background: url(http://www.completevb.com/demovb4/images/styles/lifeElement/style/searchInput.gif) no-repeat top left;
  width:186px;
  height:31px;
  float:left;
}
.searchInput {
  background:transparent;
  border:0;
  color: #959595;
  padding:0 8px;
  width:170px;
  height:31px;
  line-height:31px;
  margin:0;
}
.registerButton {
  position:absolute;
  top:7px;
  right:5px;
}

/* Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.above_body {
  background:none;
}
.doc_header {
  background:url(http://www.completevb.com/demovb4/images/styles/lifeElement/style/headerBG_left.jpg) no-repeat top left;
  height:114px;
  position:relative;
}
#logo {
  position:absolute;
  top:0;
  left:0;
}
#memberBox {

  padding:11px 0 0 4px;

  float:right;
  color:#333f4d;
}
#memberBox h3 {
  padding:0 0 4px 0;
  margin:0;
  color:#333f4d;
  font-size:15px;
  font-weight:700;
  text-transform:uppercase;
}
.memberBox {
  background:url(http://www.completevb.com/demovb4/images/styles/lifeElement/style/memberBoxBG.png) repeat-x top left;
  height:94px; 
}
.memberBoxLeft {
  background:url(http://www.completevb.com/demovb4/images/styles/lifeElement/style/memberBoxLeft.png) no-repeat top left;
  height:94px;
}
.memberBoxRight {
  background:url(http://www.completevb.com/demovb4/images/styles/lifeElement/style/memberBoxRight.png) no-repeat top right;
  height:74px;
  padding:10px 14px; 
}
#memberBox ul {
  list-style:none;
  padding:0;
  margin:0;
}
#memberBox li {
  float:left;
}
.memberBox {
  float:left;
}
.memberBox ul {
  list-style:none;
  padding:0;
  margin:0;
}
.memberBox li {
  float:left;
}
.loginBoxInput {
  background: url(http://www.completevb.com/demovb4/images/styles/lifeElement/style/loginBoxInput.gif) no-repeat top left;
  width:116px;
  height:22px;
}
.loginInput {
  background:transparent;
  border:0;
  color: #a7a7a7;
  height:22px;
  line-height:22px;
  width:106px;
  font-size:12px;
  margin:0;
  padding:0 5px;
}
.cb_cookieuser_navbar{
  position: relative;
  top: 2px;
}
.inputPad .loginBoxInput {

}
.inputPad {
  padding-right:6px;
}
#memberBox label {
  padding:0;
  padding:0;
}
.memberBottom {
  height:16px;
  position:relative;
}
.rememberMe {
  position:absolute;
  top:5px;
  left:3px;
}
.submitButton {
  position:absolute;
  top:6px;
  right:0;
}

/* Welcome Box
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#welcomeBox {
  background:#131a23 url(http://www.completevb.com/demovb4/images/styles/lifeElement/style/welcomeBoxBG.gif) repeat-x left top;
  border:1px solid #040404;
  padding:18px 20px;
}
.welcomeBoxBottom {
  background: url(http://www.completevb.com/demovb4/images/styles/lifeElement/style/welcomeBoxBottomBG.gif) repeat-x left top;
  height:7px;
  font-size:0;
  margin-bottom:5px;
}
.welcomeBoxBL {
  background:url(http://www.completevb.com/demovb4/images/styles/lifeElement/style/welcomeBoxBL.gif) no-repeat top left;
  height:7px;
}
.welcomeBoxBR {
  background:url(http://www.completevb.com/demovb4/images/styles/lifeElement/style/welcomeBoxBR.gif) no-repeat top right;
  height:7px;
}
#welcomeBox h2 {
  padding:0 0 8px 0;
  margin:0;
  font-size:15px;
  font-weight:700;
  color:#fff;
  text-transform:uppercase; 
}
#welcomeBox p {
  padding:0;
  margin:0;
  color:#bcc0c4;
  line-height:18px;
}
#welcomeBox a:link, #welcomeBox a:visited {
  color:#4c85b2;
  font-weight:700;
}
#welcomeBox a:hover {
  color:#ef9507;
}

/* Content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#contentMain {
  background:#fff url(http://www.completevb.com/demovb4/images/styles/lifeElement/style/contentTopBG.gif) repeat-x top left;
  margin-bottom:7px;
}
.contentWrap {
  background:url(http://www.completevb.com/demovb4/images/styles/lifeElement/style/contentBottomBG.gif) repeat-x bottom left;
}
.contentLeft {
  background:url(http://www.completevb.com/demovb4/images/styles/lifeElement/style/contentLeft.gif) repeat-y top left;
}
.contentRight {
  background:url(http://www.completevb.com/demovb4/images/styles/lifeElement/style/contentRight.gif) repeat-y top right;
}
.contentTL {
  background:url(http://www.completevb.com/demovb4/images/styles/lifeElement/style/contentTL.gif) no-repeat top left;
}
.contentTR {
  background:url(http://www.completevb.com/demovb4/images/styles/lifeElement/style/contentTR.gif) no-repeat top right;
}
.contentBL {
  background:url(http://www.completevb.com/demovb4/images/styles/lifeElement/style/contentBL.gif) no-repeat bottom left;
}
.contentBR {
  background:url(http://www.completevb.com/demovb4/images/styles/lifeElement/style/contentBR.gif) no-repeat bottom right;
}
.contentBodyWrap {
  padding:23px 17px;
}

/* Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footerNav {
  background:url(http://www.completevb.com/demovb4/images/styles/lifeElement/style/footerNavBG.gif) repeat-x bottom left;
}
.footerNavLeft {
  background:url(http://www.completevb.com/demovb4/images/styles/lifeElement/style/footerNavLeft.gif) no-repeat bottom left;
}
.footerNavRight {
  background:url(http://www.completevb.com/demovb4/images/styles/lifeElement/style/footerNavRight.gif) no-repeat bottom right;
  padding:5px 23px 13px 0;

}
#footerNav ul {
  list-style:none;
  padding:0;
  margin:0;
}
#footerNav li {
  float:left;
  height:32px;
  line-height:32px;
  font-weight:700;
  font-size:15px;
  padding:0 21px;
}
#footerNav a:link, #footerNav a:visited {
  color:#333f4d;
}
#footerNav a:hover {
  color:#890000;
}
#footerLogo {
  float:right;
}
#footerMain {
  padding:15px 21px;
}
#footerMain .copyright {
  color:#435162;
}
#footerMain .copyright a:link, #footerMain .copyright a:visited {
  color:#435162;
  font-weight:700;
}
#footerMain .copyright a:hover {
  color:#ed8a06;
}
a:link.backTop, a:visited.backTop {
  background:url(http://www.completevb.com/demovb4/images/styles/lifeElement/style/backTop.png) no-repeat right;
  float:right;
  color:#435162;
  font-weight:700;
  padding-right:16px;
  text-transform:uppercase;
}
a:hover.backTop {
  color:#ed8a06;
}

/* Navbar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.navbar {
  background: url(http://www.completevb.com/demovb4/images/styles/lifeElement/style/navBG.gif) repeat-x left top;
  position:relative;
  height:79px;
  font:  12px "Trebuchet MS", Verdana, sans-serif;
  color:#005393;
  width:100%;
  padding:0;
  margin:0;
}
.navLeft {
  background: url(http://www.completevb.com/demovb4/images/styles/lifeElement/style/navLeft.gif) no-repeat left top;
  height:79px;
}
.navRight {
  background: url(http://www.completevb.com/demovb4/images/styles/lifeElement/style/navRight.gif) no-repeat right top;
  height:79px;
  padding:0 6px;
}
#navtabs li.selected ul.floatcontainer {
  margin-top:5px;
}
#navtabs li.selected ul.floatcontainer a:link, #navtabs li.selected ul.floatcontainer a:visited {
  line-height:27px;
  height:27px;
}
.navbar a { color:#005393; }
.navbar a:hover { color:#1e3648; }

.navtabs ul li:first-child {
  text-indent: 0;
  margin-left:15px;
}
.navtabs {
  padding-left:0;
}
.navtabs ul {
  position:absolute;
  top:44px;
  left:0px;
  width:100%;
/* This is to fix RTL menu issue under Opera */
        direction:ltr;
}
.navtabs li {
  float:left;
  padding-right:2px;
  background:url(http://www.completevb.com/demovb4/images/styles/lifeElement/style/navSplit.gif) no-repeat top right;
}
.navtabs li li {
  background:none;
}

.navtabs ul li {
  border-right: 0;
  position: relative;
}
.navtabs li a {
  height:44px;
  line-height:44px;
}
.navtabs li a.navtab {
  display:block;
  min-width:60px;
  width:auto !important;
  width:60px;
  _min-width:75px;
  _width:auto !important;
  _width:75px;
  text-align:center;
  color:#005393;
  font:  bold 15px arial, helvetica, sans-serif;
  text-decoration:none;
  line-height:41px;
  height:41px;
  padding:2px 15px 0 15px;
}
.navtabs li a.navtab:hover {
  background:#1f2b3a url(http://www.completevb.com/demovb4/images/styles/lifeElement/style/navBG_hover.gif) repeat center top;
  color:#1e3648;
}
.navtabs li.selected {
  color:#1e3648;
  height:44px;
}
.navtabs li.selected a.navtab {
  color:#1e3648;
  position:relative;
  top:-px;
  padding-top:px;
  z-index:10;
}
.navtabs li.selected li a,
.navbar_advanced_search li a {
  text-decoration:none;
  font:  12px "Trebuchet MS", Verdana, sans-serif;
  line-height:27px;
}
.navtabs li.selected li {
  padding:0 5px;
}
.navtabs li.selected li li {
  padding:0 2px;
}
.navtabs li.selected li a {
  color:#d5d9ff;
  font-weight:400;
  padding:2px 5px;
}

.navbar_advanced_search li {
  height:27px;
  display:block;
  clear:both;
}

.navbar_advanced_search li a {
  color:#005393;
}

.navbar_advanced_search li a:hover {
  color:#1e3648;
  text-decoration:none;
}

.navtabs li.selected li a:hover {
  color:#fff;
  text-decoration:none;
}

.navtabs li.selected .popupbody li > a {
  padding:0pxpx 10px;
  text-indent: 0;
  color: ;
}

.navtabs li.selected li a.popupctrl {
  -moz-border-radius:3px;
  -webkit-border-radius:3px; 
  border:solid px transparent;
  _border: none;
  background:transparent url(http://www.completevb.com/demovb4/images/styles/lifeElement/misc/arrow.png) no-repeat right center;
  padding-right:15px;
        _background-image:url('http://www.completevb.com/demovb4/images/styles/lifeElement/misc/arrow.gif');
  color:#d5d9ff;
}

.navtabs li.selected li:hover a.popupctrl.active,
.navtabs li.selected li a.popupctrl.active,
.navtabs li.selected li a:hover.popupctrl {
  color:#fff;
}
li {
list-style: none;
}
/* tcat Bars (Title Bars for Forum Home, Forum Display & Postbit)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.tcatBar {
  background: url(http://www.completevb.com/demovb4/images/styles/lifeElement/style/tcatBG.gif) repeat-x left top;
  float: left;
  width: 100%;
  color: #1e3648;
  height:37px;
  clear:both;
  margin-top: 8px;
  border:0;
  position:relative;
}
.tcatLeft {
  background: url(http://www.completevb.com/demovb4/images/styles/lifeElement/style/tcatLeft.gif) no-repeat left top;
  height:37px;
}
.tcatRight {
  background: url(http://www.completevb.com/demovb4/images/styles/lifeElement/style/tcatRight.gif) no-repeat right top;
  height:37px;
}
.tcatBar .forumtitle {
  font-weight:700;

}
.tcatBar .tcatDesc {
  font-size:12px;
  font-weight:400;
}
.tcatBar h2 {
  padding-left:16px;
  font:  bold 15px arial, helvetica, sans-serif;
  line-height:37px;
  float:left;
}
.tcatBar a:link, .tcatBar a:visited {
  color:#1e3648;
}
.tcatBar a:hover {

}
.tcatBar .tcatCollapse {
  position:absolute;
  top:10px;
  right:10px;
}
/* tcat Thread List Controls - Forumdisplay */
.tcat_threadlist_controls {
  float:right;
  padding-right:8px;
}
.forumdisplaypopups, #forumdisplaypopups {
  clear:both;
}
.tcat_threadlist_controls h6 {
  height:37px;
  line-height:37px;
  padding:0;
  display:block;
  font-size:10pt;
}
.forumdisplaypopups a.popupctrl, .forumdisplaypopups.popupgroup .popupmenu a.popupctrl,
.postlist_popups h6 a.popupctrl, .postlist_popups.popupgroup .popupmenu h6 a.popupctrl {
  background:none;
  display:block;
  _display:37px;
  height:37px;
  line-height:37px;
  font-family:arial, helvetica, sans-serif;
  font-weight:bold;
  font-size:12px;
  font-weight:700;
  color:#1e3648;
  padding:0 10px;
  border: 0;
  float: left;
  clear: right;
}
.forumdisplaypopups a:hover.popupctrl, .forumdisplaypopups.popupgroup .popupmenu a:hover.popupctrl,
.postlist_popups h6 a:hover.popupctrl, .postlist_popups.popupgroup .popupmenu h6 a:hover.popupctrl {
  border: 0;
  color:#1e3648;
  text-decoration:underline;
}
#postlist_popups a, .postlist_popups a {
  color: #1e3648;
  _border: none;
}
#postlist_popups a:hover, .postlist_popups a:hover {
  color: #1e3648;
  text-decoration:underline;
}
#postlist_popups .popupmenu:hover a.popupctrl, #postlist_popups .popupmenu:hover .popupctrl a.popupctrl.active, .postlist_popups .popupmenu:hover a.popupctrl, .postlist_popups .popupmenu:hover .popupctrl a.popupctrl.active {
  border: 0;
}

#postlist_popups ul li {
  color: #3E3E3E;
}
#postlist_popups ul li a, .postlist_popups ul li a {
  color: #3E3E3E;
  _border: none;
}

#postlist_popups ul li a:hover, .postlist_popups ul li a:hover {
  color: #3E3E3E;
  text-decoration:underline;
}

#forumdisplaypopups ul a, .forumdisplaypopups ul a {
  color:#3E3E3E;
}

/* Thead Bars (Forum Home, Forum Display & Postbit)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.thead_bar .theadrow {
  background:#333f4d url(http://www.completevb.com/demovb4/images/styles/lifeElement/style/theadBG.gif) repeat-x left top;
  display:block;
  width: 100%;
  float: left;
  position:relative;
  font:  normal 12px arial, helvetica, sans-serif;
  border:1px solid #3b4a5b;
  color:#d5d9ff;
  line-height:24px;
}
.thead_bar .padding {
  padding-left:12px;
}
.thead_bar .forumhead span.forumlastpost {
  width: 23%;
}
.thead_bar .theadrow .forumdata  {
  float: left;
}
.thead_bar {
  float: left;
  position:relative;
  width: 100%;
  display:block;
}
.thead_bar .forumhead .forumtitle {
  width: 76%;
}
.thead_bar .foruminfo {
  width: 53%;
  min-width: 30%;
  float: left;
  clear: right;
}
.thead_bar .foruminfo .forumdata {
  padding: 0;
  width: 100%;
  _width: 99%;
}
.thead_bar .forumstats, .thead_bar .forumstats_2 {
  display: block;
  float: left;
  clear: right;
  width: 16%;
  margin-right: 2%;
}
.thead_bar .foruminfo .forumdata .datacontainer {
  float: left;
  width: 86%;
  padding:0;
  padding-left: 68px;
}
.thead_bar .forumactionlinks {
  width: 5%;
  display:block;
  float:left;
  clear:right;
}
.thead_bar .forumactionlink {
  display:block;
  width:18px;
  overflow:hidden;
  float: right;
  clear: left;
  background:transparent none no-repeat;
  position: relative;
}
.thead_bar .forumstats li, .thead_bar .forumstats_2 li{
  font-size: 12pxpx;
  text-align: right;
  padding-right: 20px;
  display:block;
}
.thead_bar .forumlastpost {
  display:block;
  float: left;
  clear: right;
}
.thead_bar .theadrow .forumlastpost {
  width: 22%;
}
.forumbitBody {
  padding-right:2px;
  z-index:1;
  clear:both;
}
#post {
  z-index:1;
}
.threadlist {
  margin-top:0;
}
#threadlist .threadlisthead {
  background:#333f4d url(http://www.completevb.com/demovb4/images/styles/lifeElement/style/theadBG.gif) repeat-x left top;
  display:block;
  width: 100%;
  float: left;
  position:relative;
  border:1px solid #3b4a5b;
  color:#d5d9ff;
  padding:4px 0px 4px 0px;
  font:  normal 12px arial, helvetica, sans-serif;
  margin: 0;
}
#threadlist .threadlisthead a, #threadlist .threadlisthead a:hover {
  color:#d5d9ff;
}
.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
  background:#333f4d url(http://www.completevb.com/demovb4/images/styles/lifeElement/style/theadBG.gif) repeat-x left top;
  clear:both;
  display:block;
  float: left;
  width: 100%;
  color:#d5d9ff;
  margin: -1px -1px 0;
  font:  normal 12px arial, helvetica, sans-serif;
  padding:4px 0px 4px 0px;
  border:1px solid #3b4a5b;
}
#posts .posthead a:link, #posts .posthead a:visited {
  color:#d5d9ff;
}
#posts .posthead a:hover {
  color:#d5d9ff;
}
#posts .posthead .time, #posts .nodecontrols {
  color:#d5d9ff;
}
.forumhead {
  background: #617b20 url(http://www.completevb.com/demovb4/images/buttons/newbtn_middle.png) repeat-x  ;
  _background-image: none;
  padding: 0;
  font:  bold 12px "Trebuchet MS", Verdana, sans-serif;
  color:#ffffff;
  clear:both;
  margin-top: 8px;
  float: left;
  border: 1px solid #577415;
  width: 100%;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

#forums .L1 .forumhead a {
  font:  bold 12px "Trebuchet MS", Verdana, sans-serif;
}

#forums .L1 .forumhead .forumdescription {
  display:none;
}

#forums .L1 .L2 {
  display:block;
  clear: both;
}

#forums a.username {
  color: #15315f;
}

#forums a.username:hover {
  color: #750000;
}

.forumbit_post .forumrow, .forumbit_nopost .forumhead, .forumbit_nopost .forumrow, .forumbit_post .forumhead, .forumbits .forumhead {

  -moz-box-shadow: -2px 2px 2px #c8c8c8;
  -webkit-box-shadow: -2px 2px 2px #c8c8c8;
  box-shadow: -2px 2px 2px #c8c8c8;

}

.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {
  color: #4e4e4e;
  background: rgb(255, 255, 255) url(images/gradients/grey-up.png) repeat-x left bottom;
  _background-image: none;
  display:block;
  width: 100%;
  float: left;
  min-height: 58px; /* 48px is the icon size */
  position:relative;
  border-bottom: 1px solid #d3dadb;
  border-left: 1px solid #d3dadb;
  border-right: 1px solid #d3dadb;
}

.forumbit_nopost .forumbit_nopost .forumrow .forumicon {
  position: absolute;
  left: 10px;
  top: 5px;
}

.forumbit_nopost .forumbit_nopost .forumrow .forumdata {
  display: inline-block;
  width:100%;
}

.forumbit_nopost .forumbit_nopost .forumrow .forumdata .datacontainer {
  margin-left: 68px;
}

.forumbit_nopost .forumbit_post .forumrow .forumdata .datacontainer {
  margin-left: 0;
}

/* forumbit nopost */
.forumbit_post .foruminfo .forumdata {
  padding: 4px 0;
  font-size: 12px;
}

.forumbit_nopost .forumhead .forumtitle {
  font-size: 13px;
  min-width: 64%;
}

.forumbit_nopost .forumhead .forumtitle a {
  color: #ffffff;
  margin-left: 10px;
}

.forumbit_nopost .forumhead span, .forumbit_post .forumhead span {
  font-size: 12px;
}

.forumbit_nopost .forumhead span.forumlastpost, .forumbit_post .forumhead span.forumlastpost {
  width: 21%;
}

.forumbit_nopost .forumhead a.collapse img {
/* values are based on the image */
  position:absolute;
  top: -15px;
  right: -6px;
  display:block;
  width:13px;
  height:13px;
  overflow:hidden;
  float: right;
  clear: left;
}

.forumbit_nopost:hover .forumhead  a.collapsegadget {
  visibility:visible;
}

.forumbit_nopost .forumbit_nopost .forumrow .forumdata, .forumbit_post .forumrow .forumdata  {
  padding: 5px 10px;
  padding-left: 0;
  font-size: 12px;
}

/* Removed for VBIV-14010
.forumbit_nopost .forumbit_nopost .foruminfo .subforums {
  margin-left: 10px;
  position: relative;
  top: -10px;
}
*/

/* forumbit post */
.forumbit_post {
  float: left;
  position:relative;
  width: 100%;
  display:block;
}

.forumbit_post .forumhead span {
  padding: 0;
}

.forumbit_post .forumhead .forumlastpost {
  top: 0;
  margin-top: 0;
}

.forumbit_post .foruminfo, .forumbit_post .forumlastpost, .forumbit_post .forumactionlinks, .forumbit_post .forumstats, .forumbit_post .forumstats_2{
  padding: 5px 0;
}

.forumbit_post .forumhead .forumtitle {
  font-size: 13px;
  min-width: 64%;
}

.forumbit_post .forumhead .forumtitle span {
padding: 0;
padding-left: 10px;
}

.forumbit_post .foruminfo {
  width: 57%;
  min-width: 30%;
  float: left;
  clear: right;
  min-height: 48px;
}

.forumbit_post .foruminfo .forumicon{
  position: absolute;
  left: 10px;
}

.forumbit_post .foruminfo .forumdata, .forumbit_post .foruminfo .forumtitle, .forumbit_post .foruminfo .viewing {
  float: left;
  clear: right;
}

.forumbit_post .foruminfo .viewing {
        white-space:nowrap;
}

.forumbit_post .foruminfo .forumdata {
  padding: 0;
  width: 100%;
  _width: 99%;
}

.forumbit_post .foruminfo .forumdata .datacontainer {
  float: left;
  width: 88%;
  padding-left: 68px;
}

.forumbit_post .foruminfo .forumdata .forumtitle, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle {

font-size: 13px;
  margin-right: 10px;
}

.forumbit_post .foruminfo .forumdata .forumtitle a, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle a {
  font-weight:bold;
}

.childsubforum .forumbit_post .foruminfo .forumdata .datacontainer .forumtitle a {
        padding-left:1.8em;
        background:url('http://www.completevb.com/demovb4/images/styles/lifeElement/misc/child_forum.png') top left no-repeat;
}

.forumbit_post .foruminfo .forumdata .viewing {
  font-style: italic;
  margin-right:10px;
  margin-top: 3px;
  font-size: 11px;
}

.forumbit_post .forumactionlinks {
  width: 5%;
  display:block;
  float:left;
  clear:right;
}

.forumbit_post .forumactionlinks li {
  display: inline;
}

.forumbit_post .forumactionlink {
/* values based on icon size */
  display:block;
  width:18px;
  height:12px;
  overflow:hidden;
  float: right;
  clear: left;
  background:transparent none no-repeat;
  position: relative;
  margin: 3px 10px 0 0;
}

.forumactionlink a {
/* values based on icon size */
  display:block;
  padding-left:18px;
}

.forumactionlinks .rsslink {
  background-image:url(http://www.completevb.com/demovb4/images/styles/lifeElement/misc/rss_40b.png);
}

.forumactionlinks .subslink {
  background-image:url(http://www.completevb.com/demovb4/images/styles/lifeElement/misc/subscribed_40b.png);
}
.forumactionlinks .unsubslink {
  background-image:url(http://www.completevb.com/demovb4/images/styles/lifeElement/misc/unsubscribed_40b.png);
}
.forumbit_post .forumdescription {
  display:block;
  clear:both;
  padding-right: 10px;
}

.forumbit_post .unsubscribe {
  display:block;
  right: 0;
  top: 2px;
}

.forumbit_post .forumstats, .forumbit_post .forumstats_2 {
  display: block;
  float: left;
  clear: right;
  width: 12%;
  margin-right: 2%;
}

.forumbit_post .forumstats li, .forumbit_post .forumstats_2 li{
  font-size: 12px;
  text-align: right;
  padding-right: 20px;
  display:block;
}


.forumbit_post .forumlastpost {
  display:block;
  float: left;
  clear: right;
}

.forumbit_post .forumrow .forumlastpost {
  width: 24%;
  font-size: 12px;
  padding-top: 5px;
}

.forumbit_post .forumlastpost .lastpostdate {
  font-size: 12px;
}

.lastpostlabel {
  display: none;
}

.forumlastpost .lastposttitle .postimg {
  vertical-align:middle;
  margin-top:-2px;
}

.forumlastpost p.lastposttitle {
  overflow: hidden;
}

.moderators, .subforums {
  display: block;
  clear:both;
}

.moderators h4, .subforums h4 {
  font-weight: bold;
  padding-right: 5px;
}

.moderators h4, .moderators .commalist, .subforums h4, .subforums .commalist {
  float:left;
  clear:right;
}

h2 span.forumthreadpost {
  width: 12%;
  text-align: center;
}
ol, ul {
list-style: none;
}li { display: list-item; }


valide e pronto.

TaylorLant

TaylorLant
sou nível 3

Ter 06 Nov 2012, 9:09 am

Testando aqui

TaylorLant

TaylorLant
sou nível 3

Ter 06 Nov 2012, 9:11 am

Ei so serve para a versão Punbb?

Maxinho

Maxinho
sou nível 10

Ter 06 Nov 2012, 9:15 am

TaylorLant escreveu:Ei so serve para a versão Punbb?
sim, funciona tbm na phpBB2 mais fica estranho, mais o recomendável é a punBB

TaylorLant

TaylorLant
sou nível 3

Ter 06 Nov 2012, 9:21 am

eu tenho versão Phpbb2 vou testar em um forum para ver como fica!

felipekk

felipekk
sou nível 9

Ter 06 Nov 2012, 9:32 am

testar

HenRyqUéè

HenRyqUéè
Administrador
Desenvolvedor Web

Ter 06 Nov 2012, 9:50 am

Olá, retirei o link pois e propaganda, adicione uma IMAGEM da demo.

vinicius

vinicius
sou nível 10

Ter 06 Nov 2012, 9:54 am

vou testa aqui

Maxinho

Maxinho
sou nível 10

Ter 06 Nov 2012, 9:56 am

HenRyqUé escreveu:Olá, retirei o link pois e propaganda, adicione uma IMAGEM da demo.
Ok tudo bem ta de boa, quem gosta da "+"

@EDIT: HenRyqUé se eu cria-se um fórum só pra colocar o demo seria propaganda?

HenRyqUéè

HenRyqUéè
Administrador
Desenvolvedor Web

Ter 06 Nov 2012, 10:10 am

Max][Kyle escreveu:
HenRyqUé escreveu:Olá, retirei o link pois e propaganda, adicione uma IMAGEM da demo.
Ok tudo bem ta de boa, quem gosta da "+"

@EDIT: HenRyqUé se eu cria-se um fórum só pra colocar o demo seria propaganda?
Olá, nesse caso não. Pode colocar avontade assim Wink

StyLe®

StyLe®
Moderador

Ter 06 Nov 2012, 10:12 am

Pleaser, coloque uma imagem para nos ver como fica

Maxinho

Maxinho
sou nível 10

Ter 06 Nov 2012, 10:19 am

StyLe® escreveu:Pleaser, coloque uma imagem para nos ver como fica

eu vou criar um fórum pra demo

Maxinho

Maxinho
sou nível 10

Ter 06 Nov 2012, 10:29 am

DyanaDark

DyanaDark
sou nível 2

Ter 06 Nov 2012, 5:40 pm

eu vou testar o/

Maxinho

Maxinho
sou nível 10

Ter 06 Nov 2012, 6:01 pm

galera a edição do logo e dos links de cimas que são: Post's do dia, Regras, Forum e Parcerias é por edição de template do overall_header quem não conseguir editar min avisa que eu edito

HenRyqUéè

HenRyqUéè
Administrador
Desenvolvedor Web

Ter 06 Nov 2012, 6:09 pm

Bem legal o tema, PARABENS!

Maxinho

Maxinho
sou nível 10

Ter 06 Nov 2012, 6:20 pm

obrigado a todos que gostarão, to tentando ripar outro skin também vBulletin assim que conseguir faço questão de compartilhar com vocês

-Yully'~

-Yully'~
sou nível 8

Qua 07 Nov 2012, 3:29 pm

vou testar e ve como fica direitinho !!

Haos

Haos
sou nível 1

Qua 07 Nov 2012, 4:21 pm

DXXDDDXXXXDDDXXXDDDxXX

Jake.

Jake.
sou nível 6

Sáb 10 Nov 2012, 2:33 pm

Gostei do tutorial.


Conteúdo patrocinado

Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

Você não está conectado. Conecte-se ou registre-se



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

TiagoDJ-7.0, Seg 03 Mar 2014, 3:21 pm

Tenma Hiraga, Dom 12 Jan 2014, 2:49 pm

TiagoDJ-7.0, Ter 31 Dez 2013, 5:50 pm

Crowley, Ter 31 Dez 2013, 8:42 am

TiagoDJ-7.0, Sex 27 Dez 2013, 9:33 pm

Ghost, Sex 27 Dez 2013, 6:37 pm

Crowley, Sex 27 Dez 2013, 12:53 pm

Crowley, Sex 27 Dez 2013, 12:46 pm

Destaque do Fórum
Destaque do Fórum

Carregando avatar...
Muito Obrigado
Parabens para o Membro destaque do fórum, pela sua ótima competencia em nosso fórum, um agradecimento dos Usuários e de toda a equipe a você !! Muito Obrigado !!

Quer um Widget igual a este ?
peça o seu aqui >>>

 

Atualizado com e-referrer
Publicidade | SEJA NOSSO PARCEIRO
Naruto Rpg FutureLes power infoMaster ExpShiftactifThe forum of Codes

2012 © SP-Design - Ajuda na criação de códigos e na aparência de seu Fórum™ - Design de Cyllaz - Todos os direitos reservados ®