Author Topic: Adjust width of menubar area  (Read 1593 times)

0 Members and 1 Guest are viewing this topic.

Offline CNYWeather

  • Forecaster
  • *****
  • Posts: 1688
    • http://www.cnyweather.com
Adjust width of menubar area
« 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
Tony


Offline saratogaWX

  • Administrator
  • Forecaster
  • *****
  • Posts: 4465
  • Saratoga, CA, USA Weather - free PHP scripts
    • Saratoga-Weather.org
Re: Adjust width of menubar area
« Reply #1 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
Ken True/Saratoga, CA, USA main site: saratoga-weather.org
Davis Vantage Pro Plus - FARS, Boltek-PCI/NexStorm, GRLevel3, WD, WL, VWS, Cumulus, Meteohub
Free weather PHP scripts/website templates - update notifications on Twitter saratogaWXPHP

Offline skysummit

  • Forecaster
  • *****
  • Posts: 512
    • Ponchatoula's Strawberry Weather
Re: Adjust width of menubar area
« Reply #2 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.
Scott Guidry

WMR200a, VWS 14.01, p35, StartWatch, Fling, WD 10.37
My Sites:  Gulf Coast Weather, Southeast LA Skywarn, Strawberry Weather

Offline CNYWeather

  • Forecaster
  • *****
  • Posts: 1688
    • http://www.cnyweather.com
Re: Adjust width of menubar area
« Reply #3 on: February 21, 2011, 08:07:16 AM »
I tried that Steve. Have it set to 150px and it's not changed anything.
Tony


Offline skysummit

  • Forecaster
  • *****
  • Posts: 512
    • Ponchatoula's Strawberry Weather
Re: Adjust width of menubar area
« Reply #4 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.
Scott Guidry

WMR200a, VWS 14.01, p35, StartWatch, Fling, WD 10.37
My Sites:  Gulf Coast Weather, Southeast LA Skywarn, Strawberry Weather

Offline CNYWeather

  • Forecaster
  • *****
  • Posts: 1688
    • http://www.cnyweather.com
Re: Adjust width of menubar area
« Reply #5 on: February 21, 2011, 09:22:52 AM »
You mean the css settings?
Tony


Offline skysummit

  • Forecaster
  • *****
  • Posts: 512
    • Ponchatoula's Strawberry Weather
Re: Adjust width of menubar area
« Reply #6 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.
Scott Guidry

WMR200a, VWS 14.01, p35, StartWatch, Fling, WD 10.37
My Sites:  Gulf Coast Weather, Southeast LA Skywarn, Strawberry Weather

Offline CNYWeather

  • Forecaster
  • *****
  • Posts: 1688
    • http://www.cnyweather.com
Re: Adjust width of menubar area
« Reply #7 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
Tony


Offline skysummit

  • Forecaster
  • *****
  • Posts: 512
    • Ponchatoula's Strawberry Weather
Re: Adjust width of menubar area
« Reply #8 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
Scott Guidry

WMR200a, VWS 14.01, p35, StartWatch, Fling, WD 10.37
My Sites:  Gulf Coast Weather, Southeast LA Skywarn, Strawberry Weather

Offline CNYWeather

  • Forecaster
  • *****
  • Posts: 1688
    • http://www.cnyweather.com
Re: Adjust width of menubar area
« Reply #9 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;
}
Tony


Offline skysummit

  • Forecaster
  • *****
  • Posts: 512
    • Ponchatoula's Strawberry Weather
Re: Adjust width of menubar area
« Reply #10 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?
Scott Guidry

WMR200a, VWS 14.01, p35, StartWatch, Fling, WD 10.37
My Sites:  Gulf Coast Weather, Southeast LA Skywarn, Strawberry Weather

Offline CNYWeather

  • Forecaster
  • *****
  • Posts: 1688
    • http://www.cnyweather.com
Re: Adjust width of menubar area
« Reply #11 on: February 22, 2011, 04:34:26 PM »
This line is my issue now too. Cant find what it is withing the left menubar

Tony