wordpress ripro主题 用户右上角下拉模块 : GezCode源码站-专业源码源代码,抓包资源整站,互站源码,php源码,java源码,vue源码,游戏源码,直播源码,直播带货,合约源码,合约源码下载,娱乐彩,求购需求,源码出售,源码买卖,源码平台,整站源码下载!GezCode Source Station-Professional source code, package grabbing resources for the entire site, mutual source code, PHP source code, Java source code, Vue source code, game source code, live source code, live streaming with goods, contract source code, contract source code download, entertainment lottery, purchase demand, source code sales, source code trading, source code platform, whole site source code download! - GezCode源码站-专业源码源代码,抓包资源整站,互站源码,php源码,java源码,vue源码,游戏源码,直播源码,直播带货,合约源码,合约源码下载,娱乐彩,求购需求,源码出售,源码买卖,源码平台,整站源码下载!GezCode Source Station-Professional source code, package grabbing resources for the entire site, mutual source code, PHP source code, Java source code, Vue source code, game source code, live source code, live streaming with goods, contract source code, contract source code download, entertainment lottery, purchase demand, source code sales, source code trading, source code platform, whole site source code download!

wordpress ripro主题 用户右上角下拉模块

模块图片:
wordpress ripro主题 用户右上角下拉模块                   wordpress ripro主题 用户右上角下拉模块

白蓝玉 颜色  + 炫酷黑 颜色

本教程需要您认真阅读,以免不会设置等

教程开始:
[rihide]

下载 navbar.php 右边下载模块代码

打开 ripro主题路径

搜索 navbar.php

将下载好的navbar.php 文件全部替换

搜索diy.css

添加以下代码

//白色diy.css

/*.header__group_cats .header__cat{padding:20px 31px 20px 19px}
.header__group_cats .header__cat:after{content:'';position:absolute;top:50%;right:0;width:1px;height:38px;margin-top:-19px;background:#424242}*/
@media only screen and (max-width: 767px) {
    .header__group_cats .header__cat {
        display: none
    }
}

.header__group_cats .header__dropdown {
    border-top-right-radius: 8px;
    width: 262px
}

@media only screen and (max-width: 767px) {
    .header__group_cats .header__dropdown {
        top: 0;
        left: auto;
        right: 0;
        bottom: 0;
        width: 256px;
        overflow: auto
    }
}

.header__style_user .header__dropdown {
    left: inherit;
    right: -80px;
    border-radius: 8px;
    width: 400px;
}

.header__group_user .header__dropdown .header__link > a {
    color: #8495a0
}

.header__group_user .header__dropdown .header__link > a:hover {
    color: #fff
}

.header__group_user.active:before {
    content: none
}

.header__group_notify {
}

.header__group_notify .header__dropdown {
    border-radius: 8px;
    left: auto;
    right: -64px;
    width: 372px
}

.header__group.active .header__cat {
    background: #fff;
    box-shadow: 0 5px 0 0 #fff
}

.header__cat a {
    color: #fff;
}

.header__cat a:hover {
    color: #fff;
}

.header__cat .dian {
    background: #ff5780;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: absolute;
    right: 13px;
    top: 26px;
}

.header__group.active .header__cat:after {
    display: none
}

.header__group.active .header__title {
    color: #fff
}

.header__group.active .header__dropdown {
    display: block
}

.header__group_cart.active:before, .header__group_cart.active:after {
    content: none !important
}

.header__group_cart.active .header__cat {
    background: none;
    box-shadow: none
}

.header__group_shift .header__dropdown {
    border-top-right-radius: 8px;
    left: 0;
    right: auto;
    width: 664px
}

.header__group_shift.active::before {
    content: none
}

.header__group_shift .cards {
    margin: 0;
    padding: 20px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(302px) [2];
    grid-template-columns: repeat(2, 302px);
    grid-gap: 20px
}

.header__group_shift .cards .card {
    width: 302px
}

.header__group_shift .cards .card.liked .likes {
    opacity: 1;
    right: 10px;
    transition-delay: 0ms, 0ms
}

.header__group_shift .cards .card.liked .likes a {
    color: #fb6666
}

.header__group_shift .cards .card.liked .likes svg {
    animation: bounce 250ms ease
}

.header__group_shift .cards .card-wrapper {
    margin: 0
}

@media only screen and (max-width: 767px) {
    .header__group_user.active .header__cat {
        background: none;
        box-shadow: none
    }
}

@media only screen and (max-width: 767px) {
    .header__group_user.active .header__dropdown {
        display: none
    }
}

.header__dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 0px);
    left: 0;
    background: #fff;
    border-radius: 0 0 8px 8px;
}

.header-box {
    color: #8495a0;
}

.header-box, .header__new {
    margin: 0 20px;
    padding: 15px 0;
}

.refresh-header-top {
    width: 100%;
}

.header-box {
    color: #8495a0;
}

.btn-cta-purple {
    position: relative;
    width: 75px;
    height: 28px;
    padding: 0 8px;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 800;
    line-height: 28px;
    border-radius: 14px;
    color: #fff;
    background-color: none;
    background-image: linear-gradient(to bottom, #fb68d5 0, #7865ff 100%);
    margin-right: 20px;
    cursor: pointer
}

.btn-cta-purple:hover {
    background-image: linear-gradient(to bottom, #ae68fb, #6652f3)
}

.header__new {
    border-bottom: 1px solid #202020;
    box-shadow: 0 1px 0 0 #353535;
    font-size: 14px;
    color: #fff
}

.header-box, .header__new {
    margin: 0 20px;
    padding: 15px 0
}

.header-box {
    color: #fff
}

.refresh-header-top {
    width: 100%;
}

.header-top {
    position: relative;
    padding-bottom: 10px;
    font-size: 9pt;
    color: #fff;
    border-bottom: 1px solid #34495e;
    box-shadow: 0 1px 0 0 #34495e
}

.header-top img {
    float: left;
    width: 45px;
    border-radius: 50%;
    margin-top: 2px;
    margin-right: 10px
}

.header-top .zuanshi {
    background: url(../img/header/zuanshi.svg) no-repeat center;
    width: 15px;
    height: 15px;
    display: -webkit-inline-box;
    background-size: contain;
    position: relative;
    top: 3px;
    cursor: pointer;
    margin-left: 5px
}

.header-top .zuanshi.is-vip {
    background: url(../img/header/zuanshi_vip.svg) no-repeat center;
    background-size: contain;
}

.header-top .fa-user-crown {
    color: #f3d60c;
    margin-left: 5px;
    font-size: 14px;
    cursor: pointer;
    margin-top: 3px;
}

.header-top .fa-user-crown.is-vip {
    color: #ff5780;
}

.header-top .logout {
    position: absolute;
    right: 0;
    top: 0;
    color: #8495a0;
}

.header-top .logout:hover {
    color: #fff;
}

.user-names {
    max-width: 100px;
    overflow: hidden;
    display: block;
    word-wrap: break-word;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    font-size: 14px;
}

.header-top .group-name {
    background: linear-gradient(90deg, #5850ee, #0674ec);
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 12px;
    margin-left: 10px
}

.header-top .group-name.vip-bg, .page-profile .inset-header .about-me .user-name small.badge.vip-bg {
    background: #ff5780;
}

.header-top .group-name.authors-bg, .page-profile .inset-header .about-me .user-name small.badge.authors-bg {
    background: #2aa461;
}

.header-top p {
    margin-top: 10px;
    font-size: 12px;
    color: #8495a0;
    cursor: pointer;
}

.header-center {
    display: flex;
    padding: 15px 0
}

.header-bottom, .header-center {
    position: relative
}

.header-center .md-l {
    float: left;
    width: 40%;
    border-radius: 6px;
    padding: 10px;
    margin-right: 15px;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(135deg, #5850ee, #5850ee), linear-gradient(-180deg, #5850ee 2%, #5850ee 98%);
    border: 2px transparent solid;
}

.header-center .md-l:hover {
    background-image: linear-gradient(135deg, #5850ee, #5850ee), linear-gradient(-180deg, #5850ee 2%, #5850ee 98%);
}

.header-center .md-tit {
    display: block;
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px
}

.header-center .dou, .header-center .jinbi {
    display: block
}

.header-center .jinbi i {
    background: url(https://tp.riyuanma.com/svg/jinbi.svg) no-repeat center;
    background-size: cover;
}

.header-center .dou i, .header-center .jinbi i {
    width: 16px;
    height: 16px;
    display: -webkit-inline-box;
    position: relative;
    top: 4px;
    margin-right: 5px
}

.header-center .dou i {
    background: url(https://tp.riyuanma.com/svg/dou.svg) no-repeat center;
    background-size: cover;
}

.header-center .pay-credit {
    position: absolute;
    bottom: 25px;
    background: linear-gradient(-180deg, #399dff 2%, #297dcf 98%);
    padding: 1px 10px;
    border-radius: 20px
}

.header-center .pay-credit:hover {
    background: #399dff;
    color: #fff;
}

.header-center .md-r {
    float: left;
    width: 50%
}

.header-center .md-t {
    padding: 9px;
    margin-bottom: 5px;
    border-radius: 5px;
    position: relative;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(135deg, #5850ee, #5850ee), linear-gradient(-180deg, #5850ee 2%, #5850ee 98%);
    border: 2px transparent solid;
}

.header-center .md-t:hover {
    background-image: linear-gradient(135deg, #5850ee, #5850ee), linear-gradient(-180deg, #5850ee 2%, #5850ee 98%);
    color: #fff;
}

.header-center .md-t span {
    color: #fff;
    display: block;
    margin-bottom: 5px;
    font-size: 14px
}

.header-center .md-t p {
    font-size: 11px
}

.header-center .md-t a {
    position: absolute;
    right: 10px;
    top: 5px;
    background: linear-gradient(-180deg, #3fc67c 2%, #2aa461 98%);
    padding: 1px 10px;
    border-radius: 20px
}

.header-center .md-t a:hover {
    background: #2aa461;
    color: #fff;
}

.header-center .md-b {
    padding: 9px;
    position: relative;
    border-radius: 6px;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(135deg, #5850ee, #5850ee), linear-gradient(-180deg, #5850ee 2%, #5850ee 98%);
    border: 2px transparent solid;
}

.header-center .md-b:hover {
    background-image: linear-gradient(135deg, #5850ee, #5850ee), linear-gradient(-180deg, #5850ee 2%, #5850ee 98%);
    color: #fff;
}

.header-center .md-b span {
    color: #fff;
    padding-bottom: 5px;
    display: block;
    font-size: 14px
}

.header-center .md-b p {
    font-size: 11px
}

.header-center .md-b a {
    position: absolute;
    right: 10px;
    top: 5px;
    background: linear-gradient(to bottom, #fb68d5 0, #7865ff 100%);
    padding: 1px 10px;
    border-radius: 20px
}

.header-center .md-b a:hover {
    background-image: linear-gradient(to bottom, #ae68fb, #6652f3);
}

.header-bottom .my-home {
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
}

.header-bottom ul {
    padding: 1px;
    display: flex;
    text-align: center;
    margin: auto;
}

.header-bottom li {
    float: left;
    width: 20%;
    cursor: pointer;
}

.header-bottom li i {
    background-color: #fff;
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 5px;
    background-size: 50%;
    background-position: center;
    background-repeat: no-repeat
}

.header-bottom li i:hover {
    background-color: #242424;
}

.header-bottom li i.ico_1 {
    background-image: url(https://tp.riyuanma.com/svg/shoucang.svg)
}

.header-bottom li i.ico_2 {
    background-image: url(https://tp.riyuanma.com/svg/xiangmu.svg)
}

.header-bottom li i.ico_3 {
    background-image: url(https://tp.riyuanma.com/svg/anquan.svg)
}

.header-bottom li i.ico_4 {
    background-image: url(https://tp.riyuanma.com/svg/dingdan.svg)
}

.header-bottom li i.ico_5 {
    background-image: url(https://tp.riyuanma.com/svg/xiazai.svg)
}

.header__custom .icon.max {
    font-size: 18px;
}

.header-top p {
    margin-top: 10px;
    font-size: 12px;
    color: #8495a0;
    cursor: pointer;
}

.header-dropdown {
    font-size: 12px;
}

.header-center p {
    margin: auto;
}

.header-top p {
    margin: auto;
}

.header__cat {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* height: 68px; */
    padding-left: 10px;
    border-radius: 8px 8px 0 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    padding-top: 0;
}

.wp-yooxi, .wp-mianfei1 {
    font-size: 26px;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 20;
    text-align: center;
    color: #ffc107;
}

.entry-footer a {
    line-height: inherit !important;
}

.posts-wrapper .wp {
    font-size: 20px !important;
}

.wp-VIP {
    margin-left: 10px;
    color: #e8b10a;
    font-size: 14px !important
    ;
}




// 黑色diy.css
/*.header__group_cats .header__cat{padding:20px 31px 20px 19px}
.header__group_cats .header__cat:after{content:'';position:absolute;top:50%;right:0;width:1px;height:38px;margin-top:-19px;background:#424242}*/
@media only screen and (max-width: 767px){.header__group_cats .header__cat{display:none}
}
.header__group_cats .header__dropdown{border-top-right-radius:8px;width:262px}
@media only screen and (max-width: 767px){.header__group_cats .header__dropdown{top:0;left:auto;right:0;bottom:0;width:256px;overflow:auto}
}
.header__style_user .header__dropdown {
    left: inherit;
    right: -80px;
    border-radius: 8px;
    width: 400px;
}
.header__group_user .header__dropdown .header__link > a{color:#8495a0}
.header__group_user .header__dropdown .header__link > a:hover{color:#fff}
.header__group_user.active:before{content:none}
.header__group_notify{}
.header__group_notify .header__dropdown{border-radius:8px;left:auto;right:-64px;width:372px}

.header__group.active .header__cat{background:#2c2c2c;box-shadow:0 5px 0 0 #2c2c2c}
.header__cat a{color: #adb7be;}
.header__cat a:hover{color: #fff;}
.header__cat .dian{background: #ff5780;width: 7px;height: 7px;border-radius: 50%;position: absolute;right: 13px;top: 26px;}
.header__group.active .header__cat:after{display:none}
.header__group.active .header__title{color:#fff}
.header__group.active .header__dropdown{display:block}
.header__group_cart.active:before,.header__group_cart.active:after{content:none !important}
.header__group_cart.active .header__cat{background:none;box-shadow:none}

.header__group_shift .header__dropdown {
    border-top-right-radius: 8px;
    left: 0;
    right: auto;
    width: 664px
}

.header__group_shift.active::before {
    content: none
}
.header__group_shift .cards {
    margin: 0;
    padding: 20px;
    display: -ms-grid;
    display: grid;
-ms-grid-columns:(302px)[2];
    grid-template-columns: repeat(2, 302px);
    grid-gap: 20px
}
.header__group_shift .cards .card {
    width: 302px
}
.header__group_shift .cards .card.liked .likes {
    opacity: 1;
    right: 10px;
    transition-delay: 0ms, 0ms
}
.header__group_shift .cards .card.liked .likes a {
    color: #fb6666
}
.header__group_shift .cards .card.liked .likes svg {
    animation: bounce 250ms ease
}
.header__group_shift .cards .card-wrapper {
    margin: 0
}

@media only screen and (max-width: 767px){.header__group_user.active .header__cat{background:none;box-shadow:none}
}
@media only screen and (max-width: 767px){.header__group_user.active .header__dropdown{display:none}
}

.header__dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 0px);
    left: 0;
    background: #2c2c2c;
    border-radius: 0 0 8px 8px;
}

.header-box {
    color: #8495a0;
}

.header-box, .header__new {
    margin: 0 20px;
    padding: 15px 0;
}

.refresh-header-top {
    width: 100%;
}

.header-box {
    color: #8495a0;
}

.btn-cta-purple {
    position: relative;
    width: 75px;
    height: 28px;
    padding: 0 8px;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 800;
    line-height: 28px;
    border-radius: 14px;
    color: #fff;
    background-color: none;
    background-image: linear-gradient(to bottom,#fb68d5 0,#7865ff 100%);
    margin-right: 20px;
    cursor: pointer
}

.btn-cta-purple:hover {
    background-image: linear-gradient(to bottom,#ae68fb,#6652f3)
}


.header__new {
    border-bottom: 1px solid #202020;
    box-shadow: 0 1px 0 0 #353535;
    font-size: 14px;
    color: #fff
}

.header-box,.header__new {
    margin: 0 20px;
    padding: 15px 0
}

.header-box {
    color: #8495a0
}
.refresh-header-top{
    width: 100%;
}
.header-top {
    position: relative;
    padding-bottom: 10px;
    font-size: 9pt;
    color: #fff;
    border-bottom: 1px solid #202020;
    box-shadow: 0 1px 0 0 #353535
}

.header-top img {
    float: left;
    width: 45px;
    border-radius: 50%;
    margin-top: 2px;
    margin-right: 10px
}

.header-top .zuanshi {
    background: url(../img/header/zuanshi.svg) no-repeat center;
    width: 15px;
    height: 15px;
    display: -webkit-inline-box;
    background-size: contain;
    position: relative;
    top: 3px;
    cursor: pointer;
    margin-left: 5px
}
.header-top .zuanshi.is-vip{
    background: url(../img/header/zuanshi_vip.svg) no-repeat center;
    background-size: contain;
}
.header-top .fa-user-crown{
  color: #f3d60c;
    margin-left: 5px;
    font-size: 14px;
    cursor: pointer;
    margin-top: 3px;
}
.header-top .fa-user-crown.is-vip{
    color: #ff5780;
}

.header-top .logout {
    position: absolute;
    right: 0;
    top: 0;
    color: #8495a0;
}
.header-top .logout:hover {
    color: #fff;
}

.user-names{
    max-width: 100px;
    overflow: hidden;
    display: block;
    word-wrap: break-word;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    font-size: 14px;
}

.header-top .group-name {
    background: #484848;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 12px;
    margin-left: 10px
}

.header-top .group-name.vip-bg, .page-profile .inset-header .about-me .user-name small.badge.vip-bg {
    background: #ff5780;
}

.header-top .group-name.authors-bg, .page-profile .inset-header .about-me .user-name small.badge.authors-bg {
    background: #2aa461;
}

.header-top p {
    margin-top: 10px;
    font-size:12px;
    color: #8495a0;
    cursor: pointer;
}

.header-center {
    display: flex;
    padding: 15px 0
}

.header-bottom,.header-center {
    position: relative
}

.header-center .md-l {
    float: left;
    width: 40%;
    border-radius: 6px;
    padding: 10px;
    margin-right: 15px;
    background-clip:padding-box,border-box;
    background-origin:padding-box,border-box;
    background-image:linear-gradient(135deg,#3c3c3c,#3c3c3c), linear-gradient(-180deg, #3c3c3c 2%, #3c3c3c 98%);
    border:2px transparent solid;

}
.header-center .md-l:hover{
    background-image:linear-gradient(135deg,#3c3c3c,#3c3c3c), linear-gradient(-180deg, #399dff 2%, #297dcf 98%);
}
.header-center .md-tit {
    display: block;
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px
}

.header-center .dou,.header-center .jinbi {
    display: block
}

.header-center .jinbi i {
    background: url(http://www.meigongyun.com/template/iscwo_u8/iscwo/new/img/header/jinbi.svg) no-repeat center;
    background-size: cover;
}

.header-center .dou i,.header-center .jinbi i {
    width: 16px;
    height: 16px;
    display: -webkit-inline-box;
    position: relative;
    top: 4px;
    margin-right: 5px
}

.header-center .dou i {
    background: url(http://www.meigongyun.com/template/iscwo_u8/iscwo/new/img/header/dou.svg) no-repeat center;
    background-size: cover;
}

.header-center .pay-credit {
    position: absolute;
    bottom: 25px;
    background: linear-gradient(-180deg, #399dff 2%, #297dcf 98%);
    padding: 1px 10px;
    border-radius: 20px
}

.header-center .pay-credit:hover {
    background: #399dff;
    color: #fff;
}

.header-center .md-r {
    float: left;
    width: 50%
}

.header-center .md-t {
    padding: 9px;
    margin-bottom: 5px;
    border-radius: 5px;
    position: relative;
    background-clip:padding-box,border-box;
    background-origin:padding-box,border-box;
    background-image:linear-gradient(135deg,#3c3c3c,#3c3c3c), linear-gradient(-180deg, #3c3c3c 2%, #3c3c3c 98%);
    border:2px transparent solid;

}
.header-center .md-t:hover{
    background-image:linear-gradient(135deg,#3c3c3c,#3c3c3c), linear-gradient(-180deg, #3fc67c 2%, #2aa461 98%);
    color: #fff;

}
.header-center .md-t span {
    color: #fff;
    display: block;
    margin-bottom: 5px;
    font-size: 14px
}

.header-center .md-t p {
    font-size: 11px
}

.header-center .md-t a {
    position: absolute;
    right: 10px;
    top: 5px;
    background: linear-gradient(-180deg, #3fc67c 2%, #2aa461 98%);
    padding: 1px 10px;
    border-radius: 20px
}
.header-center .md-t a:hover {
    background: #2aa461;
    color: #fff;
}
.header-center .md-b {
    padding: 9px;
    position: relative;
    border-radius: 6px;
    background-clip:padding-box,border-box;
    background-origin:padding-box,border-box;
    background-image:linear-gradient(135deg,#3c3c3c,#3c3c3c), linear-gradient(-180deg, #3c3c3c 2%, #3c3c3c 98%);
    border:2px transparent solid;

}
.header-center .md-b:hover {
    background-image:linear-gradient(135deg,#3c3c3c,#3c3c3c), linear-gradient(-180deg, #fb68d5 2%, #7865ff 98%);
    color: #fff;

}
.header-center .md-b span {
    color: #fff;
    padding-bottom: 5px;
    display: block;
    font-size: 14px
}

.header-center .md-b p {
    font-size: 11px
}

.header-center .md-b a {
    position: absolute;
    right: 10px;
    top: 5px;
    background: linear-gradient(to bottom,#fb68d5 0,#7865ff 100%);
    padding: 1px 10px;
    border-radius: 20px
}

.header-center .md-b a:hover {
    background-image: linear-gradient(to bottom,#ae68fb,#6652f3);
}

.header-bottom .my-home {
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
}

.header-bottom ul {
      padding: 1px;
    display: flex;
    text-align: center;
    margin: auto;
}

.header-bottom li {
    float: left;
    width: 20%;
    cursor: pointer;
}

.header-bottom li i {
    background-color: #353535;
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 5px;
    background-size: 50%;
    background-position: center;
    background-repeat: no-repeat
}

.header-bottom li i:hover{
    background-color: #242424;
}

.header-bottom li i.ico_1 {
    background-image: url(http://www.meigongyun.com/template/iscwo_u8/iscwo/new/img/header/shoucang.svg)
}

.header-bottom li i.ico_2 {
    background-image: url(http://www.meigongyun.com/template/iscwo_u8/iscwo/new/img/header/xiangmu.svg)
}

.header-bottom li i.ico_3 {
    background-image: url(http://www.meigongyun.com/template/iscwo_u8/iscwo/new/img/header/anquan.svg)
}

.header-bottom li i.ico_4 {
    background-image: url(http://www.meigongyun.com/template/iscwo_u8/iscwo/new/img/header/dingdan.svg)
}

.header-bottom li i.ico_5 {
    background-image: url(http://www.meigongyun.com/template/iscwo_u8/iscwo/new/img/header/xiazai.svg)
}


.header__custom .icon.max {
    font-size: 18px;
}

.header-top p {
    margin-top: 10px;
    font-size: 12px;
    color: #8495a0;
    cursor: pointer;
}

.header-dropdown{
font-size:12px;
}

.header-center p {

    margin: auto;
}


.header-top p {

    margin: auto;
}

.header__cat {
box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

上面的代码一定要区分好!分别是黑色 + 白色的css

最后一步将底下的代码添加到 后台 – 底部设置 – 设置JS代码

<script type="text/javascript">

jQuery(document).ready(function($){

$('.ct h3 span').click(function(){

$(this).addClass("selected").siblings().removeClass();

  $('.ct > ul').eq($(this).index()).addClass('show');
 $('.ct > ul').eq($(this).index()).siblings().removeClass('show');
});
 $("pre > code").addClass("language-php");
});

	jQuery(".header-dropdown").hover(function() {
		jQuery(this).addClass('active');
	}, function() {
		jQuery(this).removeClass('active');
	});


</script>

大功告成

[/rihide]

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开/商品支付,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

可以

常见问题

相关文章

评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务

我们将24小时内回复。
取消
wordpress ripro主题 用户右上角下拉模块-海报

分享本文封面