Hello, we have released a new version of AllWebMenus Pro: Version 5.3 build #898.
Check out What's New
- Added support for moving the items (or submenus) in the Menu Structure tree using the mouse "drag and drop" method. Note: this is related to editing the Menu Structure tree inside the AllWebMenus interface, not to the compiled menu items and submenus.
- Fixed an issue when an "img { max-width: 100%; }" declaration existed in the page.
- Fixed an issue where certain images of server-side menus were not loaded properly (Mozilla only).
- Fixed an issue when the body used a "position:relative" CSS value (IE, Opera).
All features here: http://www.likno.com/allwebmenusinfo.html
Download the new version of our CSS menu builder at http://www.likno.com/download.html
Tags: CSS, css menu, download, drag, drop, drop-down menu, IE, img, javascript menu, jquery, Menu, mouse, mozilla, Opera, page, sliding menu, structure, submenu, version, web, website
Hello, we have released a new version of AllWebMenus Pro: Version 5.3 build #896.
Check out What's New
- Added extra menu positioning options to the "Menu Preview" pane too, so that your menu appears on Preview in a convenient position and is not affected by the actual positioning that takes place in the actual web page.
- Fixed an issue with the UL/LI sample code.
- Fixed an issue where the menu (javascript or CSS) could generate a horizontal scrollbar in the browser.
- Fixed an issue where the drop-down menu items appeared very wide in IE, in some rare cases.
- Fixed an issue where rounded corners on menus (javascript or CSS) were not displayed properly (Mozilla Firefox v13 only).
All features here: http://www.likno.com/allwebmenusinfo.html
Download the new version of our CSS menu builder at http://www.likno.com/download.html
Tags: browser, code, CSS, css menu, css menus, download, drop-down menu, features, FireFox, horizontal, IE, JavaScript, javascript menu, javascript menus, jquery, LI, Menu, mozilla, new, new version, page, preview, rounded corners, sample, scrollbar, sliding menu, UL, web, website
Dear Likno users, we are pleased to announce that we have just released our new product: The Likno Web Scroller Builder!
Likno Web Scroller Builder is a feature-rich tool for creating stylish, html scrollers/sliders for your web pages, with minimal effort and coding.
View interface screenshots
Major Features
- Rich and powerful interface!
- Cross-browser
Javascript engine supports all browsers, such as IE, Firefox, Chrome, Safari, Opera, Mozilla, Konqueror and more.
- Cross-platform
Javascript engine supports all platforms, such as Windows, Mac OS X, Linux, smartphones (iPhone, Android, Windows Phone, BlackBerry 6+) and more.
- Cross-editor
Works with all authoring tools (such as Dreamweaver, Expression Web, NetObjects Fusion, CoffeeCup, etc.), even a simple text editor!
- Cross-CMS
Works with all CMS and Blogs (such as WordPress, Joomla, Drupal, Typo3, DotNetNuke, Expression Engine, CMS Made Simple, etc.).
- Create cross-browser jQuery scrollers to display content (items) that scroll horizontally or vertically when visitors click on (or mouse over) special navigation arrows, bars, and more.
- ... OR make the scroller behave as a "SlideShow": its items sliding (scrolling) automatically, one at a time, at specified duration and direction, with looping or not, pause on "mouse over" and more.
- Use simple text, HTML code, images, videos (YouTube, etc.), animations, Flash as the content of your scroller items.
- Create projects fast by using ready-made examples already installed in the application.
- Universal: Use in all authoring tools (Dreamweaver, Expression Web, etc.) and CMS platforms (Joomla, Drupal, WordPress, etc.).
- Create any type of jQuery scroller, such as: html scroller, javascript scroller, css scroller, ajax scroller, web scroller, vertical scroller, horizontal scroller, marquee, ticker, dhtml scroller, jquery ajax scroller, etc.
- Use any of 4 methods to populate your scrollers with content:
1. Scroller is populated by the project properties (within the application)
OR
2. Scroller is populated by a UL/LI structure, located inside your page.
OR
3. Scroller is populated by DIV elements, located inside your page.
OR
4. Scroller is populated by an external feed, such as RSS, ATOM, XML.
- Position your scrollers easily on page and anywhere you like, with many options:
1. Insert into a page element of your choice (div, span, td, etc.).
OR
2. Replace a page element (vs "insert into").
OR
3. Replace an image of your choice.
OR
4. Float, relative to the browser window (any corner).
OR
5. Float, relative to a page element of your choice (any corner).
OR
6. Float, relative to an image of your choice (any corner).
- Customize the style of your scrollers through CSS ("css scrollers").
- Apply images creatively to create interesting scrollers (images on scroller items, images on different "areas" such as "Top", "Bottom", "Left", "Right", etc.).
- Use multiple scrollers on the same page (with the same or different styling).
- Use additional Areas to your scroller around the main "Items Area" for extra information (a title, a footnote, etc.): the "Top Area", "Bottom Area", "Left Area", "Right Area".
- Add dynamic content (database-driven or programmable) to your scrollers.
- Use a tooltip on every scroller item (optionally), with plenty of styling options and dynamic HTML content.
- Use a variety of transition behaviors (Continuous, Step by Item, Step by Page) and transition effects (Instantly, Fade, Slide), etc.
- Use a variety of Navigation Bars to navigate through the scroller items. With CSS and dedicated properties to fully customize the appearance of "First", "Previous", "Next", "Last" buttons, text label, item numbers, background of the bar, mouse over effects and more.
- Use a variety of Navigation Arrows to navigate through the scroller items (combined with the Navigation Bar or not). With many CSS and dedicated properties to fully customize their appearance.
- Use Bullets to show paging (or even navigate through the scroller items).
- Set a specific scroller item to be initially selected (on page load).
- Use Rounded Corners around the scroller. Available in browsers that properly support CSS3 (IE9+, Opera 10.50+, Firefox 3.5+, Safari/Webkit 522+, Chrome and others). You can adjust the roundness of each corner all together or even separately!
- Apply a Shadow to the scroller, in browsers that properly support CSS3 (IE9+, Opera 10.50+, Firefox 3.5+, Safari/Webkit 522+, Chrome and others).
- Allow keyboard navigation on scrollers. The visitor can use the arrow keys to navigate through the items and the "P" key to "play/pause" their movement (if
- Use complete help for all properties and procedures. Press F1 while you are on a property to immediately receive Help for that property.
- Access additional designs (examples) of interesting scrollers, besides the designs coming with the application (note: applies to "Unlimited Domains" users).
- Powered by the popular jQuery open source library.
All features here: http://www.likno.com/jquery-scroller/index.php
Download here: http://www.likno.com/jquery-scroller/download.php
Tags: ajasx scroller, android, arrows, ATOM, blackberry, blog, browser, bullet, chrome, CMS, cms made simple, coffeecup, CSS, css scroller, CSS3, dhtml scroller, dotnetnuke, Dreamweaver, drupal, dynamic scroller, effects, expression engine, expression web, FireFox, flash, horizontal scroller, html, html scroller, html slider, IE, image, interface, iphone, JavaScript, Joomla, jquery, jQuery scroller, jquery slider, keyboard, Konqueror, linux, Mac OS X, marquee, mozilla, navigation arrow, navigation bar, netobjects fusion, new release, Opera, rounded corner, RSS, Safari, scroller, shadow, slider, slideshow, smart phone, smartphone, ticker, tooltip, typo3, vertical scroller, video, web page, web scroller, windows, windows phone, wordpress, XML, youtube
Knowledge Base support case for AllWebMenus, abstracted and stripped of all user’s private info.
Support Case Month: March 2012
Initial Email Subject: Menu displaying on ipad
Hello,
I am experiencing this issue: I have created a new menu in a new site.
The menu looks fine in IE9 and Mozilla Firefox and even Google Chrome but on an ipad (Safari) the font is different and the positioning is not centered.
Wonder what causes this issue?
Regards
Harvey
Dear Harvey,
Different browsers may show some fonts (especially the fancy ones) differently, sometimes even changing their size. This is due to the way each browser renders the font, and also depends on which font-related features you have enabled (such as the “cleantype” or anti-alias features that some browsers have to present the fonts in a more readable manner).
This however is not related to the menu and the same issue will present with simple in-page text using the same font. I am afraid that there is nothing we can do on our side regarding this. The only 100% safe solution to make sure that the fonts look identical to the pixel is to use images instead.
Still, you could change your menu Positioning to accommodate for this font change. I see that you have positioned your menu “Relative to Element” using the id “masthead”. However (If I am not mistaken) you are using the X offset to horizontally center the menu. Did you try using something like the following?
Best Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider) or design for your websites!
Menu now is positioned correctly on all browsers.
Thanks
Harvey
Tags: anti-alias, browser, chrome, cleantype, css menu, FireFox, font, IE9, ipad, javascript menu, Menu, mozilla, positioning, relative to an element, Safari
Knowledge Base support case for AllWebMenus, abstracted and stripped of all user’s private info.
Support Case Month: March 2012
Initial Email Subject: Menu displaying on ipad
I created a menu (AllWebMenus ver 5.3) that displays on a PC fine in ie9 and mozilla etc. but on an Ipad II in safari and on an iphone 4s the menu extends over the right side of the body of the site.
Hello Harvey,
I noticed that while your compiled menu file (menu.js) is from build 886, the online library files (“awmdata” folder) are from an older build (876).
This may be causing some issues. Please make sure that you also upload the library files (“awmdata” folder) when you update your AllWebMenus Build and re-compile your menu.
Best Regards,
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider) or design for your websites!
Tags: css menu, IE9, ipad, iPad menu, iphone, javascript menu, Menu, mozilla, Safari
