RocketCake ensures that websites built with it are mobile-friendly and compatible with different screen sizes and resolutions. For beginners and professional web developers. Users can easily drag and drop elements and customize them according to their preferences, making the process of building websites fun and stress-free. But in some cases, you might want it to be centered.Ambiera RocketCake is a user-friendly website builder software that enables anyone to create responsive and professional websites without any coding skills. If you don't want the top menu bar to have round edges as well, simply make its background transparent and place it into a container of which you then apply the background you want to have for your top menu. Then your navigation menus are also round. For that, simply set "edges" of your navigation menu to "round", and check the option "RoundEdgesAlsoForPanes". It's possible to create round navigation menu panels. There you can enable and edit shadows for the dropdown menu. For that, just open the menu, right-click onto it, and select "Box Shadow". You can make the dropdown menu have a shadow. The advantage of this second menu is that you can arrange the menu items in a more compact way in that menu, so that everything fits on the screen also on mobile devices. By default, this menu is generated from your 'Desktop' menu, but when set to the 'Manually Filled' mode, you can edit this mobile menu just like the normal menu. You can see this mobile menu in Rocketcake if you drag the view slider on the bottom of the page to a small area, or if you select a mobile device on the bottom combo box, like for example "iPhone 7". MenuAnimations: Enable this to select from a few animation options below which are used when the menu is opened in the website.Įach navigation menu comes with a second menu, which is shown on smaller screens, if the property "MobileMenu" is set to 'Automatically Generated' or 'Manually Filled'.Make the menu a full with o 100% and set this to align right, then your menu will always look nicely aligned to the right, no matter the screen size. MenuAlignment: Where the top menus are aligned to: Left, Right or Center.Hover Pane Text Color: Text color of a sub menu entry when the mouse is over it.Hover Pane Background Color: Background color of a sub menu entry when the mouse is over it.Hover Text Color: Text color of a main menu entry when the mouse is over it.Hover Background Color: Background color of a main menu entry when the mouse is over it.Use Hover Styles: If checked, the main menu entries in the horizontal bar show hover colors when the mouse moves over them.This looks very nice, but only is visible on newer browsers which support this feature. Use CSS Shadow: Draws a shadow around the dropdwon menu pane.Pane Border color: Color for the border of the dropdown menu pane.Pane Background color: Color for the background of the dropdown menu pane.SubMenuSpacing: Vertical space in pixels between sub menu entries.Padding: Space in pixels between menu entries.If you want even different backgrounds, simply set the background and border to trnasparent and invisible and place any other element behind the menu bar. The background will only be visible if the image files cannot be loaded or the currently shown image is transparent. This component supports several background modes (Color, Image, Gradient), changeable by selecting the property 'BackgroundMode'. Simply set the text of a sub menu to "-" (=a minus symbol), and if you click 'preview' to view your website in the browser, this menu entry will appear as a horizontal line. The menu supports horizontal lines as menu entries. Then, you can choose a new font as usual. If you want to change the font for multiple menu entries at once, simply select one menu entry, hold down the 'Shift' key on your keyboard and click other menu entries to select them as well. It is possible to select a font, color and font size for each menu entry individually. Once you placed your menu, you can click the 'Edit text here' text and enter new menu entries directly in the editor. It looks like this:īy using the 'Navigation Menu' entry of the Toolset or the menu command 'Insert -> Navigation Menu', you can place the menu on the website. The Navigation Menu component gives you the possibility to create a drop down menu with links on your website.
0 Comments
Leave a Reply. |