Hỗ trợ Forumotion
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.

You are not connected. Please login or register

Hỗ trợ Forumotion  » Tài Nguyên Forumotion » Kho Skin » Punbb » [Share] Skin Gamer Blue punbb

Chuyển đến trang : 1, 2  Next

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 2 trang]

Admin
  • Administrator

Admin

Administrator


Admin
[Share] Skin Gamer Blue punbb Empty

[Share] Skin Gamer Blue punbb

on 14/10/2012

Admin
loading...

Demo:

http://vnashow11.forumvi.com/

[Share] Skin Gamer Blue punbb Gamerb10[Share] Skin Gamer Blue punbb Gamerg11[Share] Skin Gamer Blue punbb Gamerr10

Dowload

Index body:



an

Trả lời nhanh

Message reputation : 0% (1 vote)

  • Admin
    Admin

    Bài gửi 14/10/2012, 7:38 am Admin

    Index box:

    Code:
    <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"><font color="#FFFFFF">{catrow.tablehead.L_FORUM}</font>
              </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">
                    Title
                    </div>
                </div>
              </div>
              <div class="forumactionlinks td">
             
              </div>
              <div class="forumstats td" align="center">

             
              </div>
              <div class="forumlastpost td">
                Last 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 -->
                         

                            <!-- 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 />
                            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                            <!-- 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> Chủ đề</strong>
                              <p>{catrow.forumrow.POSTS}<strong> Bài gửi</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>

    Footer end:

    Code:
    <!-- 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></div>
        <div class="footerNav"><div class="footerNavLeft"><div class="footerNavRight">


          <ul>
              <li><a href="sendmessage.php" rel="nofollow" accesskey="9">Contact Us</a></li>
              <li><a href="http://www.completevb.com">Demo vB4</a></li>
           
           
              <li><a href="archive/index.php">Archive</a></li>
           
           
           
              <li><a href="forum.php?styleid=39#top" onclick="document.location.hash='top'; return false;">Top</a></li>
          </ul>
              </div></div></div><div id="footerBar"><div class="footerBarLeft"><div class="footerBarRight">
        <div class="skinSelect">
          <form action="forum.php" method="get" id="footer_select" class="footer_select">

           
                <select name="styleid" onchange="switch_id(this, 'style')">
                    <optgroup label="Quick Style Chooser"><option class="hidden"></option></optgroup>
                 
                   
                      <optgroup label=" Standard Styles">
                               
                      <option value="19" class="">-- AestheticaBlue</option><option value="28" class="">---- AestheticaBlue - Fixed</option><option value="20" class="">---- Aesthetica Red</option><option value="29" class="">------ Aesthetica Red - Fixed</option><option value="21" class="">---- Aesthetica Purple</option><option value="30" class="">------ Aesthetica Purple - Fixed</option><option value="82" class="">---- Aesthetica Green</option><option value="83" class="">------ Aesthetica Green - Fixed</option><option value="7" class="">-- AnimatedArena - Red</option><option value="31" class="">---- AnimatedArena - Red - Fixed</option><option value="13" class="">---- AnimatedArena - Blue</option><option value="32" class="">------ AnimatedArena - Blue - Fixed</option><option value="14" class="">---- AnimatedArena - Green</option><option value="33" class="">------ AnimatedArena - Green - Fixed</option><option value="22" class="">-- BlissfullySimple</option><option value="47" class="">---- BlissfullySimple - Fixed</option><option value="4" class="">-- BlueDemon</option><option value="48" class="">---- BlueDemon - Fixed</option><option value="64" class="">-- CinemaIce</option><option value="67" class="">---- CinemaIce - Fixed</option><option value="65" class="">---- CinemaTang</option><option value="68" class="">------ CinemaTang - Fixed</option><option value="66" class="">---- CinemaPink</option><option value="69" class="">------ CinemaPink - Fixed</option><option value="2" class="">-- Color Theory</option><option value="49" class="">---- Color Theory - Fixed</option><option value="15" class="">-- CreativeCreature</option><option value="46" class="">---- CreativeCreature - Fixed</option><option value="5" class="">-- CrystalClean</option><option value="45" class="">---- CrystalClean - Fixed</option><option value="8" class="">-- EyeEasy</option><option value="42" class="">---- EyeEasy - Fixed</option><option value="6" class="">-- FunkyFresh</option><option value="27" class="">---- FunkyFresh - Fixed</option><option value="23" class="">-- GamerBlue</option><option value="39" class="" selected="selected">---- GamerBlue - Fixed</option><option value="24" class="">---- GamerGreen</option><option value="40" class="">------ GamerGreen - Fixed</option><option value="25" class="">---- GamerRed</option><option value="41" class="">------ GamerRed - Fixed</option><option value="56" class="">-- HighlightBlue</option><option value="59" class="">---- HighlightBlue - Fixed</option><option value="57" class="">---- HighlightGreen</option><option value="60" class="">------ HighlightGreen -Fixed</option><option value="58" class="">---- HighlightOrange</option><option value="61" class="">------ HighlightOrange - Fixed</option><option value="90" class="">-- Holiday</option><option value="91" class="">---- Holiday - Fixed</option><option value="70" class="">-- Life.Earth</option><option value="75" class="">---- Life.Earth - Fixed</option><option value="71" class="">---- Life.Element</option><option value="74" class="">------ Life.Element - Fixed</option><option value="72" class="">---- Life.Space</option><option value="73" class="">------ Life.Space - Fixed</option><option value="9" class="">-- OrangeTheme</option><option value="44" class="">---- OrangeTheme - Fixed</option><option value="10" class="">-- RoyalFlush</option><option value="26" class="">---- RoyalFlush - Fixed</option><option value="62" class="">-- Sandstorm</option><option value="63" class="">---- Sandstorm - Fixed</option><option value="50" class="">-- ShinyBlue</option><option value="51" class="">---- ShinyBlue - Fixed</option><option value="52" class="">---- ShinyGreen</option><option value="53" class="">------ ShinyGreen - Fixed</option><option value="54" class="">---- ShinyRed</option><option value="55" class="">------ ShinyRed - Fixed</option><option value="3" class="">-- Skylight</option><option value="38" class="">---- Skylight - Fixed</option><option value="11" class="">-- TimeTraveler</option><option value="37" class="">---- TimeTraveler - Fixed</option><option value="12" class="">-- TotallyPro</option><option value="36" class="">---- TotallyPro - Fixed</option><option value="16" class="">-- TwistedDark</option><option value="35" class="">---- TwistedDark - Fixed</option><option value="84" class="">-- TwistedDark Blue - Fluid</option><option value="85" class="">---- TwistedDark Blue - Fixed</option><option value="86" class="">---- TwistedDark Green - Fluid</option><option value="87" class="">------ TwistedDark Green - Fixed</option><option value="88" class="">---- TwistedDark Red - Fluid</option><option value="89" class="">------ TwistedDark Red - Fixed</option><option value="17" class="">-- UndergroundStyle</option><option value="34" class="">---- UndergroundStyle - Fixed</option><option value="18" class="">-- VisionCollision</option><option value="43" class="">---- VisionCollision - Fixed</option><option value="76" class="">-- Zen - Beauty</option><option value="79" class="">---- Zen - Beauty - Fixed</option><option value="77" class="">---- Zen - Heat</option><option value="80" class="">------ Zen - Heat - Fixed</option><option value="78" class="">---- Zen - Waves</option><option value="81" class="">------ Zen - Waves - Fixed</option>
                   
                      </optgroup>
                                   
                 
                 
                   
                      <optgroup label=" Mobile Styles">
                   
                      <option value="93" class="">-- Default Mobile Style</option>
                   
                      </optgroup>
                                   
                 
                </select>
           
           
           
          </form>
        </div>
                <a href="forum.php?styleid=39#top" onclick="document.location.hash='top'; return false;" class="backTop">Back to top</a>
             
              </div></div></div><div id="footerMain">
                <div class="footerLeft"><div class="footerRight"><div class="footerBL"><div class="footerBR clearfix">
                <div class="copyright">
        <div>
          <!-- Do not remove this copyright notice -->
          Skin rip by <a href="http://vn-answer.123.st/u1">Tom</a>
          <!-- Do not remove this copyright notice -->
        </div>
        <div>
          <!-- Do not remove cronimage or your scheduled tasks will cease to function -->
       
          <!-- Do not remove cronimage or your scheduled tasks will cease to function -->
       
       
        </div>
        <div>All times are GMT. The time now is <span class="time">10:00 AM</span>.</div>

        <div>vBulletin 4.0 skin by <a href="http://www.completevb.com" target="_blank">CompleteVB</a></div>

                </div>

                <div class="footerLogo">
                    <a name="top" href="forum.php"><img src="http://www.completevb.com/demovb4/images/styles/GamerBlue/style/footerLogo.gif" alt="CompletevB Demo vB4 - Powered by vBulletin"></a>
                </div>
                </div></div></div></div>   
              </div>

    Trả lời nhanh
  • Admin
    Admin

    Bài gửi 14/10/2012, 7:39 am Admin

    Overall header:

    Code:

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

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

          <div class="minwidth_IE">
              <div class="layout_IE">
                <div class="container_IE">
                    <div id="topBar">
        <div class="topBarLeft"><div class="topBarRight">
          <div class="topWelcome">
              Welcome to the CompletevB Demo vB4.
          </div>
          <div class="memberBox">
       
                 
                 
                 
              <div class="loginLeft">
                <!-- login form -->
                       
          <!-- BEGIN switch_user_logged_out -->


                          <form action="/login.forum" method="post" name="form_login" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, 0)">
              <script type="text/javascript" src="clientscript/vbulletin_md5.js?v=384"></script>
                 
              <ul>
         
                <li><a href="register.php" rel="nofollow" class="notreg">Register</a></li>
         
                <li><span class="loginTxt">Login:</span></li>
                <li class="inputPad"><div class="loginBoxInput"><input placeholder="Tên đăng nhập" class="loginInput" type="text" size="20" name="username"></div></li>
                <li class="inputPad"><div class="loginBoxInput"><input placeholder="Mật khẩu" class="loginInput" type="password" size="20" name="password"></div></li>
                <li class="rememberMe"><label for="cb_cookieuser_navbar"><input type="checkbox" class="radio" name="autologin" checked="checked"> Remember Me?</label></li>
                <li class="inputPad"><input type="image" src="http://www.completevb.com/demovb4/images/styles/GamerBlue/style/loginButton.gif" tabindex="104" value="Log in" name="login"title="Enter your username and password in the boxes provided to login, or click the 'register' button to create a profile for yourself." accesskey="s"></li>
              </ul>

              <input type="hidden" name="s" value="">
              <input type="hidden" name="securitytoken" value="guest">
              <input type="hidden" name="do" value="login">
              <input type="hidden" name="vb_login_md5password">
              <input type="hidden" name="vb_login_md5password_utf">
              </form>
                <script type="text/javascript">
                YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline");
                YAHOO.util.Dom.setStyle('navbar_password', "display", "none");
                vB_XHTML_Ready.subscribe(function()
                {
                //
                    YAHOO.util.Event.on('navbar_username', "focus", navbar_username_focus);
                    YAHOO.util.Event.on('navbar_username', "blur", navbar_username_blur);
                    YAHOO.util.Event.on('navbar_password_hint', "focus", navbar_password_hint);
                    YAHOO.util.Event.on('navbar_password', "blur", navbar_password);
                });
           
                function navbar_username_focus(e)
                {
                //
                    var textbox = YAHOO.util.Event.getTarget(e);
                    if (textbox.value == 'User Name')
                    {
                    //
                      textbox.value='';
                      textbox.style.color='#000000';
                    }
                }

                function navbar_username_blur(e)
                {
                //
                    var textbox = YAHOO.util.Event.getTarget(e);
                    if (textbox.value == '')
                    {
                    //
                      textbox.value='User Name';
                      textbox.style.color='#777777';
                    }
                }
                function navbar_password_hint(e)
                {
                //
                    var textbox = YAHOO.util.Event.getTarget(e);
               
                    YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "none");
                    YAHOO.util.Dom.setStyle('navbar_password', "display", "inline");
                    YAHOO.util.Dom.get('navbar_password').focus();
                }

                function navbar_password(e)
                {
                //
                    var textbox = YAHOO.util.Event.getTarget(e);
               
                    if (textbox.value == '')
                    {
                      YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline");
                      YAHOO.util.Dom.setStyle('navbar_password', "display", "none");
                    }
                }

                </script>
                          <!-- END switch_user_logged_out -->
              <!-- / login form -->
                          <!-- BEGIN switch_user_logged_in -->
        <ul><li>Chào mừng bạn đã đến với diễn đàn của chúng tôi !</li></ul>
        <!-- END switch_user_logged_in -->
                      <!-- / login form -->
                </div>
       
          </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="bodyBox">
                <div class="bodyBoxLeft"><div class="bodyBoxRight">
                    <div class="bodyBoxTL"><div class="bodyBoxTR"><div class="bodyBoxBL"><div class="bodyBoxBR">
                      <div class="bodyBoxWrap">
                                                  <div class="above_body"> <!-- closing tag is in template navbar -->
        <div id="header" class="floatcontainer doc_header">
          <div class="logoBox"><a name="top" href="forum.php" id="logo"><img src="http://www.completevb.com/demovb4/images/styles/GamerBlue/style/logo.png" alt="CompletevB Demo vB4 - Powered by vBulletin" title="CompletevB Demo vB4 - Powered by vBulletin"></a></div>

          <div id="navbar" class="navbar">
        <div class="navbarLeft"><div class="navbarRight">
          <ul id="navtabs" class="navtabs floatcontainer">
           
           
          <li id="vbtab_whatsnew">
              <a class="navtab" href="activity.php">What's New?</a>
           
          </li>

          <li id="vbtab_cms">
              <a class="navtab" href="content.php">Articles</a>
           
          </li>

          <li class="selected" id="vbtab_forum">
              <a class="navtab" href="forum.php">Forum</a>
           
                <ul class="floatcontainer">
                 
                   
                       
                            <li id="vbflink_newposts"><a href="search.php?do=getnew&contenttype=vBForum_Post">New Posts</a></li>
                       
                   
                 
                   
                       
                            <li id="vbflink_faq"><a href="faq.php">FAQ</a></li>
                       
                   
                 
                   
                       
                            <li id="vbflink_calendar"><a href="calendar.php">Calendar</a></li>
                       
                   
                 
                   
                          <li class="popupmenu" id="vbmenu_community">
                            <a href="javascript://" class="popupctrl" id="yui-gen1">Community</a>
                       
                          </li>
                   
                 
                   
                          <li class="popupmenu" id="vbmenu_actions">
                            <a href="javascript://" class="popupctrl" id="yui-gen3">Forum Actions</a>
                         
                          </li>
                   
                 
                   
                          <li class="popupmenu" id="vbmenu_qlinks">
                            <a href="javascript://" class="popupctrl" id="yui-gen5">Quick Links</a>
                         
                          </li>
                   
                 
                 
                </ul>
           
          </li>

          <li id="vbtab_blog">
              <a class="navtab" href="blog.php">Blogs</a>
           
          </li>

           
          </ul>

       
          <div id="searchBox" class="searchBox">
        <form class="navbar_search" id="navbar_search" method="get" action="/search">
             
                <input type="hidden" name="securitytoken" value="guest">
                <input type="hidden" name="do" value="process">
                <span class="searchBox_container"><input class="textbox" type="text" name="search_keywords" tabindex="1004" value=""></span>
                <span class="searchBox_button"><input type="image" src="http://www.completevb.com/demovb4/images/styles/GamerBlue/buttons/search.png" name="submit" onclick="document.getElementById('navbar_search').submit;" tabindex="100"></span>
              </form>
              <ul class="searchBox_advanced_search">
                          <li><a href="/search" accesskey="4">Advanced Search</a></li>
              </ul>
          </div>
       
        </div></div>
        </div>
        </div><!-- closing div for above_body -->

        <!-- Custom Content Wrap -->
        </div>
          <div id="contentMain">
          <div class="contentLeft"><div class="contentRight">


        <div class="body_wrapper">
            <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>
       

          </div></div></div>
        </div>
                      <div id="page-body">
                          <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                            <div id="outer-wrapper">
                                <div id="wrapper">
                                                                                                    <div class="pun">
                                  <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>      </div>
                                </div>
                            </div>
                          </div>
                      </div>
                    </div>
                </div>
              </div>
          </div>      </div>
                                </div>
                            </div>
                          </div>
                      </div>
                    </div>
           
        </body>
        </html>
        <!-- END html_validation -->

    Trả lời nhanh
  • Admin
    Admin

    Bài gửi 14/10/2012, 7:39 am Admin

    CSS:

    Code:
    body {
        background: #1C1D1B url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/pageBG.gif) repeat-x left top;
        width:990px;
          min-width:990px;
          max-width:auto;
          margin: 0px auto 25px auto;
          font-size:13px;
          color:#4d5153;
          line-height:1.230;
        }
        /* Top Bar
        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
        #topBar {
          background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/topBarBG.gif) repeat-x top left;
          position:relative;
          height:42px;
          line-height:40px;
          color:#a9a9a9;
          margin-bottom:7px;
        }
        .topBarLeft {
          background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/topBarLeft.gif) no-repeat top left;
          height:42px;
        }
        .topBarRight {
          background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/topBarRight.gif) no-repeat top right;
          height:42px;
          padding:0 15px;
        }
        .topWelcome {
          float:left;
          font-size:12px;
        }
        .memberBox {
          float:right;
          line-height:42px;
        }
        .memberBox ul {
          list-style:none;
          padding:0;
          margin:0;
        }
        .memberBox li {
          float:left;
          margin:0;
          padding:0 3px;
        }
        .loginBoxInput {
          background: url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/loginBoxInput.gif) no-repeat top left;
          width:142px;
          height:21px;
        }
        .loginInput {
          background:transparent;
          border:0;
          color: #bebebe;
          padding:0 5px;
          font-size:11px;
          width:132px;
          height:21px;
          line-height:21px;
        }
        .inputPad .loginBoxInput {
          margin-top:10px;
        }
        .searchButton input {
          margin-top:9px;
        }
        .rememberMe {
       
        }
        .memberBox .rememberMe {
          font-size: 11px;
        }
        .memberBox .rememberMe input {
          vertical-align: baseline;
        }
        .cb_cookieuser_navbar{
          position: relative;
          top: 2px;
        }
        .memberBox a:link, .memberBox a:visited {
          color:#fff;
        }
        .memberBox a:hover {
          color:#b1d5ff;
        }
        .loginTxt {
          padding-left:6px;
        }
        .notreg {
          background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/regSplit.gif) no-repeat right;
          padding-right:13px;
        }
        a:link.notreg, a:visited.notreg {
          color:#72bdf1;
        }
        a:hover.notreg {
          color:#fff;
        }
        .loginLeft {
        float:left;
        }

        /* Body Box
        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
        #bodyBox {
          background:#fff url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/bodyBoxBG.gif) repeat-x top left;
        }
        .bodyBoxTL {
          background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/bodyBoxTL.gif) no-repeat top left;
        }
        .bodyBoxTR {
          background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/bodyBoxTR.gif) no-repeat top right;
        }
        .bodyBoxLeft {
          background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/bodyBoxLeft.gif) repeat-y top left;
        }
        .bodyBoxRight {
          background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/bodyBoxRight.gif) repeat-y top right;
        }
        .bodyBoxWrap {
          padding:9px;
        }

        /* Header
        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
        .doc_header {
          height:80px;
          position:relative;
          padding-left:233px;
          margin-bottom:5px;
        }
        #header {
          position:relative;
        }
        .logoBox {
          background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/logoBox_left.gif) no-repeat top left;
          width:233px;
          height:80px;
          position:absolute;
          top:0;
          left:0;
          text-align:center;
        }
        #logo {

        }

        /* Content
        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
        #contentMain {
          background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/contentBG.gif) repeat-x top left;
        }
        .contentLeft {
          background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/contentLeft.gif) no-repeat top left;
        }
        .contentRight {
          background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/contentRight.gif) no-repeat top right;
          padding:0 6px 9px 6px;
        }

        /* Footer Navigation
        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
        .footerNav {
          background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/footerNav.gif) repeat-x top left;
          height:38px;
          line-height:38px;
          font-size:14px;
        }
        .footerNavLeft {
          background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/footerNavLeft.gif) no-repeat top left;
          height:38px;
        }
        .footerNavRight {
          background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/footerNavRight.gif) no-repeat top right;
          height:38px;
        }
        .footerNav ul {
          list-style:none;
          padding:0;
          margin:0;
        }
        .footerNav li {
          float:left;
          padding:0 22px;
        }
        .footerNav a:link, .footerNav a:visited {
          color:#eaefe2;
          font-weight:700;
        }
        .footerNav a:hover {
          color:#115b99;
        }

        /* Footer Bar
        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
        #footerBar {
          background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/footerBarBG.gif) repeat-x top left;
          height:37px;
          line-height:37px;
        }
        .footerBarLeft {
          background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/footerBarLeft.gif) no-repeat top left;
          height:37px;
        }
        .footerBarRight {
          background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/footerBarRight.gif) no-repeat top right;
          height:37px;
          padding:0 22px;
        }
        #footerBar a:link, #footerBar a:visited {
          color:#eaefe2;
          font-weight:700;
        }
        #footerBar a:hover {
          color:#0a0a0a;
        }
        .skinSelect {
          float:right;
          padding:6px 0 0 0;
        }

        /* Footer
        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
        #footerMain {
          background:#fff url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/footerBG.gif) repeat-x bottom left;
          color:#212121;
          line-height:18px;
        }
        .footerLeft {
          background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/footerLeft.gif) repeat-y top left;
        }
        .footerRight {
          background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/footerRight.gif) repeat-y top right;
        }
        .footerBL {
          background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/footerBL.gif) no-repeat bottom left;
        }
        .footerBR {
          background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/footerBR.gif) no-repeat bottom right;
          padding:15px 17px;
        }
        #footerMain a:link, #footerMain a:visited {
          color#115b99;
          font-weight:700;
        }
        #footerMain a:hover {
          color:#234680;
        }
        .copyright {
          float:left;
        }
        .footerLogo {
          float:right;
        }

        /* Global Search
        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
        #searchBox {
          position:absolute;
          top:6px;
          right:10px;
        }
        #searchBox .textbox {
          border:1px solid #24488d;
          height:20px;
          line-height:20px;
          padding:0;
        }
        #searchBox .searchBox_container {
          float:left;
          display:block;
          padding-top:1px;
          padding-right:6px;
        }
        #searchBox .searchBox_button {
          float:left;
          display:block;
          padding-top:3px;
        }
        #searchBox .searchBox_advanced_search {
          position:absolute;
          top:48px;
          right:0;
        }
        #searchBox .searchBox_advanced_search a:link, #searchBox .searchBox_advanced_search a:visited {
          color:#c5c5c5;
          font-weight:700;
        }

        /* Navbar
        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
        .navbar {
          background: url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/navBG_blue.gif) repeat-x left top;
          position:relative;
          height:80px;
          font:  11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
          color:#fff;
          width:100%;
          padding:0;
          margin:0;
        }
        .navbarLeft {
          background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/navLeft_left.gif) no-repeat top left;
          height:80px;
        }
        .navbarRight {
          background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/navRight_left.gif) no-repeat top right;
          height:80px;

          padding:0 5px 0 30px;

        }
        #navtabs li.selected ul.floatcontainer {
          margin-top:9px;
        }
        #navtabs li.selected ul.floatcontainer a:link, #navtabs li.selected ul.floatcontainer a:visited {
          line-height:27px;
          height:27px;
        }
        .navbar a { color:#fff; }
        .navbar a:hover { color:#72bdf1; }

        .navtabs ul li:first-child {
          margin-left:43px;
        }
        .navtabs {
          padding-left:0;
        }
        .navtabs ul {
          position:absolute;
          top:38px;
          left:0px;
          width:100%;
        /* This is to fix RTL menu issue under Opera */
                direction:ltr;
        }
        .navtabs li {
          float:left;
          padding-right:14px;
          background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/navSplit_left.gif) no-repeat top right;
        }
        .navtabs li li {
          background:none;
        }
        .navtabs ul li {
          border-right: 0;
          position: relative;
        }
        .navtabs li a {
          height:38px;
          line-height:38px;
        }
        .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:#fff;
          font:  bold 13px arial, helvetica, sans-serif;
          text-decoration:none;
          line-height:38px;
          height:38px;
          padding:0 10px;
        }
        .navtabs li a.navtab:hover {
          background:#5a5a5a url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/navBG_blue.gif) repeat center top;
          color:#72bdf1;
        }
        .navtabs li.selected {
          color:#72bdf1;
          height:38px;
        }
        .navtabs li.selected a.navtab {
          color:#72bdf1;
          position:relative;
          top:-px;
          padding-top:px;
          z-index:10;
        }
        .navtabs li.selected li a,
        .navbar_advanced_search li a {
          text-decoration:none;
          font:  11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, 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:#c5c5c5;
          font-weight:400;
          padding:2px 5px;
        }

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

        .navbar_advanced_search li a {
          color:#fff;
        }

        .navbar_advanced_search li a:hover {
          color:#72bdf1;
          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/GamerBlue/misc/arrow.png) no-repeat right center;
          padding-right:15px;
                _background-image:url('http://www.completevb.com/demovb4/images/styles/GamerBlue/misc/arrow.gif');
          color:#c5c5c5;
        }

        .navtabs li.selected li:hover a.popupctrl.active,
        .navtabs li.selected li a.popupctrl.active,
        .navtabs li.selected li a:hover.popupctrl {
          color:#fff;
        }

        /* Breadcrumb
        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
        .breadcrumb {
          background: url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/bcBG.gif) repeat-x left top;
          height:30px;
          color:#6a6a6a;
          margin-bottom:8px;
        }
        .bcLeft {
          background: url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/bcLeft.gif) no-repeat left top;
          height:30px
        }
        .bcRight {
          background: url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/bcRight.gif) no-repeat right top;
          height:26px;
          padding:4px 10px 0px 10px;
        }
        .breadcrumb .navbit > a, .breadcrumb .lastnavbit span {
          border:1px solid transparent;
        }
        .breadcrumb .navbit a:link, .breadcrumb .navbit a:visited {
          font-weight:700;
        }
        .breadcrumb .navbit a:hover {
          background:#2d5a9e;
          color:#fff;
          border:1px solid transparent;
        }

        /* tcat Bars (Title Bars for Forum Home, Forum Display & Postbit)
        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
        .tcatBar {
          background: url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/tcatBG.gif) repeat-x left top;
          float: left;
          width: 100%;
          color: #c5c5c5;
          height:35px;
          clear:both;
          margin-top: 8px;
          border:0;
          position:relative;
        }
        .tcatLeft {
          background: url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/tcatLeft.gif) no-repeat left top;
          height:35px;
        }
        .tcatRight {
          background: url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/tcatRight.gif) no-repeat right top;
          height:35px;
        }
        .tcatBar .forumtitle {
          font-weight:700;

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

        }
        .tcatBar .tcatCollapse {
          position:absolute;
          top:6px;
          right:10px;
        }
        /* tcat Thread List Controls - Forumdisplay */
        .tcat_threadlist_controls {
          float:right;
          padding-right:8px;
        }
        .forumdisplaypopups, #forumdisplaypopups {
          clear:both;
        }
        .tcat_threadlist_controls h6 {
          height:35px;
          line-height:35px;
          padding:0;
          display:block;
          font-size:11px;
        }
        .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:35px;
          height:35px;
          line-height:35px;
          font-family:arial, helvetica, sans-serif;
          font-weight:bold;
          font-size:11px;
          font-weight:700;
          color:#c5c5c5;
          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:#c5c5c5;
          text-decoration:underline;
        }
        #postlist_popups a, .postlist_popups a {
          color: #c5c5c5;
          _border: none;
        }
        #postlist_popups a:hover, .postlist_popups a:hover {
          color: #c5c5c5;
          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:#2b3135 url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/theadBG.gif) repeat-x left top;
          display:block;
          width: 100%;
          float: left;
          position:relative;
          font:  normal 11px arial, helvetica, sans-serif;
          border:1px solid #2b3135;
          border-top:0;
          color:#bfc9cd;
          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: 72px;
        }
        .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:#2b3135 url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/theadBG.gif) repeat-x left top;
          display:block;
          width: 100%;
          float: left;
          position:relative;
          border:1px solid #2b3135;
          border-top:0;
          color:#bfc9cd;
          font:  normal 11px arial, helvetica, sans-serif;
          padding:2px 0;
          margin: 0;
        }
        #threadlist .threadlisthead a, #threadlist .threadlisthead a:hover {
          color:#bfc9cd;
        }

    Trả lời nhanh
  • TopDragon
    TopDragon

    Bài gửi 20/10/2012, 8:19 pm TopDragon

    bao thanks Cười lăn lộn !!

    Trả lời nhanh
  • NamSay
    NamSay

    Bài gửi 29/1/2013, 4:11 pm NamSay

    xemn

    Trả lời nhanh
  • ๖ۣۜKu๖ۣۜMa๖ۣۜKhanh
    ๖ۣۜKu๖ۣۜMa๖ۣۜKhanh

    Bài gửi 9/2/2013, 7:08 am ๖ۣۜKu๖ۣۜMa๖ۣۜKhanh

    xem

    Trả lời nhanh
  • ShineShin
    ShineShin

    Bài gửi 4/3/2013, 6:26 pm ShineShin

    Xem

    Trả lời nhanh
  • ST.Kun
    ST.Kun

    Bài gửi 4/3/2013, 7:07 pm ST.Kun

    ssssssssssss

    Trả lời nhanh
  • Gulfwolf
    Gulfwolf

    Bài gửi 10/3/2013, 4:31 am Gulfwolf

    HHJj

    Trả lời nhanh
  • Gulfwolf
    Gulfwolf

    Bài gửi 10/3/2013, 4:57 am Gulfwolf

    see

    Trả lời nhanh
  • Gulfwolf
    Gulfwolf

    Bài gửi 10/3/2013, 1:22 pm Gulfwolf

    ddd

    Trả lời nhanh
  • magc
    magc

    Bài gửi 27/3/2013, 7:26 pm magc

    xem

    Trả lời nhanh
  • Đẹp zai
    Đẹp zai

    Bài gửi 8/6/2013, 7:29 pm Đẹp zai

    fbf

    Trả lời nhanh
  • BF.Zone
    BF.Zone

    Bài gửi 22/10/2013, 9:17 am BF.Zone

    xem

    Trả lời nhanh
  • Sponsored content

    Bài gửi Sponsored content

    Trả lời nhanh

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang Thông điệp [Trang 1 trong tổng số 2 trang]

Chuyển đến trang : 1, 2  Next

Hỗ trợ Forumotion  » Tài Nguyên Forumotion » Kho Skin » Punbb » [Share] Skin Gamer Blue punbb

Permissions in this forum:
Bạn không có quyền trả lời bài viết