最新消息:

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

learning linsan 28浏览 14评论

前天认识个狠角色,就是久伴博客的老板,居然赞助我虚拟主机,大大激发了我对独立博客的折腾欲,竟然一口气绑定了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.     displayblock;/*独占一行*/
  5.     box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2); /*配合整体一样的投影*/
  6.     background-color#222;width10px;height10px;
  7.     -webkit-transform: rotate(45deg);
  8.     transform: rotate(45deg); /*正方形倾斜四十五度是三角但要把下半部分藏起来*/
  9.     positionrelative;
  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

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论 (14)

  1. 没有找到分类导航菜单的二级分类之宽度是谁给设置的,想设成自动却没办法。
    LinSan3年前 (2018-11-16)回复
  2. 左伴?是久伴博客吧?
    青山3年前 (2018-11-17)回复
    • 尴尬,居然写错了,还被你发现了,哈哈!
      LinSan3年前 (2018-11-17)回复
  3. 博主,初次来访,博主好厉害啊,已经有投资人主动寻来。
    李毅3年前 (2018-11-17)回复
    • 其实不算投资人啦,就是碰巧遇到个有爱心的童鞋~
      LinSan3年前 (2018-11-17)回复
  4. 路过 学习一下
  5. 久伴博主确实是土豪,好奇你们是怎样py交易的!!!
    一抹阳光3年前 (2018-11-18)回复
    • 就是安装个面板,然后设置个帐号给我用呗,正常交易啦,哈哈!
      LinSan3年前 (2018-11-18)回复
  6. 老胡啊,有时间搞个zblog转typecho的工具呗,我想转投typecho怀抱了。
    胡说胡记3年前 (2018-11-18)回复
    • 你这个百度上没有吗?数据转换是我的弱项,我只会前台设计呢,没办法喽~ 话说,你转typecho的php主机搞定了吗?php版本要搞对,不然无法安装的。
      LinSan3年前 (2018-11-18)回复
  7. 来看看。
    玩技e族3年前 (2018-11-18)回复
  8. 你们之间一定有py交易~2333
    姜辰3年前 (2018-11-20)回复
  9. 博客折腾多了也就熟悉了,熟悉之后就能自由DIY了
    懿古今3年前 (2018-11-21)回复
  10. 继续折腾。
    玩技e族3年前 (2018-11-23)回复