The Joomoo Site Style extension consists of a Joomla template, component, and module that allow users to customize the appearance of the site.
This extension uses Ajax and relies heavily on Javascript and Mootools. It
does not degrade as gracefully as the other Joomoo extensions do when the user
has Javascript disabled. (We may be willing to improve this, though, for a fee.)
Features
The JoomooSiteStyle extension allows users to set the following style parameters:
Font size
Background color
Border color
Border style
Border width
This extension also allows webmasters to set a lot of parameters in the backend.
Default values for the style parameters that users can set (listed above)
The following additional style and template parameters:
Link color
Heading color
Bullet color
Input Element color
The following template parameters:
A tag line above the site name
The site name
A tag line below the site name
The backend for the template also allows webmasters to set a parameter
causing the component and module to save the values for anonymous users in the
database rather than as a cookie in their browser. This option is useful for
sites that have a large number of anonymous users and only a few number of
registered users.
Joomoo Site Style Template Backend Parameters
Customization of the Joomoo Site Style Template starts in the backend.
These parameters allow webmasters to set heading, link, bullet and input element colors, and the site's name and tag lines. These are constant for all pages on the site and users cannot change them.
These parameters also allow webmasters to set default values for the site's background, borders, and font size.
Following is a complete list of parameters for the Template, along with the options available for each:
heading_color
Color to use for headings; should be different than links
Options: Blue, Green, Red, or Yellow
link_color
Color to use for links; should be different than headings
Options: Blue, Green, Red, or Yellow
bullet_color
Color to use for bullets; match to headings (or links)
Options: Blue, Green, Red, or Yellow
input_color
Color to use for input elements; match to links (or headings)
Options: Blue, Green, Red, or Yellow
tag_line_above
Tag line above site name, for header on all pages
site_name
Name of site, for header on all pages
tag_line_below
Tag line below site name, for header on all pages
save_by_ip
Save by IP? Set to Yes to allow saving of parameters for non-logged in
users in DB (by ip address)
Options: Yes or No
default_background
Default Background Color - user may override if component or module is enabled
Options: Image, Black, Dark Blue, Dark Red, Very Dark Green, Very Dark Grey,
Navy Blue, Dark Green, Seal Brown, Tyrian Purple, Persian Indigo, Bistre,
Dark Scarlet, Army Green, Sapphire, or Falu Red
default_border_color_name
Default Border Color - user may override if component or module is enabled
Options: Blue, Green, Red, Yellow, Black, Cobalt, Pine Green,
Dark Slate Grey, Slate Grey, Maroon, Grey, Violet, Silver,
Shocking Pink, Orange Red, or White
default_border_style
Default Border Style - user may override if component or module is enabled
Options: Groove, Ridge, Double, Inset, Outset, Solid, Dashed, Dotted, or None
default_border_width
Default Border Width - user may override if component or module is enabled
Options Range from 0 to 30 pixels
default_font_size
Default Font Size - user may override if component or module is enabled
Options Range from 60% to 200% in increments of 5%
JoomooSiteStyle Module Backend Parameters
The module parameters set in the backend allow customization of how the modules appear.
Every page on this site contains at least two examples of the Joomoo Site Style module. They look different because the parameters for the module in the backend.
The version of the module that appears in the upper right corner of every page shows two sliders. This screen shot shows how that version of the module is configured.
The version of the module that appears in the left hand margin of every page shows dropdown lists that allow users to change all of the parameters. This screen shot shows how that version of the module is configured.
This page contains a third version of the module - named "Site Style Mixed" - in the right hand margin. This screen shot shows how webmasters can configure this module to have a mixture of sliders and dropdowns.
Following is a complete list of the back end parameters for the Joomoo Site Style Module, along with the options available for each:
show_font_size
Enable changing font size?
Options: True or False
font_size_type
Use dropdown or slider to change font size?
Options: Dropdown or Slider
show_background
Enable changing background?
Options: True or False
show_border_color
Enable changing border color?
Options: True or False
show_border_style
Enable changing border style?
Options: True or False
show_border_width
Enable changing border width?
Options: True or False
border_width_type
Use dropdown or slider to change border width?
Options: Dropdown or Slider
show_reset_all
Enable resetting all params to default?
Options: True or False
Database Columns
Following are the columns in the jos_joomoocomments table:
Field
Type
Description
id
int(11) unsigned
Standard joomla primary key
user_id
int(11)
Foreign key: jos_users
ip_address
varchar(40)
IP address
background
varchar(20)
Background color
border_color_name
varchar(20)
Border color
border_style
varchar(20)
Border style
border_width
tinyint(1) unsigned
Border width in pixels
font_size
smallint(2) unsigned
Font size in pixels
timestamp
timestamp
Date and time stamp
Rather than rely on index tables for the background and border color and style,
which would be more efficient, this extension stores these parameters as
literal values. This has the following advantages:
Makes it easier for non-technical people to add colors
Keeps the code simpler and easier to understand and debug
