`
haohappy2
  • 浏览: 326291 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

How to set dropdown menu for joomla

CSS 
阅读更多

Drop down menus can be created in Joomla 1.5.x simply by following a short number of steps. The Bulletproof Templates blank skeleton template can be used for creating the drop down menus in a fast and efficient way. Alternatively, you can start from scratch and still achieve the same results.

The steps to follow are:

* Click on each image to enlarge it

  1. If you are using the Bulletproof Templates blank skeleton template, the file menu.css contains the styles you need for a drop down nested list. If you are not using this template, you need to amend your site CSS and add generic CSS style rules for achieving a drop down nested list.
  2. Once the CSS styles have been added, log into Joomla Admin and load the module used for displaying the menu that you wish to add suckerfish drop down menus to. By default Joomla! uses the Top Menu Module in the user3 module position (the same module position that Bulletproof Templates' blank Joomla! 1.5.x template uses to display the main horizontal menu)
  3. Next, you need to load this module by going to Extensions : Module Manager then select Top Menu from the listed modules. The Module: [Edit] screen will load: Joomla 1.5.x Drop Down Menu - Module Edit Screen Image
  4. In the Parameters section, to the right of the screen you must set the Menu Style to be List and select the Yes radio button for the setting Always show sub-menu Items
    Joomla 1.5.x Drop Down Menu - Module Edit Screen Image
  5. NOTE: If using the blank template, there is no need to add either a Module Class Suffix or a Menu Class Suffix for the module (under Advanced Parameters) as the blank template simply adds suckerfish drop down CSS rules for any list item published in the user3 module position.

     

    Joomla 1.5.x Drop Down Menu - Module Edit Screen Image
分享到:
评论

相关推荐

    Android代码-DropDownMenu

    DropDownMenu for Android,filter the list based on multiple condition. To get this project into your build Step 1. Add the specific repository to your build file: repositories { maven { url ...

    DropDownMenu下拉菜单改进版

    《DropDownMenu下拉菜单改进版:打造优雅的代码体验》 在软件开发中,用户界面的设计与交互至关重要,其中下拉菜单(DropDownMenu)作为常见的交互元素,被广泛应用于各种应用和网页中。一个设计得当且易于使用的...

    小程序-dropdownmenu

    在微信小程序的开发中,`dropdownmenu`是一个非常实用的组件,它用于实现下拉菜单功能,能够为用户提供丰富的交互体验。本篇文章将深入探讨如何在小程序中使用`dropdownmenu`,并分享相关的开发技巧。 首先,我们来...

    DropDownMenu下拉菜单

    《DropDownMenu下拉菜单:实现优雅的交互设计》 在软件开发中,用户界面的设计至关重要,其中下拉菜单(DropDownMenu)是一种常见的交互元素,它能够有效地节省屏幕空间,同时提供丰富的选择项,使得用户操作更为...

    Android代码-android-dropdown-menu

    An dropdown menu for android, you can attach your own listView(s) with this. 文档 DropdownMenu Demo Usage You can use this to make several(as you want) listViews act like dropdown menu, the 'weight' ...

    Android DropDownMenu下拉菜单.zip

    在Android开发中,`DropDownMenu`是一种常见的交互元素,它允许用户从一组选项中选择一个,通常用于空间有限的界面,如顶部导航栏或者侧滑菜单。本资源提供了`Android DropDownMenu`的一个实现,特点是拥有漂亮的...

    DropDownMenu.zip

    《DropDownMenu:流畅的下拉筛选菜单实现》 在移动应用开发中,用户界面的设计与交互体验至关重要。京东筛选下拉弹窗作为一个经典的交互模式,为用户提供了一种方便快捷的筛选方式,尤其在商品浏览、信息查找等场景...

    小程序-dropdownmenu 下拉菜单

    dropdownmenu一个写好的微信小程序帅选条件框,多条件筛选,下拉菜单,直接引用组件就可以 读懂并灵活运用必须具有html,css ,js基础,除此之外还必须阅读小程序官方文档对组件的封装与使用相关文档

    开源框架DropDownMenu

    开源框架`DropDownMenu`是一种广泛应用于移动应用开发中的组件,主要功能是提供下拉菜单的选择效果,常用于实现导航栏、筛选条件选择等交互场景。这个框架经过了优化,去除了对`V4`支持库的依赖以及对`Butter Knife`...

    DropDownMenu, iOS下拉菜单,也可以实现类似NSComboBox的效果.zip

    `DropDownMenu`是一个开源项目,它为iOS平台提供了这种功能,允许开发者轻松创建出具有下拉列表效果的菜单,让用户能够方便地在多个选项中进行选择。 `DropDownMenu`的核心设计理念是模仿NSComboBox的交互模式,但...

    Android DropDownMenu下拉菜单

    在Android应用开发中,下拉菜单(Dropdown Menu)是一种常见的用户界面组件,它允许用户从一组预定义的选项中选择一个。"Android DropDownMenu"指的是一个特定的实现,它旨在提供一个简单易用且优雅的下拉菜单解决...

    Android代码-DropdownMenu

    DropdownMenu View 基于 ListView 和 PopupWindow 实现的下拉菜单,可以方便的配置样式和填充数据。 (work in process: 本项目为学习使用,不保证使用稳定性,请慎重使用。) 使用 Layout 代码: Java 代码...

    ActionBar与DropDown Menu组合使用的例子

    而`Dropdown Menu`(下拉菜单)则是一种在有限空间内展示多个选项的交互方式,它可以在`ActionBar`中作为菜单项使用,为用户提供简洁的操作选择。 `ActionBar`与`Dropdown Menu`的组合使用是Android开发中的常见...

    Dropdown Menu 动感多级导航菜单jQuery插件版

    Dropdown Menu 动感多级导航菜单jQuery插件版 Dropdown Menu 是一款使用了jQuery插件的动感多级导航菜单,好效果不是轻易实现的,它除了实现阴影、动画外,还支持三级的菜单展开,鼠标滑过菜单,会有淡入淡的效果,...

    DropDownMenu

    下拉选择菜单(DropDownMenu)是用户界面设计中常见的组件之一,主要用于节省屏幕空间并提供多选项选择。在网页、应用程序或操作系统界面中,它通常表现为一个简短的标题或单选按钮,当用户点击后会展开一系列可选项...

    筛选菜单库DropDownMenu­_.zip

    DropDownMenu是一个筛选菜单库,开发者只需要填充数据即可,在很多App上都能看到这个效果,如美团,某视频网站,大众点评等。简介本例是在DropDownMenu基础上改进而来相比而言增加de特性:增加三种默认样式类型:...

    gzx_dropdown_menu:自定义功能强大的下拉筛选菜单flutter package,支持iOS和Android

    Easy to use and powerful for customization, it's up to you what you want to display in the dropdown menu! Custom dropdown header Custom dropdown header item Custom dropdown menu Custom dropdown menu ...

    几个最简单的JavaScript dropdown menu

    JavaScript下拉菜单(Dropdown Menu)是网页交互设计中常见的元素,它允许用户在单个空间内访问多个子菜单项,增强了用户体验。纯JavaScript实现的dropdown menu无需依赖外部库如jQuery,因此更轻量级,加载速度更快...

    DropdownMenu.rar

    "DropdownMenu.rar"压缩包文件包含了一个具体的实现示例,我们可以从这个实例中学到如何在WPF环境中创建交互式的下拉菜单。 首先,WPF是.NET Framework的一部分,它提供了一种强大的机制来构建具有丰富图形效果和...

Global site tag (gtag.js) - Google Analytics