分享一套Spzac主题白色导航css样式

只是改变了头部导航的样式外观而已,其他没有改变,目测看了一下,也是挺不错的,就有点白~~ 其他地方补上一点其他颜色的话,应该会更好看一些,后面再看看怎么发挥把

把样式分享一下,主题后台css添加就好了

.header {background-color: #ffffff; box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.1);}
@media (min-width: 1200px){
.header__nav-link { color: #000000;}
}
@media (min-width: 768px){
.header__search-input { background: #f3f5f6;}
}
.header__search .ion-ios-search{color:#3796f6;}
.header__content .ion-ios-notifications{ color: black; }
.header__search-input {   color: #000;}
li.header__nav-item:nth-of-type(2) a:after {
    content: '';
    background: url(https://www.dpaoz.com/usr/uploads/icon_new.png) no-repeat;
    width: 26px;
    height: 14px;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}
.signin {color: #000000;}
.header__btn span {   background-color: #000;}

目前如同本站演示

20200514083701.png

文章由官网发布,如若转载,请注明出处:https://www.dpaoz.com/320
3 条评论
3.9k

发表评论

已有 3 条评论

  1. 友情     Win 7 /    Chrome 说道:
    2020-05-15 16:46

    评论表情和qq获取这个,都想要:真棒::真棒:

  2. anole     Win 10 /    Chrome 说道:
    2020-05-15 08:10

    站长,评论表情是怎么弄的?

    1. 【站长】Vv     Win 7 /    Chrome 说道:
      2020-05-15 15:18

      @anole

      这里还没有相关教程,可以百度一下owo的,虽然我不是用那个,但是owo的表情更好一点

嘿,我来帮您!