$Id$ Drupal Page Style Module ------------------------ Author - Christian Zwahlen info@zwahlendesign.ch Requires - Drupal 6, jQuery plugin (http://drupal.org/project/jquery_plugin) License - GPL (see LICENSE.txt) Description ----------- This module display a style changer on the page and in the browser menue for a better web accessibility. Advantages ---------- 1. No building of extra themes required! Black/White, White/Black and Yellow/Blue. 2. Style changer in the browser available. 3. One click function. No tutorial required. 4. Same handling in any browser (shortcuts). 5. Adjustable. 6. Select menu availabe. 7. Display current page style. 8. Browser independent. Features -------- * WCAG and BITV conform. * No Javascript and Cookies required. jQuery support. * No CSS required. * Style display settings. * Caching mode: "Normal" and "Aggressive" compatible. * Uniform markin of menu, based on the open source browser Firefox 2.0 (www.mozilla.com/en-US/firefox/) (Page Style). * Themable. See: pagestyle-text.tpl.php, pagestyle-image.tpl.php or pagestyle-form.tpl.php. * No JavaScript support available. Installation ------------ 1. Unpack and move the pagestyle modul to the Drupal directory "sites/all/modules/". 2. Download and install the "jQuery plugin" module (http://drupal.org/project/jquery_plugin). 3. Go to "Administer", "Site building", "Modules" ("admin/build/modules") and enable the modules "jQuery plugin" and "Page Style". 4. Run the database update script "update.php" if required. Settings -------- 1. Go to "Administer", "User management", "Permissions" ("admin/user/permissions") and set the different roles. 2. Go to "Administer", "Site building", "Blocks" ("admin/build/block") and make the block "Page Style" visibile (optional). 3. Go to "Administer", "Site configuration", "Page Style configuration" ("admin/settings/pagestyle") and change the settings if you want. 4. Go to "Administer", "Site building", "Translate interface", "Import" ("admin/build/translate/import") and import your language file (for German "sites/all/modules/pagestyle/translations/de.po") if it is necessary. Theming ------- Create Themes: 1. Copy the files/directorys in your theme: 1. pagestyle-text.tpl.php 2. pagestyle-image.tpl.php 3. pagestyle-form.tpl.php 4. pagestyle.css 5. images 2. Edit the PHP and CSS code in the files. Example: Image links, not in a list: Change the following elements:
/
to: | . WCAG/BITV 10.5: Adjacent hyperlinks have to be separated by printable characters surrounded by spaces. Warning: Not for: WCAG/BITV 13.6! Links are not in a list. 3. Edit the PHP templates (tpl.php) and pagestyle.css file. Example: "Image links, not in a list: Change the following elements:/
to: | . WCAG/BITV 10.5: Adjacent hyperlinks have to be separated by printable characters surrounded by spaces. Warning: Not for: WCAG/BITV 13.6! Links are not in a list. 4. Edit the images. Create your own icons. The source file is in the directory: "/images/source/pagestyle.xcf". PNG images are for new browsers and GIF images for old browsers (Internet Explorer 6). Download Themes: Edited templates are available from the developers website: http://www.zwahlendesign.ch/pagestyle. Translations ------------ German Importieren Sie die Datei "sites/all/modules/pagestyle/translations/de.po". unter "admin/build/translate/import" in die Deutsche Sprache, wenn es nötig ist. Other languages Open the file "sites/all/modules/pagestyle/translations/pagestyle.pot". in poEdit (http://www.poedit.net) or KBabel (http://kbabel.kde.org), translate the module in your language and save the file in "sites/all/modules/pagestyle/translations/" with a file suffix ".po". More Information ---------------- More help and information on: "Administer", "Help", "Page Style" ("admin/help/pagestyle").