终于把joomla 的 protostar 模版的菜单,从垂直改到水平了

protostar-applying-menu-class-suffixes-horizontal-vs-vertical-menus.html

joomla 3.7.5 附带的这个template , 菜单丑的要死。 估计是新改的。

看网上的其他站点都没这毛病。

最后终于找到解决方法了。“ nav-pills“ 前面是有空格的

To make the menu horizonal, you can simply apply a preexisting menu class suffix directly in the back end of your Joomla site.

To begin, log into the back end of the site, and open the menu module that you‘ve created.

Once the menu module is open, click on the "Options" tab and then click on "Advanced Options".

In the "Menu Class Suffix" field, type in " nav-pills".

Please be sure to hit the space bar one time before typing "nav-pills" to successfully apply the menu class suffix. Be sure to save your work.

时间: 2024-10-29 19:12:04

终于把joomla 的 protostar 模版的菜单,从垂直改到水平了的相关文章

Joomla模板开发-模版是如何执行的

Joomla模板开发-模版是如何执行的 在本节中我们要解决的问题是 joomla的模版是怎样被执行的. joomla模版分两个阶段来执行的.因为模版通常是在document对象中执行的,所以在模版中的$this对象就是代表了JDocument类. 在模板开始执行之前,组件会先被执行,并且将他生成的输出缓存起来.留待稍后使用. 模版的执行具体过程: 1.如果模板存在参数,就加载模版的参数 2.如果模版设定了语言,就加载语言文件 3.检查是否开启了兼容模式,如果开启了兼容模式,那么就将配置变量复制到

CSS——关于列表和导航条菜单之垂直菜单制作

导航条菜单,即左图所示.下面,将一一展开如何制作. 1.首先,制作一个垂直的项目菜单,用<ul><li>标签写出基本内容,然后在样式表里面用margin和padding去掉内外边距,用list-style属性去掉原有的项目符号,插入自己喜欢的项目符号,代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/D

KM盒子V6.2自定义模版功能教程

KM盒子从V6.2版开始将原来的自定义首页功能升级为自定义模版功能,增加{img}文档缩图.{lit}标题.{liurl}链接.{descr}描述等模版标签的调用. 1.怎样使用自定义模版功能 我们在根目录节点"内容项目"节点上右键,在弹出的菜单中选择最下面的"自定义模版设置"菜单选项. 2.设置自定义模版 首先我们需要选择index.html首页文件,然后将"是否定制首页"选项选为"是". 3.了解模版目录结构 首页模版为根

Web前端开发实战4:导航菜单(一)

在前面的博文中我们提到横向一级菜单,这里我们来看看导航菜单.导航菜单种类很多,但是制作原理都是大同 小异的,这里看的比二级下拉式菜单还简单.来看一些网站上的导航菜单: 垂直导航菜单: 水平导航菜单: 一垂直菜单 制作原理:(1)用无序列表构建菜单:(2)<a>标签的设置:ul li a{display:block;}.定义的关键是将<a>标签设置为 块元素. 代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans

hdu1853 Cyclic Tour 完美匹配 验证模版

题意: 给出n个城市和m条路,每个城市只能经过一次,想要旅游所有的城市,求需要的最小花费(路径的长度). 对于我来说,这题就是验证模版.把输入数据全部改为负数,错误了返回1.最后乘以-1就行了. 1 #include<iostream> 2 #include<cstdio> 3 #include<cstring> 4 #include<algorithm> 5 using namespace std; 6 const int N=110, INF=0x3f3

FineUIMvc新特性速递(大间距模式,隐藏菜单垂直滚动条)

即将发布的 FineUIMvc 新版本会引入两个重要的特性,用来提升用户体验,现在就来先睹为快吧: 大间距模式 我们已经支持的显示模式有:紧凑模式,普通模式,大字体模式. 紧凑模式: 普通模式: 大字体模式(一般适用于移动端显示,iOS,Android): 大间距模式(FineUIMvc v1.3.0新增显示模式): 可见,大间距模式和大字体模式类似,但是文字大小还是默认的 13px,而不是大字体模式的 16px. 这个新增的模式对那些显示内容不多的客户非常受用,当然也适合于密集恐惧症患者~_~

Qt Style Sheet实践(一):按钮及关联菜单(24K纯开源,一共四篇)

导读 正如web前端开发中CSS(Cascade Style Sheet)的作用一样,Qt开发中也可以使用修改版的QSS将逻辑业务和用户界面进行隔离.这样,美工设计人员和逻辑实现者可以各司其职而不受干扰.更重要的是,由于界面和逻辑处理是分离的,低耦合性使得代码重构的工作量可以减少到最小.QSS和CSS的语法几乎一致,除了Qt自身增加的一些属性之外,其余的属性都可以在CSS2或CSS3中找到对应的属性.因此,如果曾经有过CSS的使用经验,那么QSS的使用将游刃有余.关于QSS的使用实践,打算撰写一

Web前端开发实战5:导航菜单(二)

四伸缩菜单之垂直方向 制作原理:我们还是在原来的水平导航菜单的基础上加以改变CSS样式实现导航菜单的伸缩变化.最简单的方法 还是使用CSS样式的方法实现,制作菜单的方法很多,找到适合自己的即可. 代码: <span style="font-size:18px;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtm

关于CSS样式的那些事_导航条菜单讲解

最近开始忙着开自己的个人博客了,自己的前端确实是渣渣.没办法,一步步来,从慕课网上慢慢学着先. 首先带来的是一个导航栏的设计: 垂直导航栏的设计: 直接上代码: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="h