Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Theme Site Themes => Topic started by: The Domain Shop on July 05, 2011, 08:49:23 AM

Title: Black Storm
Post by: The Domain Shop on July 05, 2011, 08:49:23 AM
Link to the theme (http://custom.simplemachines.org/themes/index.php?lemma=2442)

Black Storm

(http://i.imgur.com/PDkI8Vq.png)

>> License – Read included txt file <<

Created by:
(http://i.imgur.com/WxKnn7N.png) (http://www.knownbb.com/)

For more free themes visit us here (http://themes.knownbb.com)

For theme support visit us here (http://forum.knownbb.com)
Title: Re: Black Storm
Post by: Account Abandoned on August 30, 2011, 09:05:15 PM
I see the support forum is down for this theme but I have some questions on changing some colors and backgrounds. Who or where should I direct these questions to?

1. In posts, I would like to lighten up the text color a bit as it is too dark, as well as the "Forum Name > Forum Category > Board Name" small links at the top.

2. The sticky posts background is all white and its hard to read the text and sticky posts in board view, how can I make this better looking?
Title: Re: Black Storm
Post by: ARG01 on September 07, 2011, 11:39:53 AM
Not bad but I am not really liking the header/logo font.  ;)
Title: Re: Black Storm
Post by: crazyearner on June 05, 2012, 06:46:16 PM
Hello can you tell me how to edit the text that is desplyed in posts to people I want to know how to edit the color of this as it is blended in too much and needs to be brighter or white text
Title: Re: Black Storm
Post by: MovedGoalPosts on June 06, 2012, 05:23:56 AM
If you use firebug add on with firefox, or google's chrome browser which has a similar function, you can inspect an element in the web page.  That will lead you to the css code that colours the text, usually in the theme's index.css file.
Title: Re: Black Storm
Post by: The Domain Shop on June 06, 2012, 08:37:49 AM
Quote from: crazyearner on June 05, 2012, 06:46:16 PM
Hello can you tell me how to edit the text that is desplyed in posts to people I want to know how to edit the color of this as it is blended in too much and needs to be brighter or white text

Index.css

Find and change the color on both these to how you like.


.windowbg, #preview_body {
  color: #5B5B5B;
}


Find:

.windowbg2 {
  color: #5B5B5B;
}
Title: Re: Black Storm
Post by: Semerchet on August 31, 2012, 01:44:04 PM
The problem of overlapping menu.

http://www.youtube.com/watch?v=TzlvKwt7qqc&feature=youtu.be
Title: Re: Black Storm
Post by: The Domain Shop on November 12, 2012, 10:41:59 AM
Quote from: Semerchet on August 31, 2012, 01:44:04 PM
The problem of overlapping menu.

http://www.youtube.com/watch?v=TzlvKwt7qqc&feature=youtu.be

My apology for the delay in responding to this. If you still need a solution to this here it is.

In theme's  /css/index.css

Find

#topnav li li {
width: 200px;
height: auto;
padding: 0;
}


Replace with

#topnav li li {
width: 300px;
height: auto;
padding: 0;
}


Find

#topnav li ul {
background: #202020;
position: absolute;
width: 200px;
left: -999em;
margin-left: -1px;
}


Replace
Find

#topnav li ul {
background: #202020;
position: absolute;
width: 300px;
left: -999em;
margin-left: -1px;
}


It is caused by long language strings but this should do it.
If you need it to be wider, just alter the width of 300px.
Title: Re: Black Storm
Post by: electricwildflower on November 28, 2012, 04:16:13 PM
Got a couple of questions if you can answer them i did ask in forums but was sent here anyway i am looking to change a few things if you could help.

1. As you can see from the picture below i have successfully removed most of the navigation bar i will be removing the rest next This is due to being integrated into my website. So the question is everything from the navigation upwards can i remove it and bring general category up so it sits just under my navigation bar. ?

(the forum is in iframes)

1. Welcome, Guest. Please login or register. - Is it possible to remove this IE hidden and also is it possible for me to have this integrated into my website so they can log in on one of my .html pages instead of having to visit forum to sign in.


http://keepitrealkeepitgoth.3owl.com/forum.html
Title: Re: Black Storm
Post by: The Domain Shop on November 29, 2012, 08:40:49 AM
Yes you can remove all the stuff from the top area of the theme.

In index.template.php remove everything between

<div id="header">
</div>


PS: The link you posted don't work.
Title: Re: Black Storm
Post by: electricwildflower on November 29, 2012, 05:37:55 PM
Thank you it worked like a charm only thing left showing is the place which featured the sign in & banner which i want to remove and bring the forum up and the nav bar which i will be removing the links from the nav soon.

Sorry i updated my site and the file changed :P

http://keepitrealkeepitgoth.3owl.com/forum.php
Title: Re: Black Storm
Post by: The Domain Shop on November 29, 2012, 07:32:49 PM
You can completely remove the

<div id="header"></div>

This will remove the header background and lift the rest upwards

and for menu, remove the entire section in index.template

<div id="navibar"></div>
Title: Re: Black Storm
Post by: electricwildflower on November 30, 2012, 04:17:01 AM
Thank you it works great i will remove the menu once i get my links on my site sorted out thanks for quick response.

One more question is it possible for me to add my custom nav bar & banner outside of the forums IE where the header and log in button was ?

I have asked in the forums but so far no reply my nav bar is rendered using css for the styles and html for the rest of the nav bar ?

It would be much better than having to use iframe as i carn't seem to break out of them and end up with the forum loaded twice :P
Title: Re: Black Storm
Post by: The Domain Shop on November 30, 2012, 09:55:58 AM
Yes its possible. You should have just took black storm and totally restyled the entire top half and menu to make it look like your index page instead of using frames.
Title: Re: Black Storm
Post by: MoreBloodWine on March 01, 2013, 06:39:47 AM
I must say I like this theme, it's a lot cleaner that some of the other ones I used so I guess you based it off the default code or your just that good. Either way well done.

Ok, now that I said all that...

http://www.dust514corps.com/index.php

There seems to be a padding issue wih the banner / news item. Now sure if anyone else gets this but so far this is all that I found that's weird.

Edit: There also seems to be some missing images like the "new" thing that tells you there's a new reply to a post if other indicators are stupidly missed heh. I should be able to copy that fro mthe default directory but it has me curious what other images might be missing since some are only ever seen in certain admin menus like when moving boards etc.
Title: Re: Black Storm
Post by: The Domain Shop on March 01, 2013, 07:23:57 AM
I'm not sure what you mean by 'padding issues' maybe it is that your logo is 610 x 152 and the css is set to 384 x 80?
Its also too high for the header, the head hight is only set to 130px.

You need to either use a logo that is smaller or adjust all the css for the entire header area to force the logo to fit.

You need to check your permissions for the image folders, i was getting a 404 error at first for all your images, but now all images seem to be loading fine and the new.gif loads for me http://www.dust514corps.com/Themes/Blackstorm/images/english/new.gif
Title: Re: Black Storm
Post by: MoreBloodWine on March 01, 2013, 04:14:56 PM
Quote from: 'Trax' on March 01, 2013, 07:23:57 AM
I'm not sure what you mean by 'padding issues' maybe it is that your logo is 610 x 152 and the css is set to 384 x 80?
Its also too high for the header, the head hight is only set to 130px.

You need to either use a logo that is smaller or adjust all the css for the entire header area to force the logo to fit.

You need to check your permissions for the image folders, i was getting a 404 error at first for all your images, but now all images seem to be loading fine and the new.gif loads for me http://www.dust514corps.com/Themes/Blackstorm/images/english/new.gif
Go back and check now, even with my image gone and back to the base image. The "news" is still pushed way behind it.

That's why I aid something about padding issues.

Ps; One of my users said they like the dope new theme were using ;-)

Edit: As for the images, that's because I copied all the missing ones from the default images directory.
Title: Re: Black Storm
Post by: The Domain Shop on March 02, 2013, 12:14:48 PM
I do see and of-course if you try to cram a news line with 44 + words in it, its going to push everything around.
The news line only spans 50% of the header area, so if your news line is too long its going to break the styling. Even if we were to alter its positioning and set it to span 100% it still wouldn't fit.

Shorten your news line to a single line and see how it looks then.

Edit: Also the theme as been checked and all images are present and correct, the new.gif is not copied from the default as its completely different.
Title: Re: Black Storm
Post by: MoreBloodWine on March 02, 2013, 12:20:36 PM
Quote from: 'Trax' on March 02, 2013, 12:14:48 PM
I do see and of-course if you try to cram a news line with 44 + words in it, its going to push everything around.
The news line only spans 50% of the header area, so if your news line is too long its going to break the styling. Even if we were to alter its positioning and set it to span 100% it still wouldn't fit.

Shorten your news line to a single line and see how it looks then.
On every other site I have had, the news line alway pushed down to expand, it never pushed up and be hidden. Guess I'll start diggin in to the CSS and pray I get it right.
Title: Re: Black Storm
Post by: MoreBloodWine on March 02, 2013, 12:47:27 PM
So far so good but how do I expand the width of the black back piece to the header ?

Here's what I've done so far: http://www.dust514corps.com/
Title: Re: Black Storm
Post by: The Domain Shop on March 02, 2013, 02:38:54 PM
The header is designed in three parts

http://www.dust514corps.com/Themes/Blackstorm/images/theme/head_l.png
http://www.dust514corps.com/Themes/Blackstorm/images/theme/head_bg.png
http://www.dust514corps.com/Themes/Blackstorm/images/theme/head_r.png

You will need to recreate those three to the size you need them.

PS: Make sure you log out when editing it all, it still looks to me like it could do with being a bit higher ;)
Title: Re: Black Storm
Post by: MoreBloodWine on March 02, 2013, 03:15:39 PM
Quote from: 'Trax' on March 02, 2013, 02:38:54 PM
PS: Make sure you log out when editing it all, it still looks to me like it could do with being a bit higher ;)
You mean making the header larger in height or something else higher / taller ?

Everything looks good in IE / FF and he div for the news is my solution to it being hidden behind some things. You'll also notice I moved the user info right and the image / logo left... that's just a personal preference to formatting that most themes I have ued in the past held.
Title: Re: Black Storm
Post by: The Domain Shop on March 02, 2013, 03:55:13 PM
Yes i do mean making the header higher, the news is still slightly under the logo, this is probable due to the fact that i'm only using a smaller screen at the moment.

http://i.imgur.com/Dzm6k6o.png
Title: Re: Black Storm
Post by: MoreBloodWine on March 03, 2013, 05:49:14 PM
I went to install a mod today and it failed on this themes index.tmplate.php file.

   // The main content should go here.

I went as far as to remove some words trying to find any variation of this line but cant.

Was it removed ?

The mod's search was a find and add after.
Title: Re: Black Storm
Post by: The Domain Shop on March 04, 2013, 07:57:23 AM
Yep, you will need to add the code manually. It needs to go between

After this.

<div id="navibar">
  ',template_menu(),'
</div>


Before this.
<div id="bodybg">';
  theme_linktree();


If you would prefer for the mod to find and make the changes for you, you will need to make a slight change to the index.template.php code.

Find:

<div id="navibar">
  ',template_menu(),'
</div>
<div id="bodybg">';
theme_linktree();


Replace with:

<div id="navibar">
  ',template_menu(),'
</div>';

// The main content should go here.
echo '
<div id="bodybg">';
      theme_linktree();


Title: Re: Black Storm
Post by: N i g h t m a r e on June 09, 2013, 07:05:58 PM
How can i center my forum logo? So it will completely be in the center in the header area

Also, how can i remove the

"{Avatar}
Hey {User}
Show unread posts since last visit.
Show new replies to your posts.
June 09, 2013, 11:00:52 PM"
Title: Re: Black Storm
Post by: The Domain Shop on June 10, 2013, 12:27:41 PM
QuoteHow can i center my forum logo? So it will completely be in the center in the header area

index.css

Find

#logo {
  bottom: 30px;
  cursor: pointer;
  display: block;
  height: 80px;
  left: 20px;
  position: absolute;
  width: 384px;
}


Replace with

#logo {
  cursor: pointer;
  display: block;
  height: 80px;
  margin: 0 auto;
  position: relative;
  top: 10px;
  width: 384px;
}


QuoteAlso, how can i remove the

"{Avatar}
Hey {User}
Show unread posts since last visit.
Show new replies to your posts.
June 09, 2013, 11:00:52 PM"

Index.template.php

Remove

                echo '
  <div id="userarea" class="smalltext">';
if ($context['user']['is_logged'])
{
if (!empty($context['user']['avatar']))
  echo '
<div id="my-avatar" class="clearfix">', $context['user']['avatar']['image'], '</div>';
echo '
<ul class="reset">
<li><b>', $txt['hello_member'], ' ', $context['user']['name'], '</b></li>';
  echo '
<li><a href="', $scripturl, '?action=unread">', $txt['unread_since_visit'], '</a></li>
<li><a href="', $scripturl, '?action=unreadreplies">', $txt['show_unread_replies'], '</a></li>
  <li>', $context['current_time'],'</li>
</ul>';
}

// Otherwise they're a guest - this time ask them to either register or login - lazy bums...
else
{
echo sprintf($txt['welcome_guest'], $txt['guest_title']);
echo '
  <script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/sha1.js"></script>
  <form action="', $scripturl, '?action=login2" method="post" accept-charset="', $context['character_set'], '" style="margin: 4px 0;"', empty($context['disable_login_hashing']) ? ' onsubmit="hashLoginPassword(this, \'' . $context['session_id'] . '\');"' : '', '>
<input type="text" name="user" class="userlog"  size="10" />
<input type="password" name="passwrd" class="userlog"  size="10" />
<input type="submit" value="', $txt['login'], '" class="button_submit" />
<input type="hidden" name="hash_passwrd" value="" />
</form>', $context['current_time'],'<br />';
  }
  echo '
  </div>';

Title: Re: Black Storm
Post by: electricwildflower on August 14, 2013, 05:19:08 PM
I need some support if you can help me.

I installed a mod called footer menu on my site and it works fine with the default theme and shows up just fine. Now your black storm theme i had to manually add some code to index.template.php and after i did it shows fine but with a problem there is huge space between the links.

I have checked over and over with the mod to see if anything that side is affecting it but found nothing so only thing i can think of is the blackstorm theme needs editing. Problem is i don't know where or what to edit so i can remove the space. I know it's something to do with footer or at least i think i do unless i am wrong.

Screen shot of my problem below

Cheers

Title: Re: Black Storm
Post by: The Domain Shop on August 23, 2013, 03:35:53 PM
Sorry for the late response, got no internet service at the moment.

I need to see the site with the mod installed.
Title: Re: Black Storm
Post by: electricwildflower on August 24, 2013, 04:45:01 AM
Here is the test site with it installed Thanks

http://keepitrealkeepitgoth.com/test/forum/index.php?action=forum#c1 (http://keepitrealkeepitgoth.com/test/forum/index.php?action=forum#c1)
Title: Re: Black Storm
Post by: The Domain Shop on August 24, 2013, 12:48:56 PM
In the index.css

Find
body, td, th, tr {
  color: #FFF;
  padding-top: 20px;
}


Replace it with
body, td, th, tr {
  color: #FFF;
}
Title: Re: Black Storm
Post by: MoreBloodWine on August 25, 2013, 11:39:56 PM
Hey Trax, I noticed on the header where log in info is... that you dont have the "forever" drop box. But it is still on the login page if you use the login tab. Would you please add the forever dropbox for how long to stay loged in wher the header user info / login info is ?

Thx !
Title: Re: Black Storm
Post by: electricwildflower on August 26, 2013, 10:52:21 AM
Thanks for reply i tried the code you give me and it made no difference. I changed it in blackstorm/css/index.css  I was wondering if i went wrong or is there anything else i might need to change.

Thanks
Title: Re: Black Storm
Post by: The Domain Shop on August 28, 2013, 04:42:38 PM
Quote from: MoreBloodWine on August 25, 2013, 11:39:56 PM
Hey Trax, I noticed on the header where log in info is... that you dont have the "forever" drop box. But it is still on the login page if you use the login tab. Would you please add the forever dropbox for how long to stay loged in wher the header user info / login info is ?

Thx !

Find the code in index.template.php

echo '
  <script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/sha1.js"></script>
  <form action="', $scripturl, '?action=login2" method="post" accept-charset="', $context['character_set'], '" style="margin: 4px 0;"', empty($context['disable_login_hashing']) ? ' onsubmit="hashLoginPassword(this, \'' . $context['session_id'] . '\');"' : '', '>
<input type="text" name="user" class="userlog"  size="10" />
<input type="password" name="passwrd" class="userlog"  size="10" />
<input type="submit" value="', $txt['login'], '" class="button_submit" />
<input type="hidden" name="hash_passwrd" value="" />
</form>', $context['current_time'],'<br />';
  }


Replace with

echo '
  <script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/sha1.js"></script>
  <form action="', $scripturl, '?action=login2" method="post" accept-charset="', $context['character_set'], '" style="margin: 4px 0;"', empty($context['disable_login_hashing']) ? ' onsubmit="hashLoginPassword(this, \'' . $context['session_id'] . '\');"' : '', '>
<input type="text" name="user" class="userlog"  size="10" />
<input type="password" name="passwrd" class="userlog"  size="10" />
                    <select name="cookielength">
<option value="60">', $txt['one_hour'], '</option>
<option value="1440">', $txt['one_day'], '</option>
<option value="10080">', $txt['one_week'], '</option>
<option value="43200">', $txt['one_month'], '</option>
<option value="-1" selected="selected">', $txt['forever'], '</option>
</select>
<input type="submit" value="', $txt['login'], '" class="button_submit" />
<input type="hidden" name="hash_passwrd" value="" />
</form>', $context['current_time'],'<br />';
  }


Title: Re: Black Storm
Post by: The Domain Shop on August 28, 2013, 04:51:47 PM
Quote from: electricwildflower on August 26, 2013, 10:52:21 AM
Thanks for reply i tried the code you give me and it made no difference. I changed it in blackstorm/css/index.css  I was wondering if i went wrong or is there anything else i might need to change.

Thanks

Be sure to clear your browser cache, it should be working.
Also if you use cloudflare to cache files you will need to flush it or wait for it to update.

If not, please post your "Edited" index.css for me to look at.
Title: Re: Black Storm
Post by: MoreBloodWine on August 29, 2013, 03:47:32 AM
Thx for the reply Trax, but might I suggest that in your next update you include this ?
Title: Re: Black Storm
Post by: electricwildflower on August 29, 2013, 07:47:48 AM
Thank you i just had to clear the cache and it worked. :)
Title: Re: Black Storm
Post by: The Domain Shop on August 29, 2013, 12:16:34 PM
Quote from: MoreBloodWine on August 29, 2013, 03:47:32 AM
Thx for the reply Trax, but might I suggest that in your next update you include this ?

Yep will do if i remember :P

Quote from: electricwildflower on August 29, 2013, 07:47:48 AM
Thank you i just had to clear the cache and it worked. :)

Glad to hear it :)
Title: Re: Black Storm
Post by: robbie93 on September 23, 2013, 09:28:17 PM
Hi Trax, thanks for a great looking theme  ;D can I ask if this part of code is part of theme or not. Please see screenshot.

Title: Re: Black Storm
Post by: The Domain Shop on September 24, 2013, 09:25:47 AM
Quote from: robbie93 on September 23, 2013, 09:28:17 PM
Hi Trax, thanks for a great looking theme  ;D can I ask if this part of code is part of theme or not. Please see screenshot.

Yes it is part of the themes code. It also looks like your missing the file ../blackstorm/languages/ThemeStrings.english.php
Title: Re: Black Storm
Post by: robbie93 on September 24, 2013, 04:44:49 PM
Thanks for clearing that up, I added the file in question and all is good now thanks for your help.  :D
Title: Re: Black Storm
Post by: The Domain Shop on September 25, 2013, 09:04:26 AM
Glad to hear it...
Title: Re: Black Storm
Post by: N i g h t m a r e on September 28, 2013, 02:58:17 AM
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.
Title: Re: Black Storm
Post by: iMiKK on September 28, 2013, 05:23:59 AM
add css property "background-position: fixed;" to header class or id.
Title: Re: Black Storm
Post by: N i g h t m a r e on September 28, 2013, 02:32:39 PM
Quote from: iMikk on September 28, 2013, 05:23:59 AM
add css property "background-position: fixed;" to header class or id.


What file should i edit for that?
Title: Re: Black Storm
Post by: iMiKK on September 28, 2013, 02:49:14 PM
Themes/default or other themes/css/index.css
Title: Re: Black Storm
Post by: N i g h t m a r e on September 28, 2013, 03:03:21 PM
I need some urgent help adjusting my logo/header....


So this is my logo/header area now:


(http://i1247.photobucket.com/albums/gg634/kingzeus3/Attempt1_zps520d607e.png)


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:


(http://i1247.photobucket.com/albums/gg634/kingzeus3/Attempt2_zpsdc48d8af.png)


Please help me with this, I need this done or else i can't start on anything else within my forum creating process....
Title: Re: Black Storm
Post by: N i g h t m a r e on September 28, 2013, 03:12:49 PM
Quote from: iMikk on September 28, 2013, 02:49:14 PM
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...
Title: Re: Black Storm
Post by: The Domain Shop on September 28, 2013, 03:31:01 PM
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?

QuoteI 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.
Title: Re: Black Storm
Post by: N i g h t m a r e on September 28, 2013, 03:48:53 PM
Quote from: 'Trax' on September 28, 2013, 03:31:01 PM
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?

QuoteI 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 :)
Title: Re: Black Storm
Post by: N i g h t m a r e on September 28, 2013, 11:35:31 PM
Quote from: 'Trax' on September 28, 2013, 03:31:01 PM
Quote[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...
Title: Re: Black Storm
Post by: N i g h t m a r e on October 03, 2013, 01:48:13 AM
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...

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


Title: Re: Black Storm
Post by: The Domain Shop on October 03, 2013, 08:03:37 AM
Try this

#header {
position: relative;
height: 130px;
width: 960px
position: fixed;
background: url(../images/theme/header.png) 0 0 repeat-x;
}
Title: Re: Black Storm
Post by: N i g h t m a r e on October 03, 2013, 10:59:06 AM
Quote from: 'Trax' on October 03, 2013, 08:03:37 AM
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:




(http://i1247.photobucket.com/albums/gg634/kingzeus3/Attempt1_zps520d607e.png)




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:




(http://i1247.photobucket.com/albums/gg634/kingzeus3/Attempt2_zpsdc48d8af.png)




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...)
Title: Re: Black Storm
Post by: The Domain Shop on October 03, 2013, 01:11:04 PM
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>
Title: Re: Black Storm
Post by: N i g h t m a r e on October 03, 2013, 02:05:22 PM
Quote from: 'Trax' on October 03, 2013, 01:11:04 PM
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.


<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 '
<>
  <>
Title: Re: Black Storm
Post by: The Domain Shop on October 03, 2013, 06:13:34 PM
Here you go

<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!
Title: Re: Black Storm
Post by: MoreBloodWine on October 20, 2013, 07:14:43 PM
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 ?
Title: Re: Black Storm
Post by: N i g h t m a r e on October 23, 2013, 07:51:59 PM
Still need help with:

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


So this is my logo/header area now:


(http://i1247.photobucket.com/albums/gg634/kingzeus3/Attempt1_zps520d607e.png)


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:


(http://i1247.photobucket.com/albums/gg634/kingzeus3/Attempt2_zpsdc48d8af.png)


Please help me with this, I need this done or else i can't start on anything else within my forum creating process....
Title: Re: Black Storm
Post by: N i g h t m a r e on December 29, 2013, 11:01:33 PM
Still need help with:

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


So this is my logo/header area now:


(http://i1247.photobucket.com/albums/gg634/kingzeus3/Attempt1_zps520d607e.png)


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:


(http://i1247.photobucket.com/albums/gg634/kingzeus3/Attempt2_zpsdc48d8af.png)


Please help me with this, I need this done or else i can't start on anything else within my forum creating process....
Title: Re: Black Storm
Post by: bmpk5032 on September 20, 2014, 06:08:51 PM
Hi there!

On my forums I'm using a custom theme (Black Storm (http://custom.simplemachines.org/themes/index.php?lemma=2442)). I'm trying to add in a little bit of text and (what I'm assuming should be) PHP in between the board's header and the navigation bar. I'm going to add the text "Upcoming Performances" manually with html and I then want it to list the upcoming events as they are configured to display in the calendar settings. Basically, I don't want them to have to scroll all the way to the bottom to see the upcoming events listed in the Info Center and nor do I want to just relocate the Info Center to the top; just a string of text with the upcoming events at the top will be perfect!

I followed the advice found on ssi_examples.php by adding in the following code on line 1 of index.template.php:

<?php require("/home/a6561555/public_html/SSI.php"); ?>

I then added the following code to index.template.php right after the header <div> is closed and just before the navigation bar <div> is opened:

<?php ssi_todaysEvents(); ?>

The font "Upcoming Performances:" displays exactly where it should be, but absolutely nothing is showing after the colon where I would expect the upcoming events to display. If anyone could point me to what I'm doing wrong, it'd be greatly appreciated! Many thanks in advance! :)
Title: Re: Black Storm
Post by: The Domain Shop on September 21, 2014, 10:17:13 AM
You don't need ssi if your placing the code in the themes template already?

To get upcoming events you need something like this i believe ',$txt['events_upcoming'],'
Title: Re: Black Storm
Post by: bmpk5032 on September 21, 2014, 11:34:18 PM
Thanks for the reply!

I tried adding that bit of code where I had the "Upcoming Performances:" before, but all it did was replace it with "Upcoming Events:" and didn't list any of them after the colon. As you can probably tell, I'm a bit of a newb when it comes to PHP. I only took a handful of courses in college for various other programming languages, so I know just enough to be able to read my way through and determine minor coding changes to the point of being able to administrate the forums, but doing what bit of code I thought would work has never resulted in it the events being displayed.

With that being said, if you're not going to place it in the themes template, where else would you place it? Basically, when I check out http://myForumAddress.com/ssi_examples.php and look at the bit of code that it gives me for listing "Today's Events", the resulting example that it displays underneath actually lists the events that I have entered into my forum's calendar. I basically just want to take that and plop it right at the top of the forum when users that are capable of seeing that information log in with their user/pass.

Any other thoughts/comments would be greatly appreciated! :)
Title: Re: Black Storm
Post by: The Domain Shop on September 22, 2014, 09:01:02 AM
Yep, sorry that's just going to display "Upcoming Events:" my mistake :-[

SSI is generally used to pull information from the software and display it on another page like an index/home page.

Has for moving stuff around like this i would suggest asking in SMF Coding Discussion (http://www.simplemachines.org/community/index.php?board=60.0) PhP is not my strong point and i would rather you ask someone else who knows more about PHP and the correct way to doing this.

Thanks