WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You

WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

1Hide Header? Empty Hide Header? Tue Jun 15, 2010 3:02 am

latchy

latchy
Registered Member
Registered Member
Hello,

How can I hide the blue bar what you see here? I am using PunBB

Hide Header? Hide10

Thanks,
Rob

http://www.graphiccentral.org/

2Hide Header? Empty Re: Hide Header? Tue Jun 15, 2010 11:38 am

Kratos

Kratos
Registered Member
Registered Member
there are man blue bars..which one are you talking about?

3Hide Header? Empty Re: Hide Header? Tue Jun 15, 2010 3:40 pm

latchy

latchy
Registered Member
Registered Member
The one at the very top

The default one some would say Razz

http://www.graphiccentral.org/

4Hide Header? Empty Re: Hide Header? Tue Jun 15, 2010 4:23 pm

iJerick

iJerick
Registered Member
Registered Member
latchy wrote:The one at the very top

The default one some would say Razz

You can do it via template editing! Smile

5Hide Header? Empty Re: Hide Header? Tue Jun 15, 2010 6:29 pm

latchy

latchy
Registered Member
Registered Member
How?

What do I do to do it?

http://www.graphiccentral.org/

6Hide Header? Empty Re: Hide Header? Tue Jun 15, 2010 7:01 pm

iJerick

iJerick
Registered Member
Registered Member
Go to Admin Panel > Display > Templates > overall_header_new..

Can you give me the template code, so i can help you?

7Hide Header? Empty Re: Hide Header? Tue Jun 15, 2010 11:56 pm

latchy

latchy
Registered Member
Registered Member
Sure thing Smile

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html id="min-width" xmlns="http://www.w3.org/1999/xhtml" xml:lang="{L_LANG_HTML}" lang="{L_LANG_HTML}" dir="{S_CONTENT_DIRECTION}">
<head>
   <!-- BEGIN meta_emulate_ie7 -->
   <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
   <!-- END meta_emulate_ie7 -->
   <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" />
   {META_FAVICO}
   {META}
   <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="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
   <!-- BEGIN switch_ticker -->
   <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
   <!-- END switch_ticker -->
   <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 -->
   //]]>
   </script>
   {GREETING_POPUP}
   <!-- BEGIN hitskin_preview -->
   <style type="text/css">
   #hitskin_preview {
   margin: 0; padding: 0;
   position: fixed;
   top: 0; left: 0;
   width: 100%;
   height: 65px;
   background: url('http://2img.net/i/fa/hitskin/hitskin_bar.png') repeat-x left -15px;
   color: #fff;
   }

   * html #hitskin_preview { /* Fix for IE6 since it doesn't implement fixed positionning */
      position: absolute;
      top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
      z-index: 2;
      background: transparent url('http://2img.net/i/fa/hitskin/hitskin_bar-ie6.gif') repeat-x left -15px;
   }

   * html { /* Gunlaug's Speed fix for the above positionning fix. Sorry for the fix for the fix */
    background: #fff url(foo) fixed;
    }

   #hitskin_preview h1 {
      float: left;
      margin: 3px 0 0 0;
      padding: 0 0 0 10px;
      font: italic normal 25px Arial,sans serif;
      color: #fff;
   }
   #hitskin_preview h1 img {
      vertical-align: middle;
   }
   #hitskin_preview em {
      color: #7CBA2C;
      font-weight: bold;
   }
   #hitskin_preview a {
   color: #fff;
   }
   #hitskin_preview a:hover {
   text-decoration: underline;
   }

   #hitskin_preview .content {
      text-align: right;
   }

   #hitskin_preview .content p {
      margin: 4px 1em 0px 1em;
      font-size: 13px;
      line-height: 1.8em;
      color: #fff;
      font-weight: bold;
   }
   #hitskin_preview .content p span {
      font-weight: normal;
      font-size: 0.8em;
   }
   body {
      margin-top: 40px !important;
   }
   {hitskin_preview.HITSKIN_RTL_CSS}
   </style>
   <!-- END hitskin_preview -->
</head>

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

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

   <a id="top" name="top" accesskey="t"></a>
   <div class="minwidth_IE">
      <div class="layout_IE">
         <div class="container_IE">
            <div class="pun">
               <div id="pun-intro" class="clearfix">
                  <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>

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

                  <!-- BEGIN switch_desc -->
                  <p id="pun-desc">{switch_desc.SITE_DESCRIPTION}</p>
                  <!-- END switch_desc -->
               </div>
               <div id="pun-head">
                  <div id="pun-navlinks">
                     <ul class="clearfix">
                        <li>{GENERATED_NAV_BAR}</li>
                     </ul>
                  </div>
               </div>

               <!-- 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 -->
<head>
<link rel="stylesheet" type="text/css" href="http://graphiccentral.bravehost.com/Gaming/css.css" />
   <script type="text/javascript" src="http://cdn.jquerytools.org/1.2.2/full/jquery.tools.min.js"></script>   
   <link rel="stylesheet" type="text/css" href="http://graphiccentral.bravehost.com/scrollable-horizontal.css" />
   <link rel="stylesheet" type="text/css" href="http://graphiccentral.bravehost.com/scrollable-buttons.css" />
</head>
<body><div class="container1">

   <div class="top_bar_con">
       <div class="top_nav">
           <ul>
               <li class="home-nav-on"><a href="#">Home</a></li>
                <li class="aboutus-nav"><a href="#">About Us</a></li>
                <li class="members-nav"><a href="#">Members</a></li>
                <li class="matches-nav"><a href="#">Matches</a></li>

                <li class="downloads-nav"><a href="#">Downloads</a></li>
                <li class="forums-nav"><a href="#">Forum</a></li>
                <li class="contactus-nav"><a href="#">Contact Us</a></li>
                <li class="sponsors-nav"><a href="#">Sponsors</a></li>
           </ul>
       
    </div>
    <div class="banner_con">
       <a href="#"><img src="http://i65.servimg.com/u/f65/15/25/34/35/banner10.jpg" alt="Banner"  /></a>

    </div>


               <div id="page-body">
                  <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                     <div id="outer-wrapper">
                        <div id="wrapper">
                           <div id="container">
                              <div id="content">
                                 <div id="{ID_LEFT}">
                                    <!-- BEGIN giefmod_index1 -->
                                    {giefmod_index1.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                    <!-- END giefmod_index1 -->
                                 </div>
                                 <div id="main">
                                    <div id="main-content">

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

http://www.graphiccentral.org/

8Hide Header? Empty Re: Hide Header? Wed Jun 16, 2010 3:12 pm

iJerick

iJerick
Registered Member
Registered Member
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html id="min-width" xmlns="http://www.w3.org/1999/xhtml" xml:lang="{L_LANG_HTML}" lang="{L_LANG_HTML}" dir="{S_CONTENT_DIRECTION}">
<head>
  <!-- BEGIN meta_emulate_ie7 -->
  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
  <!-- END meta_emulate_ie7 -->
  <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" />
  {META_FAVICO}
  {META}
  <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="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
  <!-- BEGIN switch_ticker -->
  <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
  <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
  <!-- END switch_ticker -->
  <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 -->
  //]]>
  </script>
  {GREETING_POPUP}
  <!-- BEGIN hitskin_preview -->
  <style type="text/css">
  #hitskin_preview {
  margin: 0; padding: 0;
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 65px;
  background: url('http://2img.net/i/fa/hitskin/hitskin_bar.png') repeat-x left -15px;
  color: #fff;
  }

  * html #hitskin_preview { /* Fix for IE6 since it doesn't implement fixed positionning */
      position: absolute;
      top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
      z-index: 2;
      background: transparent url('http://2img.net/i/fa/hitskin/hitskin_bar-ie6.gif') repeat-x left -15px;
  }

  * html { /* Gunlaug's Speed fix for the above positionning fix. Sorry for the fix for the fix */
    background: #fff url(foo) fixed;
    }

  #hitskin_preview h1 {
      float: left;
      margin: 3px 0 0 0;
      padding: 0 0 0 10px;
      font: italic normal 25px Arial,sans serif;
      color: #fff;
  }
  #hitskin_preview h1 img {
      vertical-align: middle;
  }
  #hitskin_preview em {
      color: #7CBA2C;
      font-weight: bold;
  }
  #hitskin_preview a {
  color: #fff;
  }
  #hitskin_preview a:hover {
  text-decoration: underline;
  }

  #hitskin_preview .content {
      text-align: right;
  }

  #hitskin_preview .content p {
      margin: 4px 1em 0px 1em;
      font-size: 13px;
      line-height: 1.8em;
      color: #fff;
      font-weight: bold;
  }
  #hitskin_preview .content p span {
      font-weight: normal;
      font-size: 0.8em;
  }
  body {
      margin-top: 40px !important;
  }
  {hitskin_preview.HITSKIN_RTL_CSS}
  </style>
  <!-- END hitskin_preview -->
</head>

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

  <a id="top" name="top" accesskey="t"></a>
  <div class="minwidth_IE">
      <div class="layout_IE">
        <div class="container_IE">
            <div class="pun">
           


<head>
<link rel="stylesheet" type="text/css" href="http://graphiccentral.bravehost.com/Gaming/css.css" />
  <script type="text/javascript" src="http://cdn.jquerytools.org/1.2.2/full/jquery.tools.min.js"></script> 
  <link rel="stylesheet" type="text/css" href="http://graphiccentral.bravehost.com/scrollable-horizontal.css" />
  <link rel="stylesheet" type="text/css" href="http://graphiccentral.bravehost.com/scrollable-buttons.css" />
</head>
<body><div class="container1">

  <div class="top_bar_con">
      <div class="top_nav">
          <ul>
              <li class="home-nav-on"><a href="#">Home</a></li>
                <li class="aboutus-nav"><a href="#">About Us</a></li>
                <li class="members-nav"><a href="#">Members</a></li>
                <li class="matches-nav"><a href="#">Matches</a></li>

                <li class="downloads-nav"><a href="#">Downloads</a></li>
                <li class="forums-nav"><a href="#">Forum</a></li>
                <li class="contactus-nav"><a href="#">Contact Us</a></li>
                <li class="sponsors-nav"><a href="#">Sponsors</a></li>
          </ul>
       
    </div>
    <div class="banner_con">
      <a href="#"><img src="http://i65.servimg.com/u/f65/15/25/34/35/banner10.jpg" alt="Banner"  /></a>

    </div>

              <!-- BEGIN switch_ticker -->
              <div id="fa_ticker_block" style="padding-top:4px;">
                  <div class="module main">
                    <div class="main-content clearfix">
                        <div id="fa_ticker_container">
                          <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                              <div class="fa_ticker_content">
                                <!-- BEGIN ticker_row -->
                                <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                <!-- END ticker_row -->
                              </div>
                          </div>
                        </div>
                    </div>
                  </div>
              </div>
              <!-- END switch_ticker -->
              <div id="page-body">
                  <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                    <div id="outer-wrapper">
                        <div id="wrapper">
                          <div id="container">
                              <div id="content">
                                <div id="{ID_LEFT}">
                                    <!-- BEGIN giefmod_index1 -->
                                    {giefmod_index1.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                    <!-- END giefmod_index1 -->
                                </div>
                                <div id="main">
                                    <div id="main-content">

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


Try this one! Smile

9Hide Header? Empty Re: Hide Header? Wed Jun 16, 2010 7:23 pm

latchy

latchy
Registered Member
Registered Member
Never done anything...

http://www.graphiccentral.org/

10Hide Header? Empty Re: Hide Header? Thu Jun 17, 2010 3:18 pm

ankillien

ankillien
Administrator
Administrator
Hey!

Please try adding this to your CSS...

Code:
#pun-intro {
display:none;
}

11Hide Header? Empty Re: Hide Header? Thu Jun 17, 2010 3:54 pm

latchy

latchy
Registered Member
Registered Member
It has only hid part of it.

Check it out....
http://gamersnation.forumotion.com/index.htm

http://www.graphiccentral.org/

12Hide Header? Empty Re: Hide Header? Thu Jun 17, 2010 4:03 pm

ankillien

ankillien
Administrator
Administrator
You want to remove nav bar too?
Try this...

Code:
#pun-head , #pun-intro {
display:none;
}

13Hide Header? Empty Re: Hide Header? Thu Jun 17, 2010 5:38 pm

iJerick

iJerick
Registered Member
Registered Member
latchy wrote:Never done anything...


It's imposible, i test it in my test forum!

@sir ankilien, sir, It's better if we have edit the template instead of css! Smile

14Hide Header? Empty Re: Hide Header? Thu Jun 17, 2010 6:08 pm

latchy

latchy
Registered Member
Registered Member
iJerick wrote:
latchy wrote:Never done anything...


It's imposible, i test it in my test forum!

@sir ankilien, sir, It's better if we have edit the template instead of css! Smile

Why would I lie?

Not really, to be honest I would prefer to do it via. CSS then templates.

http://www.graphiccentral.org/

15Hide Header? Empty Re: Hide Header? Thu Jun 17, 2010 6:34 pm

ankillien

ankillien
Administrator
Administrator
So, is it done, latchy?

16Hide Header? Empty Re: Hide Header? Thu Jun 17, 2010 6:35 pm

latchy

latchy
Registered Member
Registered Member
Yep, thank you Smile

Please call me Rob, I hate latchy Razz

http://www.graphiccentral.org/

17Hide Header? Empty Re: Hide Header? Thu Jun 17, 2010 6:42 pm

ankillien

ankillien
Administrator
Administrator
Ok, Rob, Glad I could help Very Happy

Solved | Locked

18Hide Header? Empty Re: Hide Header? Fri Jun 18, 2010 1:02 am

latchy

latchy
Registered Member
Registered Member
You forgot to lock it Razz Laughing

http://www.graphiccentral.org/

19Hide Header? Empty Re: Hide Header? Fri Jun 18, 2010 7:21 am

Russel

Russel
Moderator
Moderator
Locked

https://www.twitter.com/russeltubo

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum