Black Storm

[robbie93]

Thanks for clearing that up, I added the file in question and all is good now thanks for your help. 

[The Domain Shop]

Glad to hear it...

[N i g h t m a r e]

Hi, umm...


How can i make my Header area stay at the top of the page, However when you scroll it stays in place but moves down the page as you scroll leaving everything else where it is?

Like at this website here: http://www.pshomecentral.net/

Thanks in advance Trax.

[iMiKK]

add css property "background-position: fixed;" to header class or id.

[N i g h t m a r e]

add css property "background-position: fixed;" to header class or id.

What file should i edit for that?

[iMiKK]

Themes/default or other themes/css/index.css

[N i g h t m a r e]

I need some urgent help adjusting my logo/header....


So this is my logo/header area now:





I need to remove the "News" bar, then I need to make my Logo cover all the space above my menu bar (the bar that has the "Home, Community, Help, VIP etc... stuff on it.)
Then once that's done i need to make the bar that has the "Home, COmmunity, Help, VIP" and stuff on it long so that it reaches each side of the screen (left and right sides.)


Once all that is done i should end up with this:





Please help me with this, I need this done or else i can't start on anything else within my forum creating process....

[N i g h t m a r e]

Themes/default or other themes/css/index.css

So I'm in the index.css and i searched for "background-position:" I found:





Should i just replace: background-position: 98% 4px;
and make it: background-position: fixed;


...? I don't wanna mess anything up which is why I'm asking in advance...

[The Domain Shop]

You need to add "background-position: fixed;" in the element you want fixing, in this case that would be #header if you want to fix the entire header.

Because i'm not on my own computer i don't have the files to refresh my memory for the changes you want to make, do you have a link to the site with the theme on it so i can see the changes you have made?

I need to remove the "News" bar, then I need to make my Logo cover all the space above my menu bar (the bar that has the "Home, Community, Help, VIP etc... stuff on it.)
Then once that's done i need to make the bar that has the "Home, COmmunity, Help, VIP" and stuff on it long so that it reaches each side of the screen (left and right sides.)

The news can be removed from in the index.template.php or simply disabled from in theme options, also because everything is inside a wrapper which sets the entire width of the forum means you will need to move the header and menu outside of it so that they will fill the width of a users screen.

[N i g h t m a r e]

You need to add "background-position: fixed;" in the element you want fixing, in this case that would be #header if you want to fix the entire header.

Because i'm not on my own computer i don't have the files to refresh my memory for the changes you want to make, do you have a link to the site with the theme on it so i can see the changes you have made?

I need to remove the "News" bar, then I need to make my Logo cover all the space above my menu bar (the bar that has the "Home, Community, Help, VIP etc... stuff on it.)
Then once that's done i need to make the bar that has the "Home, COmmunity, Help, VIP" and stuff on it long so that it reaches each side of the screen (left and right sides.)

The news can be removed from in the index.template.php or simply disabled from in theme options, also because everything is inside a wrapper which sets the entire width of the forum means you will need to move the header and menu outside of it so that they will fill the width of a users screen.

My sites link is: www.pulsiveforums.net/maintenance


Also, I've attached my Index.css file incase you are able to make the change (add the "background-position: fixed;" changes for me. That part has me a bit confused. So if you could do that for me I'm sure i can do the rest myself

[N i g h t m a r e]

[size=78%]I need to remove the "News" bar, then I need to make my Logo cover all the space above my menu bar (the bar that has the "Home, Community, Help, VIP etc... stuff on it.)[/size]
Then once that's done i need to make the bar that has the "Home, COmmunity, Help, VIP" and stuff on it long so that it reaches each side of the screen (left and right sides.)

The news can be removed from in the index.template.php or simply disabled from in theme options, also because everything is inside a wrapper which sets the entire width of the forum means you will need to move the header and menu outside of it so that they will fill the width of a users screen.

I really have no idea how to do that.. I'm gonna need a Step-By-Step quide...

[N i g h t m a r e]

Okay so this is the code i put so that my Header area will scroll down with you when you scroll down... Not sure if i did something wrong but it isn't working.. Can someone tell me why this isn't working? Is the code wrong or? Fix/help please...

Code Select Expand

#header {
position: relative;
height: 130px;
        background-position: fixed;
overflow: hidden;
background: url(../images/theme/header.png) 0 0 repeat-x;
}


[The Domain Shop]

Try this

#header {
position: relative;
height: 130px;
width: 960px
position: fixed;
background: url(../images/theme/header.png) 0 0 repeat-x;
}

[N i g h t m a r e]

Try this

#header {
position: relative;
height: 130px;
width: 960px
position: fixed;
background: url(../images/theme/header.png) 0 0 repeat-x;
}

Just done, waiting for it to loadu up.


In the mean time, could you possibly help me with this?:



So this is my logo/header area now:









I need to remove the "News" bar, then I need to make my Logo cover all the space above my menu bar (the bar that has the "Home, Community, Help, VIP etc... stuff on it.)
Then once that's done i need to make the bar that has the "Home, COmmunity, Help, VIP" and stuff on it long so that it reaches each side of the screen (left and right sides.)




Once all that is done i should end up with this:









Please help me with this, I need this done or else i can't start on anything else within my forum creating process....


(I removed my logo and put my "Header" as my logo so i just need to stretch out the header size and stuff, along with the menu bar to fit users screens...)

[The Domain Shop]

You can remove the news, search, user area from within the index.template.php, just look at the code after and between

<div id="header">
      ALL THE STUFF HERE
</div>

[N i g h t m a r e]

You can remove the news, search, user area from within the index.template.php, just look at the code after and between

<div id="header">
      ALL THE STUFF HERE
<>

Can you edit out the News parts for me? I'm trying my best not to mess it up and I'm not really good with this type of stuff.

Code Select Expand

<div id="header">
  <div id="Top-l">
<div id="Top-r">';


// Social area.
if (!empty($settings['enable_bookmarks']))
   {
          echo'<div class="block_social">';
     if (!empty($settings['enable_rss']))
echo '
<a class="social" href="',$settings['enable_rss'],'"><img src="'.$settings['images_url'].'/rss.png" alt="Rss Feed"></a>';


     if (!empty($settings['enable_youtube']))
echo '
<a class="social" href="',$settings['enable_youtube'],'"><img src="'.$settings['images_url'].'/youtube.png" alt="Youtube"></a>';


     if (!empty($settings['enable_twitter']))
echo '
<a class="social" href="',$settings['enable_twitter'],'"><img src="'.$settings['images_url'].'/twitter.png" alt="Twitter"></a>';


     if (!empty($settings['enable_facebook']))
echo '
<a class="social" href="',$settings['enable_facebook'],'"><img src="'.$settings['images_url'].'/facebook.png" alt="Facebook"></a>';
echo '<>';
   }
// Show a random news item? (or you could pick one from news_lines...)
                    if (!empty($settings['enable_news']))
  {
echo '<div id="news">
<br /><b>', $txt['news'], ':</b> ', $context['random_news_line'], '<>';
  }
echo '
<div id="logo">
<a href="', $scripturl, '">', empty($context['header_logo_url_html_safe']) ? '<img src="'. $settings['images_url']. '/theme/logo.png" alt="' . $context['forum_name'] . '" title="' . $context['forum_name'] . '" />' : '<img src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name'] . '" title="' . $context['forum_name'] . '" />', '</a>
<>';
echo '
<>
  <>

[The Domain Shop]

Here you go

Code Select Expand

<div id="header">';

// Social area.
if (!empty($settings['enable_bookmarks']))
   {
          echo'<div class="block_social">';
     if (!empty($settings['enable_rss']))
echo '
<a class="social" href="',$settings['enable_rss'],'"><img src="'.$settings['images_url'].'/rss.png" alt="Rss Feed"></a>';

     if (!empty($settings['enable_youtube']))
echo '
<a class="social" href="',$settings['enable_youtube'],'"><img src="'.$settings['images_url'].'/youtube.png" alt="Youtube"></a>';

     if (!empty($settings['enable_twitter']))
echo '
<a class="social" href="',$settings['enable_twitter'],'"><img src="'.$settings['images_url'].'/twitter.png" alt="Twitter"></a>';

     if (!empty($settings['enable_facebook']))
echo '
<a class="social" href="',$settings['enable_facebook'],'"><img src="'.$settings['images_url'].'/facebook.png" alt="Facebook"></a>';
echo '</div>';
   }
echo '
<div id="logo">
<a href="', $scripturl, '">', empty($context['header_logo_url_html_safe']) ? '<img src="'. $settings['images_url']. '/theme/logo.png" alt="' . $context['forum_name'] . '" title="' . $context['forum_name'] . '" />' : '<img src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name'] . '" title="' . $context['forum_name'] . '" />', '</a>
</div>';
echo '
     </div>

Make sure you replace the code properly, the code you posted was messy and full of "<>" for some reason?

NOT TESTED SO MAKE SURE YOU HAVE A COPY OF THE FILE BEFORE CHANGING ANYTHING!

[MoreBloodWine]

Hey Trax, question. Love the heme still but when my sites in maint. mode I noticed the lack of this in he header area.

Remember, this forum is in 'Maintenance Mode'.

What do I need o add to make that show up to remind me my sites in maint. mode should I forget ?

[N i g h t m a r e]

Still need help with:

I need some urgent help adjusting my logo/header....


So this is my logo/header area now:





I need to remove the "News" bar, then I need to make my Logo cover all the space above my menu bar (the bar that has the "Home, Community, Help, VIP etc... stuff on it.)
Then once that's done i need to make the bar that has the "Home, COmmunity, Help, VIP" and stuff on it long so that it reaches each side of the screen (left and right sides.)


Once all that is done i should end up with this:





Please help me with this, I need this done or else i can't start on anything else within my forum creating process....

[N i g h t m a r e]

Still need help with:

I need some urgent help adjusting my logo/header....


So this is my logo/header area now:





I need to remove the "News" bar, then I need to make my Logo cover all the space above my menu bar (the bar that has the "Home, Community, Help, VIP etc... stuff on it.)
Then once that's done i need to make the bar that has the "Home, COmmunity, Help, VIP" and stuff on it long so that it reaches each side of the screen (left and right sides.)


Once all that is done i should end up with this:





Please help me with this, I need this done or else i can't start on anything else within my forum creating process....