JA文档中文翻译 - JA Mega菜单 - 参数设置参考(4)

thumb-ja-documentation周一,风雨阴冷的早上好。今天你有压力吗?可曾一路感到慢慢无力拼个你死我活,有些网站也像是一辈子都做不完但又不愿放弃的样子呢?一路上看那美女们轻快的脚步靓丽的衣服高傲的目光伶俐的口齿恶俗的头脑...可他们是那么的开心...你可曾暗地希望自己生来便是母的呢。呜呼哀哉。

继续无聊的JA Mega菜单参数设置参考;说没用也不尽然,我想尽快结束掉进入下面的话题;上周的最后一篇里面呢,介绍了子菜单的宽度及其中列的宽度设置;今天我们来看看怎样为指定的某些子菜单设定列的宽度吧。

为指定的某些子菜单设定列的宽度

ja-purity-ii-Megamenu-userguide-spec-colw

该参数会覆盖掉所有子菜单列默认的200像素宽度值以下几个方面需要注意:

  • 该参数没有默认值。
  • 该参数的设置对象是父级菜单项,作用于它的直接子菜单项。
  • 该参数通常适用于内容很多导致子菜单高度过大的情况,通过调整宽度来降低高度;就像之前我们在子菜单项中嵌入视频时的那种状况。
  • 对于每个子菜单项都要使用形如“colw1”的变量设定具体宽度;下面有示例。
  • 该参数只对mega菜单有效。

示例:

  • 父菜单项
    • 子菜单项1 - 第一个子菜单项列,包含再下一级的菜单项内容,不需设置宽度。
    • 子菜单项2 - 第二个子菜单项列,需求尺寸为200×250,单位为像素。

我们要针对父菜单项,为它的第二列设置宽度;在Submenu Column[i] Width中输入:

colw2=270 

多出的20像素可以酌情处理;保留必要的间距或作为内补间。

添加额外class名称

我真烦这样拽文,好像写出来就得正式点。不就是加个class么平时谁不这么说啊?

ja-purity-ii-Megamenu-userguide-class

这个参数显而易见的可以为我们的菜单项添加额外的class用来进一步通过样式表控制样式。需要注意以下几点:

  • 该参数没有默认值。
  • 通过添加新的class,我们可以在样式表中写新的样式来覆盖掉默认样式。
  • 该参数对所有类型的菜单均有效。

OK今天搞定,明天JA文档最后一篇,有关子菜单内容设置的介绍;其实在之前的实例中我们已经使用到了,总结一下无妨。

译者:Viiiix7210

如需转载,请注明官方英文文档及本人译文的出处,谢谢。查看官方英文文档: Introducing the Mega Menu - A missing menu system for Joomla!


收藏与分享

添加评论


Security code
换一张图

avatar

Viiiix7210

Joomla建站控,Drupal建站粉。互联网从业人员一枚,前端和设计玩家。

80s欢迎各类交流,共同学习进步...

我的在线名片: http://kado.im/c7210
Firefox