Weather Display/PHP/AJAX Website Template Set - Style Editor
Update: 03/06/08 - The Style Editor is officially launched
Weather Display/PHP/AJAX Website Template Set - Style Editor by Mike Challis
This script allows you to edit the colors for a Weather Display/PHP/AJAX Website Template Set - Style Editor.
I programmed it from scratch, took about 40 hours.
I plan to use it to better the style color themes.
You edit the styles using the narrow theme, but the downloaded zip file will include both wide and narrow css files. It generates two new CSS files called weather-screen-custom-narrow.css and weather-screen-custom-wide.css. You can install one of the new css files as your main css, or you can install my Color Theme Switcher Plugin and allow your users to have many styles to select from.
It has two edit modes:
Basic Settings: (simple changes like header, table and link colors)
Advanced Settings: (advanced changes, including all the simple changes, and body background colors)
Advanced settings will allow making reverse color styles like light text on a darker background.
I will make a sample style of a light text on a darker background for that real soon.
Acceptable input is letters, numbers and # sign only
You can use hex code like this: #CC6600 (# sign required)
You can use simple color name like this: white (no # sign)
The css file, settings, and installation instructions can be saved in a zip file for you to download instantly.
You can paste settings into a textarea box from your last session and edit it again.
If you run out of time while editing and want to save your work in progress, just copy the settings from the bottom of the form page and save to a text file on your computer. When you come back, just paste the settings into a textarea box and click submit. You can now edit some more.
This makes it easy to come back and make a slight adjustment. If you downloaded a style from this style editor before, the settings are at the bottom of the form page and in the readme.txt of the zip file you downloaded.
You can also share styles in the forum by pasting your settings into the forum, then others can copy them and paste into the textarea on the style editor page, click submit and the style editor page uses the style instantly. The style can then be edited some more or downloaded in a zip file.
These other scripts I made also complement the Weather Display/PHP/AJAX Website Template Set:
Weather Display/PHP/AJAX Website Template - Color Theme Switcher Plugin
Wind Direction Graphics Generator