You can just add a bgcolor tag to the html page code, or a background tag if you want a background image.
Bunty’s page with a colored background, note the added ‘bgcolor=“#FFB6C1”’
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' lang="en">
<head>
<!-- Include initially needed CSS -->
<link rel="stylesheet" type="text/css" href="https://gitcdn.xyz/cdn/Yerren/FreshWDL/master/css/stylesheet01.css" /> <!--Includes the project's css sheet -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/opentip/2.4.6/css/opentip.css" rel="stylesheet" type="text/css" /> <!--Includes the tooltip's css sheet -->
<!-- Modal code must be outside of body so it can be referenced-->
<script type="text/javascript" src="https://gitcdn.xyz/cdn/Yerren/FreshWDL/master/UpperContent.js"></script>
<meta http-equiv="Content-Script-Type" content="javascript" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Stillwater Weather Live</title>
</head>
<body bgcolor="#FFB6C1"
onload='initAll();'> <!--Once the page is loaded, start the initialization functions -->
<script type="text/javascript" src="https://gitcdn.xyz/cdn/Yerren/FreshWDL/master/InnerContent.js"></script>
<!-- Loading Screen Setup -->
<div id="loadingScreen">
<div id="loadingText">
<p id="titleText">Stillwater Weather Live</p>
<p id="loadingMessage">Collecting Data.</p>
</div>
</div>
<!-- First script that must be loaded -->
<script type="text/javascript" src="https://gitcdn.xyz/cdn/Yerren/FreshWDL/master/js_bundles/Loading.js"></script>
<!-- Include remiaing Scripts -->
<script type="text/javascript" src="config.js"></script> <!--Includes the local script that sets customisable variables-->
<script type="text/javascript" src="https://code.createjs.com/easeljs-0.8.2.min.js"></script> <!--Includes the drawing part of CreateJS: EaselJS-->
<script type="text/javascript" src="https://code.createjs.com/tweenjs-0.6.2.min.js"></script> <!--Includes the animation part of CreateJS: TweenJS-->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/opentip/2.4.6/downloads/opentip-native.js"></script> <!--Includes the tooltip library: OpenTip-->
<script type="text/javascript" src="https://gitcdn.xyz/cdn/Yerren/FreshWDL/master/js_bundles/moment-with-locales.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.min.js"></script>
<script type="text/javascript" src="https://gitcdn.xyz/cdn/Yerren/FreshWDL/master/js_bundles/Globals.js"></script> <!--Includes the script that sets global variables-->
<script type="text/javascript" src="https://gitcdn.xyz/cdn/Yerren/FreshWDL/master/js_bundles/WidgetsHandlers.min.js"></script> <!--Includes most of the Scripting-->
</body>
</html>
Nico, (and others who program a lot):
You indicated a color value with the hex code. Is there a better way that guess and try, in other words is there a tool that shows the color spectrum and you slide the cursor around to generate the color code you need? Sort of what is like in the Color Setup in WD, which just returns the color and I think degree of hue? I’m looking for something that allows easy setting by showing me the color code in hex for the color I’m pointing at.
Since you seem well versed in this, I am taking the chance that you’ve seen such a tool. So far, my google guess as to key words hasn’t been helpful.
Thanks for any leads. Dale
I like this one which has been around on various sites for ever - note it refers to Netscape :lol:
Google for “color picker”, there’s a ton of them out there. Some will give you a palette of compatible colors, some are desktop apps that allow you to mouse over an image or website and get color codes of objects, there’s even a Chrome plugin to do that (but it’s a bit clunky IMHO).
I have applied an offset for the windspeeds on my station (adjusted for height using the Met Office calculation) but Fresh WDL seems to be using the original speed not the adjusted speed, what can I do to force FreshWDL to use the adjusted speeds?
In WD. However, I think I have solved the mystery. What caused me to doubt my readings was a quick glance at the Met Office page for my location that was showing windspeeds way above what I’m getting. It would appear that their website, whilst stating that windspeeds are in mph are actually showing windspeeds in kmh!! When you calculate what they’re displaying in mph it’s similar to mine (I’ve also been able to double check this with the weather station at the local airport so it’s definitely them not me lol).
Hey, to add another temperature sensor, do the following:
FreshWDLmaster.html changes:
On line 7: Change stylesheet01.css to stylesheet02.css
On line 16: Change InnerContent.js to InnerContent-02.js
Config.js changes:
Change the gaugeSettings field so it matches the following:
gaugeSettings = { //Gauges: apparent temperature barometer windChill graphHandlerBarometer graphHandlerRainfall graphHandlerTemperature graphHandlerWindSpeed humidity moonSun solar status rainfallTitle rainfallDay rainfallMonth rainfallYear UV windDirection windSpeed
solar: {
enabled: false
},
UV: {
enabled: false
},
windChill: {
mode: “windchill”, //The default mode, either “heatIndex” or “windchill” (note: lowercase c)
autoSwitch: true //If true, will switch between heat index/wind chill depending on what is appropriate.
},
temperature: {
title: " default "
},
temperature02: {
enabled: true,
title: “default”,
input: 2
},
temperature03: {
enabled: true,
title: “default”,
input: 3
}
};
You can change the title of each of the temperature sensors by adjusting the title field. So, for example, if you wanted to change the title of one of them to be Other Temperature, you