Home

Users Manual

1. padding 5px 5px 5px 5px important font size 12px important font family Arial Helvetica sans serif important text align left important font weight bold important color 000000 important subwrap text align left transMenu item hover td color FFFFFF important transMenu item text decoration none cursor pointer cursor hand transMenu background background color FFCC99 important position absolute left Opx top 0px z index 1 moz opacity 0 85 filter alpha opacity 85 transMenu shadowRight position absolute z index 3 top 3000px width 2px moz opacity 0 85 filter alpha opacity 85 transMenu shadowBottom position absolute z index 1 left 3000px height 2px moz opacity 0 85 filter alpha opacity 85 transMenu item hover background color FF6600 important transMenu item img margin left 10px important table menu top Opx left Opx position relative margin Opx important border Opx solid FFFFFF z index 1 table menu al margin Opx important padding 5px 5px 5px 5px important display block important position relative important div menu a div menu a visited div menu a link font size 12px important font family Arial Helvetica sans serif important text align left important font weight normal important color FF9933
2. Advantages swMenuFree includes a browser detection script which fixes some issues with width and padding values being handled differently between browsers A style sheet loaded this way will be automatically adjusted to suit the users browser It is possible to tweak the CSS though to fix this if using one of the other CSS style loading methods Top menu items will also display correctly in non JavaScript browsers Disadvantages Menu will not validate as lt style gt tag is within the document body Can also make the output HTML source look a bit messy Link to External Style Sheet This loads the style sheet by linking to an external CSS file You need to have exported the menu module for this option to work If you view the output HTML source from a page with a menu module published with this setting you will see a link to the style sheet in the page eg lt link href http yoursite com modules mod_swmenufree styles menu css rel stylesheet type text css gt Advantages You can now fine tune the menu or add new features by manually editing the associated CSS file using the swMenuFree Manual CSS Editor The output HTML source also looks neater Top menu items will also display correctly in non JavaScript browsers Disadvantages Menu will not validate as lt style gt tag is within the document body Import External Style Sheet This loads the style sheet by linking to an external CSS file via a JavaScript function You need to h
3. important text decoration none important margin bottom Opx important display block important white space nowrap div menu td border bottom 1px dashed FFC819 border top 1px dashed FFC819 border left 1px dashed FFC819 background color FFFFFF important div menu td last border right 1px dashed FFC819 trans active a color FFFFFF important background color 33CCFF important menu a hover color FFFFFF important background color 33CCFF important menu span display none SWonline biz svhienuFree v4 0 E2006 by Sean hite swMenuFree User Manual Page 23 of 23 Mygosu Menu Default CSS File ddmx border 0px solid FFFFFF important ddmx a item1 ddmx a item1 hover ddmx a item1 active ddmx a item1 active hover padding 5px 5px 5px 5px important top Opx important left Opx font size 12px important font family Arial Helvetica sans serif important text align left important font weight normal important color FF9933 important text decoration none important display block white space nowrap position relative ddmx td item11 background color FFFFFF important padding 0 important border top 1px dashed FFC819 important border left 1px dashed FFC819 important border bottom 1px dashed FFC8 19 border right 0 important white spac
4. swMenuPro allows for unlimited menu modules using any of the 7 available menu systems swMenuFree only allows for the 1 menu module Tree Menu Dynamic Click Menu CSS Tab Menu Dynamic Tab Menu individual Item CSS Z D T Individual Item Images 3 2 Alter normal and mouseover CSS for any menu item within any menu module Can be backgrounds borders padding etc using a simple point and click interface Individual Item Behaviours 4 Menu Module Manager 5 x x Xx x Xx G a Xx 3 Assign normal and mouseover images for any menu item within any menu module as well as widths heights vspace hspace and alignment Create image only menus 4 Assign advanced behaviours to any menu item within any menu module These behaviours can be true or false to the following conditions show the menu item show the menu item name Used to create image only menus is the menu item clickable 5 Manage and create new menu modules using the inbuilt menu module manager SWonline biz svhtienuFree v4 0 E2006 by Sean White User Manual swMenuFree APPENDIX Page 22 of 23 Trans Menu Default CSS File transMenu position absolute overflow hidden left 1000px top 1000px transMenu content position absolute transMenu items border Opx solid FFFFFF position relative left Opx top Opx z index 2 transMenu td
5. can be made transparent by completely deleting the associated color value SWonline biz svilenuFree v4 0 E2006 by Sean White swMenuFree User Manual Page 16 of 23 Menu Module Editor Fonts amp Padding Page Get your text the right shape size and position on this page Use padding to move the menu text around within the menu element and set all font values Export an external C55 tile N aU deRepair svvMenuFree swMenu Free Menu Moduie Editor Pa ene ee Borders amp Effects Menu Module Settings Size Position amp Offsets LS Module Nar rr sag Font Family Anal Helvetica sans serif l Sub Menu l Arial Helvetica sans serif Top Menu Padding Top Right Bottom left Top Menu Text Alignment left E px 5 px E px E px Sub Menu Test Alignment left Sub Menu Padding Font Weight Top Right Bottom lett Top Menu Font Weight normal N E px E px E px E px Sub hlenu Fort Weight j bald bd l Menu Item Fonts ow er i Set the font family here by selecting one of the To A ae font groups from the drop down list Yerdana Anal Helvetica sans serif Bold at 10px Arial Helvetica sans serif Normal at 1 2p You can also set the font size weight and Georgia Times New Roman Times serif Normal at 12px alignment for both menu systems Geneva Arial Helvetica sans serif Bold at 12px To use different fonts link the menu module to the exported CSS file and use the Manual CSS
6. find which one best suites your template and needs bald wrapper g SE Contact Us Menu Source Your menu module needs a source to retrieve the menu items from These are the menu items that have previously been created using swMenuMaker or the standard Joomla Mambo menu manager Select an existing menu or Use Content Only for a content only menu explained in more detail below Example Menu Source Parent Menu items with a parent of top are top menu items The example menu on the top right shows the menu items Home News FAQs Search and Contact Us as being top menu items These items are at the top of the menu tree All other items are submenu items Links and News Feeds are level 1 submenu items with a parent of News and Blog is a level 2 submenu item with a parent of News Feeds swMenuFree will let you define a parent menu item to use This will change the top menu items to one of the submenus This can be useful when you have a very large menu and just want to display specific sections of that menu on specific pages Diagram below shows the result of using a parent value with the sample menu source shown Top Menu Items Menu Source mainmenu Parent top Top Menu Items Menu Source mainmenu Parent News Home O w O mos R r Search zia Links K News Feeds Boa Contact Us Level 2 sub menu item Level 1 sub menu items Level 1 sub menu item SWonline biz svilenuFree v4 0 E2
7. important color 000000 important border bottom 1px dashed 11B8F4 important z index 500 ddmx a item2 hover ddmx a item2 active ddmx a item2 active hover background color FF6600 important color FFFFFF important border top 1px dashed 11B8F4 important border left 1px dashed 11B8F4 important border right 1px dashed 11B8F4 important ddmx section border Opx solid FFFFFF important position absolute visibility hidden display block z index 1 ddmxframe border Opx solid FFFFFF important html ddmx td position relative ie 5 0 fix SWonline biz svhlenuFree v4 0 E2006 by Sean White
8. module editor swMenu Free Manual CSS Editor s Edit menu module properties Cuxampplite htdocsjoomi0 modules mod_swmenutree styies menycss AWritable Module Name tes Tn ae Name and path to external CSS i file with write status transMenma items border Opx solid FFFFFF position relative left Opx top Ops g index Z T transMenu td padding Spx Spx Spx Spx importanf font size l px important font family Arial Helvetica sane text align left important font weight bold important lt color 000000 important You can view and manually edit the CSS for the menu module in this text window cursoripointer X curenr hem Click save to save changes to the external CSS file preview Click preview to open a popup window showing a live preview of the menu module using the current saved settings and the CSS from the text window Seance Click cancel to close the manual CSS editor and return to the menu module editor screen without saving changes The menu module needs to have the CSS Load value set to link external or Javascript Import External for this external CSS file to be used by the menu module The menu module can also have a CSS load value of do not link in this case a link is then manually added between the lt head gt lt head gt tags of the index php file for the template All menu modules will completely validate if you follow this process It is
9. want the automatically generated section and category items to be displayed as tables or blogs by selecting this under the Auto Menu Item Settings section on the Menu Module Settings page current page A blog shows a summary of the all the content items in that section or category by displaying the initial part of each content item on the page and providing a link to the page which gives the whole story When displayed as a table a table of just the content item titles are shown which each link to the full story Virturmart Menu If you have the Virtuemart component installed then virtuemart will be an option for a menu source With this setting swMenuFree can automatically use your nested virtuemart categories as the menu source SWonline biz svhlenuFree v4 0 E2006 by Sean White swMenuFree User Manual Page 8 of 23 Style Sheet Settings Style Sheet Settings There are currently 4 different ways that swMenuFree can handle the style sheet Beet sivle sheet i Javascript Import Extemal for the menu module each with there own Module Class Suffix gj TTT advantages and disadvantages These are detailed below Write style sheet directly into page This loads the style sheet from the stored database settings and places it directly into the page where the menu module is called If you view the output HTML source from a page with a menu module published with this setting you will see the style sheet in the actual page
10. 006 by Sean White swMenuFree User Manual Page 7 of 23 Content Only Menu lt aea ER comtet iten BS News News Latest Welcome to Joomla D Latest Example News Item 1 L Welcome to Joomla FAQs Examples Example FAQ Item 2 if Example News Item 1 Example FAQ Item 1 Ag FAs Newsflashes Newsflash Newsflash 1 O Examples Newsflash 2 C Example FAQ Item 2 H D Example FAQ Item 1 Structure of example content items in a content only menu BIG Meveflashes lS Newsflash S Newsflash 1 It is also possible to create a content only menu select use content only as the menu source This menu source creates itself dynamically from content items stored in the database The menu Example Content Only will also update itself automatically when new content is added to a Menu Source category O Mewsflash lt Once again you can change the parent to just show a specific part of the content menu tree Top menu items are the content sections Level 1 submenus are the relevant content categories for each section Level 2 submenus are the content items for the relevant categories Content needs to be published and have a valid date to be displayed in this menu Content menu items are generated each time the menu is drawn there is no reference to them in the Joomla Mambo menu manager so it is not possible to adjust all the parameters you normally could with menu items of this type You can specify however if you
11. 1px Wide and Dashed All browsers render the borders slightly different so end result may not always be This Border is 2px Wide and Dashed the same taea akar Uea Ree ea Set the style and width values on this page To use no border set the style to This Border is 2px Wide and Solid ie S a none and the width to Opx This Border is 2px Wide and Dotted Diagram to the left is an actual screenshot This Border is 4px Wide and Inset of how firefox has rendered the borders described This Border is 4px Wide and Double Change border colors on the Colors amp This Border is 4px Wide and Ridged Backgrounds page For even more control over borders link the menu module to the exported CSS file and use the Manual CSS Editor to change border values in the CSS Special Effects Sub Menu Opacity Set the transparency level for the submenus Backgrounds will show through these menus giving a professional look Sub Menu Open Close Delay Set the time in milliseconds for displaying and hiding the submenus With the Trans menu system this relates to the slide out time and slide back time for the submenu SWonline biz svilenuFree v4 0 E2006 by Sean White swMenuFree User Manual Page 18 of 23 Manual CSS Editor The manual CSS editor allows you to manually edit the CSS from a previously exported menu module This page is accessed by clicking the Manually edit external CSS file link In the top right corner of the menu
12. 4 different submenu alignment options allowing for menu modules to be placed at the top left right or bottom of the page and have submenus open towards the centre of the page To not define widths and heights leave the values blank and no CSS will be written for these allowing them to autoresize to the lengh of the contained text Top Menu Top Offset and Top Menu Left Offset values move the entire menu relative to where the menu module is published within the template SWonline biz svhtienuFree v4 0 E2006 by Sean White swMenuFree User Manual Page 15 of 23 Menu Module Editor Colors amp Backgrounds Page The Colors amp Backgrounds page is where you set the colors for all the different menu elements including borders fonts and backgrounds Background images are also supported M F Export an external CSS file SW enu ree Menu Module Editor i All color values need to Colors amp Backgrounds 2 have the prefix and be in hexadecimal format oome L Colors amp Backgrounds page by clicking on the third tab Menu Module Settings Size Fosition amp Offsets Background Images Font Colors Top Menu Background a get Top Menu Ower Background get Top Menu Over Font Color a HEFFFFF get a Sub Menu Font Color a f o00000 get Click GET to open the Sub Menu Over Font Color HEFFFFF k image manager in a pop a up wondow and choose an Click 9t to select
13. Times New Roman Times serif normal at 14px Editor to change font values in the CSS Verdana Arial Helvetica sans serif Bold at 14px Arial Helvetica sans serif Bold at 14px Geneva Arial Helvetica sans serif Normal at 14px Menu Item Padding Use padding to move the menu item text around within the menu item This is useful for aligning text with background images Also useful for adding width and height to auto resizing menu items BOTTOM PADOING SWonline biz sviienuFree v4 0 E2006 by Sean White swMenufFree User Manual Page 17 of 23 Menu Module Editor Borders amp Effects Page Set border styles and sizes on this page To use no border set the border width to Opx or the border style to none The Trans menu does not support the submenu inside border Export an external CS5 tile Menu Module Settings Size Position amp Offsets Colors amp Backgrounds Fonts amp Padding Borders amp Effects a T nd Module Name save Export cancel Access the Borders amp Effects page by clicking Border Widths Top Menu Outside Border Width fc px Top Menu Outsi on the fifth tab Top Menu Inside Border Width i px Top Menu Inside Sub Menu Outside Border Width fc px Sub Menu Outside Border Style oid oF Sub Menu Inside Border Width i px Sub Menu Inside Border Style dashed Sub Menu Transparency IES K Sub Menu Open Close Delay 300 me Menu Borders This Border is
14. ading image files to this folder using FTP or another means To apply no image or to remove a previously selected image click OK without selecting an image first SWonline biz svhlenuFree v4 0 E2006 by Sean White swMenuFree User Manual Page 20 of 23 Upgrade Repair Facility The upgrade repair facility automatically runs a few tests on the module and component and attempts to repair any installation problems Open this page if you have just manually installed an updated file You will also be able to install future releases of swMenuFree using this interface so no settings are lost when upgrading to a new version WMenuFree vooras racy Current swMenuFree Component version dU IP Messages Everything if OK Messages regarding any updates that where applied are displayed here Current switenuPree Module wersion Upload swhienuFree Upgrade Release File Browse Upload amp Install File Curr ent component imodules iritable and module versions imodules mod_swimenutree iritable will be displayed imodulesinod_swmenufresimages iritable Use these buttons to here moduesimod_swmenafreetstyles writable upload a new imodulesinod_swimenuireeicache writable swMenuFree release Jadministratoricomponentsicom_ swmenutres iritable and automatically Make sure all these upgrade the current folders are writable for installation foomponentsfcom_swmenuiree writable automatic upgrading
15. ave exported the menu module for this option to work If you view the output HTML source from a page with a menu module published with this setting you will see a JavaScript function to load the style sheet in the page The JavaScript function written once within the page lt script type text javascript gt lt l function SWimportStyleSheet shtName var link document createElement link link setAttribute href shtName link setAttribute type text css SWonline biz svhlenuFree v4 0 E2006 by Sean White swMenuFree User Manual Page 9 of 23 link setAttribute rel stylesheet var head document getElementsByTagName head item 0 head appendChild link gt lt script gt The JavaScript function that loads the menu module with this CSS style load setting lt script type text javascript gt lt SWimportStyleSheet http yoursite com modules mod_swmenufree styles menu css gt lt script gt Advantages Menu module will completely validate You can now also fine tune the menu or add new features by manually editing the associated CSS file using the swMenuFree Manual CSS Editor The output HTML source also looks neater Disadvantages Top menu items will not display correctly in non JavaScript browsers when using any of the menu systems Do Not Load This places no style sheet or link to an external style sheet You need to manually add a link to your templates in
16. dex php file for this setting to work Go to Site gt Template Manager gt Site Templates in the Joomla Mambo admin Select the template that will be displaying the menu module then click Edit HTML in the top right corner Type a link to the external style sheet just before the lt head gt tag eg lt link href http yoursite com modules mod_swMenuFree styles menu css rel stylesheet type text css gt Replace yoursite com with the URL for your site Advantages Menu module will completely validate You can now fine tune the menu or add new features by manually editing the associated CSS file using the swMenuFree Manual CSS Editor The output HTML source also looks neater Top menu items will also display correctly in non JavaScript browsers Disadvantages None but you need to apply the manual edit described above for it to work Module Class Suffix Joomla Mambo automatically adds a class that encompasses any module By default this CSS class is called moduletable This class can cause CSS conflicts with the menu systems in some templates Adding a suffix will bypass any moduletable CSS that may already exist in the templates template_css css file and may fix some conflicts It also provides another way of adding additional CSS completely surrounding and specific for the menu module SWonline biz svilenuFree v4 0 E2006 by Sean hite swMenufree User Manual Page 10 of 23 Menu Module Settings Show Module Nam
17. dule can be configured using the built in automatic style sheet and manual style sheet editors Different menu sources can be assigned to the menu module as well as automated menu systems that create menu items on the fly from the site content swMentFree is designed to give you all the tools you need to effectively create and integrate a great looking functional navigation system into the Joomla Mambo CMS fast Main Feature Differences Between Menu Systems Horizontal Vertical Vertical Top Menu Horizontal Orientation Vertical Sub Menu Vertical Orientation Right Left Up Down HTML JavaScript Top menu written as Sub menu written as Sliding Subenus Submenu Shadow Submenu Inside Border SWonline biz svilenuFree v4 0 E2006 by Sean White swMenuFree User Manual Page 3 of 23 Installation One component zip files needs to be installed into the Joomla Mambo CMS in order for swMenuFree to operate com_swmenufree4 zip this is the install file for the component Note can be any number between 0 9 and denotes incremental updates If you have trouble installing the module or component then please see the installation troubleshooting section New Component Installation Has 2 On the Install New Components screen click on Browse Locate the com_swmenufree4 zip file on your local computer then press OK Then press Up
18. e Select wether the General Module Settings module name should be displayed above gt e E Show Module Harme i Mo Yes the menu module or not Published i E Nn ves Published Select wether the menu he eee PE Of eae module is published or not Only U published menu modules are visible on Steer ee naer i Ma ves our Site ae y Sub Menu Indicator D Ma Yes Active Menu When this feature is on the Show shadow i Y mo ves rogram will automatically trace back the Prog 7 Maximum Level i 8 Itemid of the current page being viewed until it reaches the top menu item This then becomes the active top menu item and receives different styling to indicate where the user is in the menu tree By default the active top menu item is given the same CSS as a top menu rollover item CSS for active top items can also be directly edited with the swMenuFree Manual CSS Editor Select Box Hack This hack will make submenus overlay select boxes on forms in IE This is a specific bug in IE that all DHTML menus have trouble with With this feature turned on it fixes the issue Sub Menu Indicator This is only for the trans menu and if on it will place a right aligned image on submenu items that are parent items to other submenu items This image can be changed by replacing these images below with your own You can do this using the built in Image Manger Normal image modules mod_swmenufree images transmenu submenu on gif Mouse
19. e nowrap important ddmx td item1 1 last background color FFFFFF important padding 0 important border 1px dashed FFC819 important white space nowrap ddmx td item1 1 acton padding 0 important border top 1px dashed FFC819 important border left 1px dashed FFC819 important white space nowrap border bottom 1px dashed FFC8 19 ddmx td item1 1 acton last border 1px dashed FFC819 important ddmx item11 acton last a item1 ddmx item11 acton a item1 ddmx item11 acton last a hover ddmx item1 1 acton a hover ddmx item11 a hover ddmx item1 1 last a hover ddmx a item1 active ddmx a item1 active hover color FFFFFF important background color 33CCFF important ddmx a item2 ddmx a item2 hover ddmx a item2 active ddmx a item2 active hover padding 5px 5px 5px 5px important font size 12px important font family Arial Helvetica sans serif important text align left important font weight bold important text decoration none important display block white space nowrap position relative z index 500 moz opacity 0 85 ddmx a item2 background color FFCC99 important color 000000 important border top 1px dashed 11B8F4 important border left 1px dashed 11B8F4 important border right 1px dashed 11B8F4 important ddmx a item2 last background color FFCC99
20. e 13 of 23 Manager gt Module Positions These new positions then become selectable when positioning modules Module Order More than one module may be published in the one position Module order lets you define the order modules will appear in any module position Access Level Also set the access level here Public modules will be visible to anyone visiting your site Registered modules are only displays to registered members who are logged in Special can be used for other purposes Show Menu Module on Pages Select which pages you want the menu module to be displayed on Select ALl to have the menu display on all pages Select None to display on no pages same as un publishing Select multiple pages by holding down the ctrl key while left clicking the mouse button on menu pages Conditional menu module placement lets you select a condition that must be true for the module to display This is often more reliable than the pages selection and works best when pages are set to all a es hold down key white fel clicking ij Template All T i Language english AL Component All mainmenu Home mainmenu 7 Joomla License mainmenu News mainmenu News Contact Us mainmenu News Blog mainmenu 7 News BlogNews Feeds mainmenu News Blog Links mainmenu News Search mainmenu FAGs mainmenu 7 Wrapper Hold down the ctrl key while selecting
21. interval If you are adding new content you will not see the changes in the menu items until the cache file refreshes All previews in the admin area show what the menu will look like after the next cache refresh modules mod_swmenufree cache folder needs to be writeable for this feature to fully work Position amp Access nee enya cwere Module positions are defined in the Joomla Mambo template you are using Module Position i left S Module Order DMak H Module Position Each template uses different module positions in different Access Level spots on the page Registered i Special 7 To view the module positions within the template go to Site gt Template Manager gt Site Templates Select your template then click Edit HTML This opens the index php file for your template Your template file governs how your whole site will look and where the various modules can be published A typical piece of code that loads a module position in the template looks like this lt php if mosCountModules left mosLoadModules left 1 y gt This loads whatever modules are publishes in the left module position if there are any modules published in the left module position on the page You can create your own module positions in the template file then add these positions to Joomla Mambo admin by going to Site gt Template SWonline biz sviienuFree v4 0 E2006 by Sean hite swMenuFree User Manual Pag
22. load file amp Install amp Templates Site 1 Log into the amp Templates Admin Joomla Mambo administration area In the top menu locate installers components k Languages EA verh fi Mambots L d AMSTA NEW GOtiper AA Upload Package File 3 The component should now automatically install itself and the associated module files Check the message to see if the module has also installed correctly If not then you need to use the upgrade repair facility explained later or manually Wonline bi C install the module awhlenuFree 2005 by Sean White Package File C Documents and Settings sean Desktop com_siwmenuprod 1 26 Browse Upload File amp Install S Gulia oer o Per suv hlenurre j PO For support please see the forums at woe Sv Online biz files Click continue to go back to the uand component Success Components Installation screen swMenuFree should now be listed as an installed component swhenuFree Joomla Mambo DHTML Menu Component Continue SWonline biz sviienuFree v4 0 E2006 by Sean hite swMenufFree User Manual Page 4 of 23 Upgrade Existing Component Installation Unzip the com_swmenufree4 zip file and upload all contents over the top of existing files using FTP SSH or another means to the following folder administrator components com_swmenufree Open the swMenuFree component from the Joomla Ma
23. mbo administrtaion and click on the Upgrade Repair link in the top right corner Your ts amp Padding Borders amp Efi installation will now automatically test itself and upgrade or repair the database and module files Results will be displayed on the Upgrade Repair facility screen which follows Any swMenuFree component can be upgraded this way without loss of any menu settings Installation Troubleshooting To install the component and module files the following folders need to be writeable modules media components administrator components If they are not then you will get a failed install error Use FTP SSH or some other way to CHMOD those folders to 777 If you still have trouble installing then you can use the manual install method to install the component and module files 1 Unzip the com_swmenufree4 zip file 2 Create a new folder in your website administrator components com_swmenufree 3 Upload the entire contents of the zip file to the new folder you just created 4 go to this url when logged in to the administration area http www yoursite com administrator index2 php option com_swmenufree amp task upgrade replace www yoursite com with your sites url The program will now be automatically create or repair the database tables and component menu link It will also try to copy the module files into the modules folder Manual module install If the module still fails to install the
24. multiple pages to display the menu module or select all to display the menu module on all pages othermenu 7 Joomla Home othermenu 7 Joomla Forums othermenu 7 OSH Home emenu 7 Administrator Conditional Menu Module Placement It is also possible to specify a condition that must be true for the menu module to display Select a template languge if multiple languages installed or component or combination of conditions for showing the menu module Leave as all to not use the conditional placement Quite often a third party component will lose the item id of the page When this happens the page id is lost and a menu you may have wanted displayed on a page will not display Conditional module placement is more reliable as it will always place the module if the condition is true regardless of the item id value assigned for the page It works best if the pages value is set to all SWonline biz svhlenuFree v4 0 E2006 by Sean White swMenufFree User Manual Page 14 of 23 Menu Module Editor Size Position amp Offsets Page This page lets you define the positioning dimensions and offsets for your menu module Settings are explained in more detail below M E Export an external CSS file SWIVKCNRUFTCE zenu Modus Eaitor E ceo ie Menu Module Settings Size Position amp Offsets Colors amp Backgrounds Fonts amp Padding Borders amp Effects ee D Module Nc HH a nda Menu Position and Orientation Top Menu Off
25. nded to the original existing menu item If an existing menu item type is a content category blog or content category table Relevant content items are then appended to the category as a submenu Making one level of submenu that is appended to the original existing menu item Tables Blogs Joomla Mambo arranges content in sections which contain categories which then contain the actual content articles items A page that is viewed as a blog shows the initial part of each content article related to that category or section on the page with a read more link for each article A page that is viewed as a table shows each related articles title in a table format the titles then link to the full content articles You can choose here if any auto generated category menu items are shown as blogs or tables This setting also applies to content only menus Current Content Structure Current Menu Source Hybrid Menu P News is a section P ka table menu item based 1 7 Home EI oO News l OU Home i on the News section lS Mewes I a Latest SJ News a tees oF i E ates a a Welcome to Joomla O Links R L Example News Item 1 eo Welcome to Joomla i a 2 if Example News Item i S La FA t Brad Bl i a Qs be D Be Links S a Examples El t 7 S LS Mews Feeds E ar Example FAQ Item 2 D Fl O R S E O F oy Example FAQ tern 4 DESEA S E ae E a v B S oO Newstflashes a FAQs is a I 3 Newsflash 2 L Contact category table
26. over image modules mod_swmenufree images transmenu submenu off gif Show Shadow This is for the Trans Menu only and will turn the shadow off or on for the submenus Maximum Levels Set the maximum amount of levels of the menu you want the menu module to display eg Maximum levels 0 displays all levels and is the default setting Maximum levels 1 would only display the top menu items and no submenus Maximum levels 2 would only display the top menu items and level 1 submenus SWonline biz svhlenuFree v4 0 E2006 by Sean White User Manual Page 11 of 23 swMenuFree Auto Menu Item Settings j This setting allows for the automatic Auto Menu tem Settings i creation of content menu items to be myra Ment i No ves added as submenus to existing menu i Show as blogs items When a menu is set up correctly with the hybrid feature the menu will update itself as content is added without the need to manually add menu links to new content each time new content is added Use Tables Blogs Hybrid Menu When this feature is turned on the menu source will automatically append content items as menu items to the menu structure in the following way If an existing menu item type is a content section blog or content section table Relevant categories are appended as a submenu to that menu item Relevant content items are then appended to each category menu item as more submenus Making two levels of submenus that are appe
27. pe O Newsflash 1 7 ZE Newsflash 2 D Ga FAQ term i menu item based on the ys 01 Example FAQ Item 2 FAQs Example S 3 Search s category i 0 Wrapper S SE Contact Us In the example above the menu item News is a content section table based on the content section News and the menu item FAQs is a content category table based on the content category FAQs Examples The Hybrid menu shows the result of merging the existing content with the existing menu source SWonline biz svhlenuFree v4 0 E2006 by Sean White swMenufFree User Manual Page 12 of 23 Cache Settings Cache Settings Gathering the menu items requires the SISTE F program to query the mySq server In HD Mo t Yes most cases this is just the one query and Cache refresh time j T hour z has no real effect on server load The hybrid menu feature and content only menu source features do use more queries to gather the menu items and construct the menu source This can cause increased server load on busy sites or sites with lots of content Using the cache feature greatly reduces server load for these menu sources by storing the menu items in a flat text file that can be directly read by the server without the need for any queries The cache refresh time sets the time interval between the menu items being updated by the database This ensures that at the most the menu source is only updated once from the database in that time
28. possible to change much more detail with the manual CSS editor Use it to fix CSS conflicts or to add additional style to your menu or to style individual menu items Instructions on extra CSS tricks and tips can be found in the swMenuFree CSS and script hacks forums on the http www swonline biz website SWonline biz sviienuFree v4 0 E2006 by Sean White swMenufFree User Manual Page 19 of 23 Image Manager The image manager allows you to manage your images for use as background images in your menu module Navigate and create new folders Insert Image here for storing your menu images Image Manager rectory lecons S K 4 Edit or delete A FLASH ae images Tt P 25x22 Tt 23423 i P 32x32 it 61x32 Tt 79x43 a 2l Image File jicons answer_good gif Width E r Y Space Alt Janswer_good aiF Height ks H Space Upload Upload Align Baseline S Border W Constrain Proportions Refresh Cancel Click Browse to locate a file on your local hard drive Select an image from the centre preview Then Click upload to upload window and then press OK to apply the image To apply no image click OK without selecting an image first the file to the current open folder All images are stored in the modules mod_swmenufree images folder This folder needs to be writeable for the image delete edit and upload facilities to function correctly You may also manually install images by uplo
29. sets Top Menu Alignment left Top Menu Top Offset Top Menu Sub Menu Orientation horizontaldown Top Menu Left Offset i Top Menu item Width set to 0 to auto size Level 1 Sub Menu Top Offset fo Top Menu tem Height set to 0 to auto size px Level Sub Menu Left Offset jo px Sub Menu tem Width setto 0 to auto size px Level 2 Sub Menu Top Offset fo px Sub Menu tem Height setto to auto size Level 2 Sub Menu Left Offset jo px Menu Horizontal Orientation Menu Vertical Orientation MENU ALIGNMENT Additional Notes CENTER RIGHT Top Menu Top offset amp Top Menu Left Offset move menu from the top left comer of where OP MENU the menu is on the page ITEM WADTH TOP MENU TOP MENU ITEM WADTH ITEM HEIGH Top Item EE Top Item Top Item TOP MENU E EIGt S x ass ITEM HEIGHT Top Item LEVEL 1 TOP OFFSET LEVEL 1 TOP OFFSET O Sub Item a O Sub Item Top Item 4 OSublem C Q Sub Item Top Item Z 2 O LEVEL 2 TOP OFFSET 7 LEVEL 2 TOP OFFSET eee K EE S S Sveten Q Sub Item E O Sub Item S L O Sub Item Top Item D ta aeea by eben SUB MENU i D Q E S ITEM HEIGHT l O Sub Item 5 O Sub Item s I E Sub e oo S Sub Itm aa k u SUB MENU Sd k susmenu S k e 0 ITEM woTKH subbed ITEM WIDTH w DSak B w Menu may be positioned left right or centre of where the menu module is published Trans menu also offers
30. swMenuFree User Manual Page 1 of 23 swMenuFree Users Manual Prepared 11 August 2006 Program Version swMenuFree 4 0 for Joomla Mambo Created By Sean White www swonline biz Table of Contents What is swMenuFree 2 Installation 3 Menu Module Editor 5 Menu Module Settings Page 6 Size Position amp Offsets Page 14 Colors amp Backgrounds Page 15 Fonts amp Padding Page 16 Borders amp Effects Page 17 Manual CSS Editor 18 Image Manager 19 Upgrade Repair Facility 20 More Information 21 APPENDIX Trans Menu Default CSS File 22 MyGosu Menu Default CSS File 23 SWonline biz svilenuFree v4 0 E2006 by Sean hite swMenuFree User Manual Page 2 of 23 What is swMenuFree swMenuFree is a component that installs into the Joomla Mambo CMS systems The component is used to adjust the properties and styling of one special menu module that can be either a Trans or MyGosu popout menu system e Trans Menu A DHTML pop out menu with a nice sliding effect Vertically aligned submenus slide out of Vertical or Horizontally aligned top menu items Top menu is visible in non JavaScript browsers and to search engines s MyGosu Menu A DHTML pop out menu with lots of options Vertically aligned submenus pop out of Vertical or Horizontally aligned top menu items Top menu is visible in non JavaScript browsers Top and sub menus are visible to all search engines Every aspect of the menu mo
31. t open page of the Menu Module Editor Hovering over U opens a small window with addititional information relative to that setting othermenu Joomla Home othermenu 7 Joomla Forums othermenu OSM Home othermenu Administrator See Click save to save changes to the menu module and style changes to the database do not write an external CSS file Click export to save changes to the menu module and style changes to the database do export write an external CSS file This will overwrite any previously exported CSS file for this menu module with the current database style settings set on this form Click preview to open a popup window showing a live preview of the menu module using Lpreview J the current settings on this form cancel Click cancel to cancel cuyrrent changes and return the menu to the last saved state SWonline biz svwhlenuFree v4 0 E2006 by Sean hite swMenuFree User Manual Page 6 of 23 Menu Module Editor Menu Module Settings Page The first page of the Menu Module Editor controls menu module settings Below is a detailed account of the menu module settings Menu Source Settings Menu Source Settings Menu System DD Trans Menu B Home Menu Source i mainmenu 7 AS Hews c i TL Links Parent i TOR S l EG FA Menu System Select the menu system you would like to use for a E a K the menu module Experimenting with both types is the best way G EJ Search to
32. the image HEFFFFF Boete emee COlor currently chosen on h lor Wheel Picker Fees get Top Menu Insice Bo the Colo ee CKE below EFFEC get Sub Menu Outside Y Top Menu Gwer Color Sub Menu Cobar Sub Menu Over Color E HFFEGOO get Sub Menu Inside Border Color fe fin 1BoF4 get Color Wheel Picker Colors Borders and Background Images Select colors on color wheel picker then click get nest to cobor box to Font Color apply selected color Specify font colors for the Outside Border Color This border extends around whale top menu oar sub menu Specty syle and width on borders amp afed page Menu Item Inside Border Color This border extends around individual manu items on top menus of submenus Specty style and width on borders amp effect page normal and mouse over sates Click on a color to select it Item O Menu Background Color image 2 Bacground canbe a color or a Seed image Make color and image blank for Fansparent Also specty colors images for nomnal and mouseover states Then click 3 to apply the color to the selected item 22 2222 2 Additional Notes All colors should be a valid hexadecmal color value with the preceding Z eg white is 2FFFFFF and black is 000000 You can select colors with the color wheel picker or they can be manually edited All colors should be a valid hexadecimal color with the prefix for maximum browser compatibility Menu items
33. to work There may be times when the message section of the upgrade repair page reports everything is OK but everything is not OK This is because at the time of writing the upgrade facility only checks the xml files to determine the current version and what needs to be done Sometimes the new XML file is upgraded but other files aren t upgraded due to server permisions and other server related issues If the module will not display correctly the try the manual install of the module as outlined in the installation trouble shooting section of this manual SWonline biz svilenuFree v4 0 E2006 by Sean hite swMenufFree User Manual Page 21 of 23 More Info For up to date information on swMenuFtee go to the http www swonline biz website Many menu solutions can be found in the forums For info on Joomla go to http www joomla org For info on Mambo go to http www mamboserver com For more information regarding the menu systems visit the original authors websites MyGosu Menu http gosu pl dhtml mygosumenu html Trans Menu http youngpup net projects transMenus swMenuPro Info swMen U Free f fi Z swMenuPro is a more robust and complete VS f 2 Pd ef Menu module management solution Visit swMenuPro gt 7 www swonline biz to find out how to Unlimited Menu Modules 7 C x upgrade and harness the full power and Trans Menu e w navigational opportunities that only ee 0 swMenuPro can offer a y x 1
34. you can manually install it as well by copying all files from the modules folder in the com_swmenufree4 zip file into the modules folder of your website SWonline biz svhtienuFree v4 0 E2006 by Sean White swMenuFree User Manual Page 5 of 23 Menu Module Editor The Menu Module Editor is where you can change your menu module settings and basic styles Export an exterrts Upgrade Repair swhtenuFree Borders amp Effects cancel i Trans Menu l Show Module Name jp iene Parse Navigate the Menu Module editor using es i Tor sene these dynamic tabs to open the various Style Sheet Settings Select Box Load Style Sheet ib Write style sheet directly into page Sub Menu Module Class Suffix iD Show Shadow G Nej O un Auto Menu Item Settings Pe ee ea eee Hybrid Menu i C Nej Oo ia Use Tables Blogs i Show as tables Cache Settings editing pages Module Position Module Order Access Level Select Pages hold down cbt key while left clicking mouse to select multiple pages i Template L far D Language danish None mainmenu 7 Home mainmenu Joomla License mainmenu Mews mainmenu News Contact Us mainmenu 7 News Blog mainmenu 7 News Blog News Feeds mainmenu 7 News Blog Links mainmenu News Search mainmenu 7 FAQs mainmenu 7 Wrapper Module settings are located here on the firs

Users Manual

Contents

Download Pdf Manuals

Related Search

Related Contents