当前位置： 首页 > learning > 正文

给begin主题增加二级菜单相关的css

linsan2018-11-16 18:54learning3,629 views14条评论

前天认识个狠角色，就是久伴博客的老板，居然赞助我虚拟主机，大大激发了我对独立博客的折腾欲，竟然一口气绑定了3个域名，准备把三个程序各做1个站点来研究。其中 wordpress 程序准备用的是 dmeng 主题，然后同时在林三在线这里弄个页面写下开发进度。但这样一来，我的顶部导航就显得很长，很臃肿，这才想到把几个主题收到二级目录里面来，便有此文。

显示二级菜单引用这个页面的内容：https://www.cnblogs.com/wuqianling/p/6762146.html

果然是简单粗暴呢，写的很详细，效果也是令人很满意的，于是还忍不住复制了一份到记事本中保存，生怕原来网页过期的说。然后不知道怎么的，就对下拉菜单的三角指示标志感兴趣了。

  1. .sub-menu:before {
  2.     content: ” “;font-size: 0;line-height: 0;
  3.     margin: 0 auto;/*居中*/
  4.     display: block;/*独占一行*/
  5.     box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2); /*配合整体一样的投影*/
  6.     background-color: #222;width: 10px;height: 10px;
  7.     -webkit-transform: rotate(45deg);
  8.     transform: rotate(45deg); /*正方形倾斜四十五度是三角但要把下半部分藏起来*/
  9.     position: relative;
  10.     top: –5px; /*果断的露出上半部分*/
  11.     z-index: 1; /*果断的隐藏下半部分*/
  12.     -webkit-transition: all .2s ease-in;transition: all .2s ease-in;}

然后在二级菜单的a链接中加上 z-index:2 属性，居然没有效果，本来打算放弃的，结果在左伴的群里面认识了玩技e族的老铁，非要帮我实现效果，最终发现需要设置 position:relative 才行。

您可能还会对这些文章感兴趣！

给begin主题增加二级菜单相关的css：目前有14 条评论

  1. 10楼
    LinSan博主：

    没有找到分类导航菜单的二级分类之宽度是谁给设置的，想设成自动却没办法。

    2018-11-16 下午11:34 回复
  2. 9楼
    青山：

    左伴？是久伴博客吧？

    2018-11-17 上午9:52 回复
    • LinSan博主：

      尴尬，居然写错了，还被你发现了，哈哈！

      2018-11-17 上午10:53 回复
  3. 8楼
    李毅：

    博主，初次来访，博主好厉害啊，已经有投资人主动寻来。

    2018-11-17 下午2:53 回复
    • LinSan博主：

      其实不算投资人啦，就是碰巧遇到个有爱心的童鞋~

      2018-11-17 下午3:53 回复
  4. 7楼
    券来也网...优惠券网站：

    路过 学习一下

    2018-11-17 下午10:32 回复
  5. 6楼
    一抹阳光：

    久伴博主确实是土豪，好奇你们是怎样py交易的！！！

    2018-11-18 上午2:31 回复
    • LinSan博主：

      就是安装个面板，然后设置个帐号给我用呗，正常交易啦，哈哈！

      2018-11-18 上午11:45 回复
  6. 5楼
    胡说胡记：

    老胡啊，有时间搞个zblog转typecho的工具呗，我想转投typecho怀抱了。

    2018-11-18 下午12:47 回复
    • LinSan博主：

      你这个百度上没有吗？数据转换是我的弱项，我只会前台设计呢，没办法喽~
      话说，你转typecho的php主机搞定了吗？php版本要搞对，不然无法安装的。

      2018-11-18 下午2:28 回复
  7. 4楼
    玩技e族：

    来看看。

    2018-11-18 下午9:28 回复
  8. 地板
    姜辰：

    你们之间一定有py交易~2333

    2018-11-20 上午1:15 回复
  9. 板凳
    懿古今：

    博客折腾多了也就熟悉了，熟悉之后就能自由DIY了

    2018-11-21 下午2:14 回复
  10. 沙发
    玩技e族：

    继续折腾。

    2018-11-23 上午7:48 回复

发表评论

快捷键：Ctrl+Enter