自定义左侧导航-1

作者: acd8eef1b5d7 | 来源:发表于2018-06-03 10:59 被阅读16次

自定义左侧导航-1_腾讯视频

源代码:

nav.css

body,ul{margin:0px;padding:0px;}

#open_flag_div{position: fixed;left:0px;top:45%;}

#open_flag_a{border-radius:0px;}

#mynav_ok_m{position: fixed;top:0px;/*left: 0px;*/left: -400px;width:400px;height:100%;overflow: auto;background:#0f6f6f;color:#fff;z-index:20;list-style: none;padding-top:30px;padding-bottom:30px;padding-right:5px;}

#mynav_ok_mli{padding-left:30px;padding-right:30px;}

#mynav_ok_mlia{/*color: #fff;*//*color: red;*/text-decoration: none;}

#mynav_ok_mlia:hover{text-decoration: none;}

#first_li{text-align: center;}

/*二级*/#mynav_ok_mli.tow_level_div{/*border: 1px solid red;*//*background: #333;*//*padding-left: 30px;*/}

#mynav_ok_mli.tow_level_div.two_nav_item{margin-top:1px;margin-bottom:1px;}

#mynav_ok_mli.tow_level_div.two_nav_itema{padding-left:10%;padding-right:10%;/*border: 1px solid red;*/width:80%;/*width: auto;*/display: inline-block;}

#mynav_ok_ma{color:#fff;height:40px;line-height:40px;}

/*#mynav_ok_m a i.glyphicon-chevron-rights{

color: #fff;

}*/

#mynav_ok_ma.active{background:#fff;color:#156b69;}

相关文章

  • swift-导航栏

    swift-导航栏直接上代码 导航栏整体背景颜色 导航栏左侧按钮 自定义 导航栏左侧 隐藏 导航栏右侧图片 参考:...

  • 自定义左侧导航-1

    源代码: nav.css body,ul{margin:0px;padding:0px;} #open_flag_...

  • 自定义左侧导航-1

    使用的插件 BootStrap3.3.5 jQuery2.0 mCustomScrollbar(自定义滚动条) /...

  • flutter-仿京东商城04

    一、商品列表页搭建 自定义筛选切换image.png 添加抽屉界面和自定义导航栏 自定义导航栏左侧和右侧按钮和Dr...

  • iOS 常用小控件及方法

    目录: 一, 常用小控件 自定义顶部导航CarTeamDetailsTitleView: 左侧返回按钮, 右侧更多...

  • iOS 导航栏技巧

    1.当使用自定义的左侧导航栏的按钮的时候,左滑返回手势失效: 2.导航条的穿透效果:可用于用户界面 3.设置导航条的图片

  • 移动端导航栏——交互基础篇

    1:导航栏位置 状态栏下面部分就是导航栏 京东导航栏:左侧logo,右侧扫一扫,消息 网易导航:左侧logo,右侧...

  • Xcode常用快捷键

    常用快捷键 command + 1 :左侧文件导航栏快速打开 command + 0: 左侧文件导航栏快速关闭与打...

  • Xcode 中一些常用的快捷键

    快捷键 : 显示/隐藏左侧导航栏 Cmd + 0 左侧导航栏标签页 Cmd + 1、2、3、4、5、6...

  • Andriod状态栏处理

    1.自定义导航栏 自定义导航栏UI.layout 定义导航栏上有哪些元素以及其布局 自定义导航栏.java 1.定...

网友评论

    本文标题:自定义左侧导航-1

    本文链接:https://www.haomeiwen.com/subject/nxcjsftx.html