WXforum.net

Web Weather => Weather Web Site Help => Topic started by: CNYWeather on February 20, 2011, 06:52:18 PM

Title: Adjust width of menubar area
Post by: CNYWeather on February 20, 2011, 06:52:18 PM
I've tried 20 things, but how do I widen the area where the menubar once was.
I tried all kinds of things in my css file. I want to widen it to put thumbnails on my radar, webcam , etc etc.


http://www.cnyweather.com/newweather/wxindex.php
Title: Re: Adjust width of menubar area
Post by: saratogaWX on February 20, 2011, 07:19:29 PM
Tony,
I think the issue is your page no longer has any markup for the sidebar area .. it goes straight from the dropdown-menu HTML into the <div class="main-copy"> area 
Code: [Select]
<!-- end generated dropdown menu -->
</div>
<div id="main-copy">
   



You would need to have something like
Code: [Select]
<!-- end generated dropdown menu -->
</div>
<div class="doNotPrint">
      <div class="leftSideBar">
        <p class="sideBarTitle">Navigation</p>
stuff here
      </div><!-- end leftSidebar -->
</div><!-- end doNotPrint -->

<div id="main-copy">
on the page to be able to put stuff in the left-sidebar.

Hope this helps...
Best regards,
Ken
Title: Re: Adjust width of menubar area
Post by: skysummit on February 20, 2011, 11:10:11 PM
Hey Tony. I've been playing with the same thing.  I believe I've found it in the CSS of which ever color style you're using. Mine is "weather-screen-black-narrow.css".  In there, look for ####Left Side Bar####  and then the "width".  Mine was set to 89px as default. I just changed it to 105px and so far, so good.
Title: Re: Adjust width of menubar area
Post by: CNYWeather on February 21, 2011, 08:07:16 AM
I tried that Steve. Have it set to 150px and it's not changed anything.
Title: Re: Adjust width of menubar area
Post by: skysummit on February 21, 2011, 09:04:07 AM
I tried that Steve. Have it set to 150px and it's not changed anything.

I wonder if that's because you have your style options turned on.  Maybe try turning them off and then making the changes in the CSS file that you set active.
Title: Re: Adjust width of menubar area
Post by: CNYWeather on February 21, 2011, 09:22:52 AM
You mean the css settings?
Title: Re: Adjust width of menubar area
Post by: skysummit on February 21, 2011, 09:32:18 AM
Yes.  In your settings.php, you have the style settings set to "true".  (I'm at work right now so I cannot look at the exact wording on the file).  Its what ever line in settings.php that allows visitors to select the color and style of the site.  I have mine set to false.  So when I edit my CSS file that I'm using, I'm able to see the changes in my menubar.

I'm wondering if you do the same, if you'd be able to see your changes.
Title: Re: Adjust width of menubar area
Post by: CNYWeather on February 21, 2011, 09:50:34 AM
Here's what i've got:

Code: [Select]
# Mike Challis' Theme Switch configuration
$SITE['allowThemeSwitch']   = false;  // set to false to disable the use of Theme Switcher
$SITE['CSSscreenDefault'] = 'weather-screen-green.css'; // leave -narrow or -wide off this .. just change color here
$SITE['CSSwideOrNarrowDefault'] = 'narrow'; // 'narrow' or 'wide'
# CSSsettings_mode
# sets allowable user style select options:
# 1 user can select style and screen width (show style select and screen width select)
# 2 user can select styles only (hide screen width select)
# 3 user can select screen width only (hide style select)
$SITE['CSSsettings_mode'] = 3;  // set to 1, 2 or 3
Title: Re: Adjust width of menubar area
Post by: skysummit on February 21, 2011, 10:06:31 AM
weather-screen-green-narrow.css looks like the CSS you're using.  In there, look for ####Left Side Bar####.  That's where I was able to change my menubar width, however I only added 6 pixels to it.

I don't understand something though....you have the theme switcher set to "false", but when I'm on your site, I'm able to switch the colors.   If you want to stick with the green narrow layout, turn that color option off also and your changes in the CSS file should take place.

Forgive me....I'm really not good at this PHP stuff.  I'm just feeling my way through it LOL
Title: Re: Adjust width of menubar area
Post by: CNYWeather on February 21, 2011, 10:21:53 AM
The main site you can switch colors. I've got all the other files loaded
into the "newweather" directory so I dont mess up my main pages.

Here's the part of my green-narrow css file where I'd think I would have to adjust
Code: [Select]
/* ##### Left Side Bar ##### */

.leftSideBar {
  width:8.5em;
  float: left;
  clear: left;
}

.leftSideBar .sideBarTitle {
  color: white;
  background-color: #00745B;
  font-weight: bold;
  margin: 0;
  padding: 0.5ex 1ex;
}

.leftSideBar ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0;
  padding: 0;
}

.leftSideBar li {
  margin: .5ex;
  padding: 0;
}

.leftSideBar a {
display: block;
color: #00745B;
background-color: transparent;
width: 150px;
padding: .05em;
text-decoration: none;
}
Title: Re: Adjust width of menubar area
Post by: skysummit on February 21, 2011, 10:23:29 AM
The main site you can switch colors. I've got all the other files loaded
into the "newweather" directory so I dont mess up my main pages.

Here's the part of my green-narrow css file where I'd think I would have to adjust
Code: [Select]
/* ##### Left Side Bar ##### */

.leftSideBar {
  width:8.5em;
  float: left;
  clear: left;
}

.leftSideBar .sideBarTitle {
  color: white;
  background-color: #00745B;
  font-weight: bold;
  margin: 0;
  padding: 0.5ex 1ex;
}

.leftSideBar ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0;
  padding: 0;
}

.leftSideBar li {
  margin: .5ex;
  padding: 0;
}

.leftSideBar a {
display: block;
color: #00745B;
background-color: transparent;
width: 150px;
padding: .05em;
text-decoration: none;
}


Yup, that's where I adjusted mine. I see where you changed yours to 150px.  You still see no difference?
Title: Re: Adjust width of menubar area
Post by: CNYWeather on February 22, 2011, 04:34:26 PM
This line is my issue now too. Cant find what it is withing the left menubar