<!DOCTYPE HTML PUBLIC "//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>vytux_menu2 for webtrees 1.6 Readme</title> <script> function Link(URL) { window.location = URL; } </script> <style> /***************************************************/ /* MINIMAL STYLES */ /* The following section defines styles that every HTML Help project should need. */ /* The default style of P is red to alert you that you need to apply a style class, such as Body. */ P { margin-top:6.00pt; margin-bottom:6.00pt; font-family:Verdana; font-size:8pt; color: #FF0000; } BR { font-size:4.00pt; } /* Use H1 for all topic headings. */ H1 { margin-top:3.00pt; margin-bottom:3.00pt; font-family:Verdana; font-size:12pt; font-weight:bold; } /* Use H2 for second-level headings. */ H2 { margin-top:9.00pt; margin-bottom:3.00pt; font-family:Verdana; font-size:10pt; font-weight:bold; } /* Use H3 for third-level headings. */ H3 { margin-top:6.00pt; margin-bottom:3.00pt; font-family:Verdana; font-size:8pt; font-weight:bold; } /* Use H4 for fourth-level headings. */ H4 { margin-top:3.00pt; margin-bottom:3.00pt; font-family:Verdana; font-size:8pt; font-weight:bold; } /* H5 and H6 have the same definition as H4 because you should not need this level of heading in one topic. If you need to use H5 or H6, consider breaking up your topic into more than one topic. */ H5 { margin-top:3.00pt; margin-bottom:3.00pt; font-family:Verdana; font-size:8pt; font-weight:bold; } H6 { margin-top:3.00pt; margin-bottom:3.00pt; font-family:Verdana; font-size:8pt; font-weight:bold; } /* Use the Body style class for normal paragraphs. */ P.Body { margin-top:6.00pt; margin-bottom:6.00pt; font-family:Verdana; font-size:8pt; color:black; } /* Use the Anchor style class for graphic references on a line by themselves. */ P.Anchor { margin-top:6.00pt; margin-bottom:6.00pt; font-family:Verdana; font-size:10pt; color:black; } /* Use the Indent style classes to indent a paragraph. If you need to indent text below a list item, use <br><br> to start the new paragraph within the same set of <li></li> tags. If you need to indent a list within another list, nest the indented list within the first list's set of <ol></ol> or <ul></ul> tags. */ P.Indent1 { margin-left:12.00pt; margin-top:6.00pt; margin-bottom:3.00pt; font-family:Verdana; font-size:8pt; color:black; } P.Indent2 { margin-left:24.00pt; margin-top:6.00pt; margin-bottom:3.00pt; font-family:Verdana; font-size:8pt; color:black; } P.Indent3 { margin-left:36.00pt; margin-top:6.00pt; margin-bottom:3.00pt; font-family:Verdana; font-size:8pt; color:black; } /* Use the LI style for all list items. */ LI { margin-top:3.00pt; margin-bottom:3.00pt; font-family:Verdana; font-size:8pt; color:black; } /* Use the OL style for numbered lists. You do not have to type the number for each list item in a numbered list. */ OL { margin-left:18.00pt; margin-top:3.00pt; margin-bottom:3.00pt; text-indent:0pt; font-family:Verdana; font-size:8pt; color:black; list-style-type: decimal; } /* Use the EquationNum style class for numbered lists of equations. You do not have to type the number for each list item in a numbered list. */ OL.EquationNum { margin-left:36.00pt; margin-top:3.00pt; margin-bottom:3.00pt; text-indent:0pt; font-family:Verdana; font-size:8pt; color:black; list-style-type: decimal; } /* Use the List-abc style class for lettered lists. You do not have to type the letter for each list item in a lettered list. */ OL.List-abc { margin-left:18.00pt; margin-top:3.00pt; margin-bottom:3.00pt; text-indent:0pt; font-family:Verdana; font-size:8pt; color:black; list-style-type:lower-alpha; } /* Use the UL style for bulleted lists. You do not have to type the bullet for each list item in a bulleted list. */ UL { margin-left:12.00pt; text-indent:0pt; margin-top:3.00pt; margin-bottom:3.00pt; font-family:Verdana; font-size:8pt; color:black; list-style-type: disc; } /* Use the List-Box style class for bulleted lists with boxes instead of bullets. You do not have to type the box for each list item in a box list. */ UL.List-Box { margin-left:12.00pt; margin-top:3.00pt; margin-bottom:3.00pt; text-indent:0pt; font-family:Verdana; font-size:8pt; color:black; list-style-type: square; } /* Use the List-Diamond style class for bulleted lists with diamonds instead of bullets. You do not have to type the diamond for each list item in a diamond list. */ UL.List-Diamond { margin-left:12.00pt; margin-top:3.00pt; margin-bottom:3.00pt; text-indent:0pt; font-family:Verdana; font-size:8pt; color:black; list-style-image:url(diamond.gif); } /* Use the List-Hyphen style class for bulleted lists with hyphens instead of bullets. You do not have to type the hyphen for each list item in a hyphen list. */ UL.List-Hyphen { margin-left:12.00pt; margin-top:3.00pt; margin-bottom:3.00pt; text-indent:0pt; font-family:Verdana; font-size:8pt; color:black; list-style-image:url(hyphen.gif); } /* Use the Borderless style class for tables that do not need borders, such as for 2-column or 3-column lists with no headings. */ Table.Borderless { border:none; } /* Use the Bordered style class for tables that need borders. */ Table.Bordered { border-width: 1pt; border-style: solid; border-color: black; border-collapse: collapse; } /* Use the Borderless-Wide style class for tables that do not need borders and that you want to stretch to fill the entire topic width. */ Table.Borderless-Wide { border:none; width:100%; } /* Use the Bordered-Wide style class for tables that need borders and that you want to stretch to fill the entire topic width. */ Table.Bordered-Wide { border-width: 1pt; border-style: solid; border-color: black; width:100%; border-collapse: collapse; } /* Use the TD style for table cells in Borderless or Borderless-Wide tables. */ TD { font-family:Verdana; font-size:8pt; color:black; vertical-align:top; padding:3px; } /* Use the Bordered style class for table cells in Bordered or Bordered-Wide tables. */ TD.Bordered { font-family:Verdana; font-size:8pt; color:black; vertical-align:top; border-width: 1pt; border-style: solid; border-color: black; } /* Use the Icon style class for table cells that contain note, caution, warning, or tip icons, or LabVIEW datatype terminals. */ TD.Icon { width:40px; vertical-align:top; } /* Use the Table-cell-8pt style class for table cells in tables that contain a lot of information and need smaller text to fit it all on one screen to prevent a horizontal scroll bar from appearing. */ TD.Table-cell-8pt { font-family:Verdana; font-size:7pt; color:black; } /* Use the TH style for table heading cells in Borderless or Borderless-Wide tables. */ TH { font-family:Verdana; font-size:8pt; color:black; font-weight:bold; padding:3px; } /* Use the Bordered style class for table heading cells in Bordered or Bordered-Wide tables. */ TH.Bordered { font-family:Verdana; font-size:8pt; color:black; font-weight:bold; border-width: 1pt; border-style: solid; border-color: black; } /* Use the Table-cell-8pt style class for table heading cells in tables that contain a lot of information and need smaller text to fit it all on one screen to prevent a horizontal scroll bar from appearing. */ TH.Table-Head-8pt { font-family:Verdana; font-size:7pt; color:black; font-weight:bold; } /* Use the Left-Align style class for table heading cells that you want to left align instead of center align. */ TH.Left-Align { font-family:Verdana; font-size:8pt; color:black; font-weight:bold; padding:3px; text-align:left; } /***************************************************/ /* CHARACTER FORMATS */ /* The following section defines character formats that every HTML Help project should need. */ /* Use the Dark-Red format for warnings or cautions. */ #Dark-Red { color: #800000 } /* Use the Monospace format for code or syntax examples. */ #Monospace { font-family: Courier New; font-size: 8pt; } /* Use the Monospace-Bold format for messages and responses that the computer automatically prints to the screen. */ #Monospace-Bold { font-family: Courier New; font-size: 8pt; font-weight: bold; } /* Use the Monospace-Italic format to denote text that is a placeholder for a word or value that the user must supply. */ #Monospace-Italic { font-family: Courier New; font-size: 8pt; font-style: italic; } /* Use the Platform format to denote a specific platform. */ #Platform { color: #0000FF; font-weight: bold; } /* Use the Symbol format for characters not in the Verdana character set. Use this format sparingly. When possible, you should use the correct ASCII code for the symbol or use a graphic to recreate the symbol. */ #Symbol { font-family: Symbol; font-size: 8pt; } /* CHARACTER FORMATS Updated to conform with the CSE HTML Validator Pro */ /* The following section defines character formats that every HTML Help project should need. */ /* Use the Dark-Red format for warnings or cautions. */ .Dark-Red { color: #800000 } /* Use the Monospace format for code or syntax examples. */ .Monospace { font-family: Courier New; font-size: 8pt; } /* Use the Monospace-Bold format for messages and responses that the computer automatically prints to the screen. */ .Monospace-Bold { font-family: Courier New; font-size: 8pt; font-weight: bold; } /* Use the Monospace-Italic format to denote text that is a placeholder for a word or value that the user must supply. */ .Monospace-Italic { font-family: Courier New; font-size: 8pt; font-style: italic; } /* Use the Platform format to denote a specific platform. */ .Platform { color: #0000FF; font-weight: bold; } /* Use the Symbol format for characters not in the Verdana character set. Use this format sparingly. When possible, you should use the correct ASCII code for the symbol or use a graphic to recreate the symbol. */ .Symbol { font-family: Symbol; font-size: 8pt; } /* Use the Red-text format to call attention to text that needs information added or edited by techcomm */ .Red-text {color: #FF0000;} /* Use the Green-Underline format for the green defintion in the conventions topic */ .Green-Underline {color: #007700; text-decoration : underline;} /* Use the glossButton format for the glossary buttons used in the glossary topic */ .glossButton { font-family:Verdana, sans-serif; font-size:12px; color:black; } /* Use for text sections and hyphenated words that should not break at line wraps */ span.nobreak{white-space:nowrap} /* The following styles define the color of links. */ a:link { color: #007700 } a:hover { color: #FF0000 } a:active { color: #FF0000 } a:visited { color: #7F007F } /***************************************************/ /* ACTIVITY STYLES */ /* The following section defines styles that only tutorial-style HTML Help projects should need. */ /* Use the Activity-Objective style class for the objective at the beginning of an activity topic. */ H3.Activity-Objective { color: #800000; } /***************************************************/ /* CODE STYLES */ /* The following section defines styles that you need to format entire sections of code or syntax examples. If you have just a few words you need to format as a code or syntax example, use the Monospace character format. */ P.Code { margin-top:3.00pt; margin-bottom:0.00pt; font-family:Courier New; font-size:8pt; color:black; } P.Code1 { margin-left:12.00pt; margin-top:3.00pt; margin-bottom:0.00pt; font-family:Courier New; font-size:8pt; color:black; } P.Code2 { margin-left:24.00pt; margin-top:3.00pt; margin-bottom:0.00pt; font-family:Courier New; font-size:8pt; color:black; } P.Code3 { margin-left:36.00pt; margin-top:3.00pt; margin-bottom:0.00pt; font-family:Courier New; font-size:8pt; color:black; } /***************************************************/ /* FUNCTION STYLES */ /* The following section defines styles that you might need to format function reference help. */ P.F-VI-Code4 { margin-left:48.00pt; margin-top:3.00pt; margin-bottom:0.00pt; font-family:Courier New; font-size:8pt; color:black; } P.F-VI-Code5 { margin-left:60.00pt; margin-top:3.00pt; margin-bottom:0.00pt; font-family:Courier New; font-size:8pt; color:black; } P.F-VI-Equation { margin-top:9.00pt; margin-bottom:9.00pt; font-family:Verdana; font-size:8pt; color:black; } OL.F-VI-EquationNum { margin-top:3.00pt; margin-bottom:3.00pt; text-indent:0pt; font-family:Verdana; font-size:8pt; color:black; list-style-type: decimal; } CITE.expandspot { font-style : normal; color : green; cursor: hand;} .mvd-CITE-expandspot { font-style : normal; color : green; cursor: hand;} DFN.collapsed { font-style : italic; font-weight : normal; display : 'none'; color : red;} .mvd-DFN-collapsed { font-style : italic; font-weight : normal; display : 'none'; color : red;} DFN.expanded { font-style : italic; font-weight : normal; color : red;} .mvd-DFN-expanded { font-style : italic; font-weight : normal; color : red;} EM.dropspot { cursor : hand; color : green;} .mvd-EM-dropspot { cursor : hand; color : green;} </style> <noscript><p class="Body"><strong>JavaScript (active content) is disabled. For all content to be accessible, you must enable JavaScripts in your browser.</strong></p></noscript> </head> <body style="background-color: rgb(255, 255, 255);"> <h1>vytux_menu2 for webtrees 1.6.1 Readme</h1> <p class="Body">Released: November 2014</p> <p class="Body">The readme contains the following main sections:</p> <ul> <li><a href="#Description">Description</a></li> <li><a href="#Require">Requirements</a></li> <li><a href="#Installation">Installation</a></li> <li><a href="#Setup">Setup</a></li> <li><a href="#upgrade">Upgrade</a></li> <li><a href="#Support">Contact Support</a></li> </ul> <a name="Description"></a> <h2>Description</h2> <p class="Body">After the decision of the original author of the simpl_menu2 author to not support webtrees version 1.5 I have ported some of these modules to this version of webtrees.</p> <a name="Require"></a> <h2>Requirements</h2> <p class="Body">This module requires <b>webtrees</b> version 1.6.0 or later.</p> <a name="Installation"></a> <h2>Installation</h2> <p class="Body">This section documents installation instructions for vytux_menu2.</p> <ol> <li>Unzip the files and upload them to the <b>webtrees</b> /modules_v<font color="red">X</font>/ folder on your web server. (Note: "<font color="red">X</font>" = "3" at the time of writing this, but may change in future releases)</li> <li>Login to <b>webtrees</b> as administrator, go to <span class="pointer">Administration --> Modules</span>, and find the module. It will be called "Vytux_menu2". Check it has a tick for "Enabled"</li> <li>Next go to the "Menus" menu. Set the access level and position for the menu item to suit your preference. It will probably have defaulted to "Show only to managers".</li> <li>Finally click SAVE, to complete the basic installation. </li> </ol> <a name="Setup"></a> <h2>Setup</h2> <h3>Create one menu item for each link you need.</h3> <p class="Body">These are stored in the webtrees database, as "block settings". They are created by going to the "Vytux_menu2" menu option in Administration then click on "Add menu item" to display the creation screen.</p> <ol style="list-style-type:lower-alpha;"> <li>Give each menu item a title. This will be used in the menu drop-downs. It is important therefore to keep these titles short.</li> <li>Add the address (url) of the item you want this menu item to link to. For example "forum.php". <strong>NOTE:</strong> only web pages WITHIN your webtrees site site url can be accessed in this way.</li> <li>Set the access level, to determine which users can see this menu item.</li> <li>Choose which languages to display this page for. This is the same as other similar options throughout webtrees. Select NONE of the available languages if you want it to display in ALL languages. Only select single languages if you are also planning to offer a similar translated version for other languages.</li> <li>Set the Menu position, relative to any other menu you might have already created. This determines where on the sub-menu list this menu appears. It can be changed later by simply using the up / down arrows on the vytux_menu2 administration screen. The first item will also be the default when the main "Menu" item is clicked.</li> <li>Use "Menu visibility" to set if this menu item is to be seen when viewing all family trees on your site, or just one.</li> <li>Click "Save" to complete this process and create your menu list.</li> </ol> <h3>Optional changes</h3> <ol style="list-style-type:lower-alpha;"> <li>Menu item title: this is taken from the title of the module. By default it is "Menu". That can be changed in vytux_menu2/module.php. Look for this section near the beginning: <pre>public function getMenuTitle() { return WT_I18N::translate('Menu'); }</pre> Simply replace "('Menu')" with the word or SHORT phrase you prefer, such as "('My menus')".<br> BUT, if you only have one menu item, this title will be changed to the title of that menu item, and no sub-menu will be shown.</li> <li>Menu item icons: this module uses different icons for each theme, stored in the module's <i>themes/webtrees (or clouds, colors, xenea etc)</i> folder. If you want to use a different image, simply replace the one provided with your own, of an appropriate size for your preferred theme. <p class="highlight">When you add or change icons, you must also make corresponding changes in the same theme's vytux_menu2/themes/webtrees (or clouds, colors, xenea etc)/style.css file. The places where changes can be made are noted in comments in those files.</p>Do NOT replace images with ones of the same name, as they will be over-written on upgrading.</li> <li>General design of fonts, colors, etc: change these in all or any of the vytux_menu2/themes/webtrees (or clouds, colors, xenea etc)/style.css file, but remember that such changes will be over-written when you next upgrade, so keep notes of your changes.</li> </ol> <h3>Sub-menu items</h3> <ol style="list-style-type:lower-alpha;"> <li>If you want to add more than one menu item you can. But you will need to make some changes in the style sheet of each theme you use (in this modules' themes folder, not the main webtrees ones), and create some additional small icons. Details are in comments on the style sheet (style.css).</li> </ol> <a name="upgrade"></a> <h2>Upgrade</h2> <p class="Body">As this is the first version to support webtrees 1.5 no upgrade path is possible</p> <p class="Body">Unfortunately even though this module is based on simpl_menu2 it cannot automatically import the old settings and as such all menu items will either need to be re-created or you could run this sql script over your database <strong>after</strong> enabling the new module.</p> <p class="Code3" class="Monospace">UPDATE `wt_block` SET `module_name`='vytux_menu2' WHERE `module_name`='simpl_menu2'</p> <a name="Support"></a> <h2>Contact Support</h2> <p class="Body">You can contact our support staff by one of the following:</p> <p class="Body"><span style="font-weight: bold;">Email: </span>for vytux addon support please contact me via <a href="mailto:webtrees@vytux.com">webtrees [at] vytux.com</a></p> <p class="Body"><span style="font-weight: bold;">Forum: </span>general webtrees support can be found at the <a href="http://www.webtrees.net/index.php/en/forum/index-en">webtrees forum</a></p> <hr> <h3><strong>Copyright</strong></h3> <p class="Body">© 2013-2014 Vytautas Krivickas and vytux.com</p> </body> </html>