⬆ ⬆ ⬆ ⬆

资源失效修复

当前位置：首页>站长资源> 【B2主题美化】B2主题首页PC添加快捷导航区块
随机语录：
【B2主题美化】B2主题首页PC添加快捷导航区块
1k°
  • 发布时间
  • 最后更新于
    2022-06-25 19:56:17
  • 文章分类
  • 下载量
    1次【1月内】
  • 下载要求
    暂未获取
  • 文章来源
站长资源-共计1335篇
墨梅
    星期六, 25 6 月, 2022
立即下载
当前位置：首页>站长资源> 【B2主题美化】B2主题首页PC添加快捷导航区块

【B2主题美化】B2主题首页PC添加快捷导航区块

  • 站长资源
  • 下载量：1【次】
  • 编辑
  • 最后更新于：2022-06-25 19:56:17
释放双眼，带上耳机，听听看~！
【B2主题美化】B2主题首页PC添加快捷导航区块

本文是《B2主题美化（共19篇）》专题的第 16 篇。阅读本文前，建议先阅读前面的文章：

【B2主题美化】B2主题首页PC添加快捷导航区块

介绍：

一款非常不错的PC端首页区块，B2主题使用的人越来越多，主题功能也逐渐多了起来。全部塞在顶部菜单相对用户来说不是那么友好，好在B2自定义非常高，可以通过主题后台DIY添加自己需要的模块样式。可以直观的突出显示网站重点功能，既美观又使用。

主题后台新建一个模块，调用内容选择自定义

html:

<!--快捷导航-->
<div class="slide_6_ss">
    <div class="slide_6_d">
        <div class="mini-stats">
            <div class="mini-stats-content"
                style="background: url(/wp-content/themes/b2child/Custom/test/img/2022052508542167.png);background-size: 100% 100%;">
                <div class="slide_6_d_mb4">
                    <div class="slide_6_d_right">
                        <span> 精品源码 </span>
                        <p>精品源码及资源合集</p>
                    </div>
                </div>
            </div>
            <div class="slide_6_d_m">
                <div class="mini-stats-desc">
                    <li>
                        <a href="#" target="_blank" class="ceo-dt">
                            <img src="/wp-content/themes/b2child/Custom/test/img/2022052509062599.png">
                            <p>小程序</p>
                        </a>
                    </li>
                    <li>
                        <a href="#" target="_blank" class="ceo-dt">
                            <img src="/wp-content/themes/b2child/Custom/test/img/2022052509195463.png">
                            <p>支付系统</p>
                        </a>
                    </li>
                    <li>
                        <a href="#" target="_blank" class="ceo-dt">
                            <img src="/wp-content/themes/b2child/Custom/test/img/2022052509062594.png">
                            <p>电商源码</p>
                        </a>
                    </li>
                </div>
            </div>
        </div>
    </div>
    <div class="slide_6_d">
        <div class="mini-stats">
            <div class="mini-stats-content"
                style="background: url(/wp-content/themes/b2child/Custom/test/img/2022052508542064.png);background-size: 100% 100%;">
                <div class="slide_6_d_mb4">
                    <div class="slide_6_d_right">
                        <span> 商业模板 </span>
                        <p>模板插件，网站的好帮手</p>
                    </div>
                </div>
            </div>
            <div class="slide_6_d_m">
                <div class="mini-stats-desc">
                    <li>
                        <a href="#" target="_blank" class="ceo-dt">
                            <img src="/wp-content/themes/b2child/Custom/test/img/2022052509062476.png">
                            <p>WP模板</p>
                        </a>
                    </li>
                    <li>
                        <a href="#" target="_blank" class="ceo-dt">
                            <img src="/wp-content/themes/b2child/Custom/test/img/2022052509062449.png">
                            <p>CMS模板</p>
                        </a>
                    </li>
                    <li>
                        <a href="#" target="_blank" class="ceo-dt">
                            <img src="/wp-content/themes/b2child/Custom/test/img/2022052509062445.png">
                            <p>其他模板</p>
                        </a>
                    </li>
                </div>
            </div>
        </div>
    </div>
    <div class="slide_6_d">
        <div class="mini-stats">
            <div class="mini-stats-content"
                style="background: url(/wp-content/themes/b2child/Custom/test/img/2022052508542118.png);background-size: 100% 100%;">
                <div class="slide_6_d_mb4">
                    <div class="slide_6_d_right">
                        <span> 学习中心 </span>
                        <p>更多建站教程来这里学习~</p>
                    </div>
                </div>
            </div>
            <div class="slide_6_d_m">
                <div class="mini-stats-desc">
                    <li>
                        <a href="#" target="_blank" class="ceo-dt">
                            <img src="/wp-content/themes/b2child/Custom/test/img/2022052509062345.png">
                            <p>建站教程</p>
                        </a>
                    </li>
                    <li>
                        <a href="#" target="_blank" class="ceo-dt">
                            <img src="/wp-content/themes/b2child/Custom/test/img/202205250906256.png">
                            <p>SEO优化</p>
                        </a>
                    </li>
                    <li>
                        <a href="#" target="_blank" class="ceo-dt">
                            <img src="/wp-content/themes/b2child/Custom/test/img/2022052509062466.png">
                            <p>其他教程</p>
                        </a>
                    </li>
                </div>
            </div>
        </div>
    </div>
    <div class="slide_6_d">
        <div class="mini-stats">
            <div class="mini-stats-content"
                style="background: url(/wp-content/themes/b2child/Custom/test/img/2022052508542190.png);background-size: 100% 100%;">
                <div class="slide_6_d_mb4">
                    <div class="slide_6_d_right">
                        <span> 更多热门 </span>
                        <p>更多热门资源点这里哟</p>
                    </div>
                </div>
            </div>
            <div class="slide_6_d_m">
                <div class="mini-stats-desc">
                    <li>
                        <a href="#" target="_blank" class="ceo-dt">
                            <img src="/wp-content/themes/b2child/Custom/test/img/2022052509062598.png">
                            <p>绿色软件</p>
                        </a>
                    </li>
                    <li>
                        <a href="#" target="_blank" class="ceo-dt">
                            <img src="/wp-content/themes/b2child/Custom/test/img/2022052509062616.png">
                            <p>绝美壁纸</p>
                        </a>
                    </li>
                    <li>
                        <a href="#" target="_blank" class="ceo-dt">
                            <img src="/wp-content/themes/b2child/Custom/test/img/2022052509360758.png">
                            <p>游戏源码</p>
                        </a>
                    </li>
                </div>
            </div>
        </div>
    </div>
</div>

在子主题style.css添加以下样式

样式一：

html {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    background: #fff;
    color: #666;
}

body {
    margin: 0;
}

a:active,
a:hover {
    outline: none;
}

a {
    color: #262626;
    text-decoration: none;
    cursor: pointer;
    transition: all .3s;
}

a:hover {
    color: #3385ff;
}

img {
    vertical-align: middle;
}

img {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
}

@supports (display:block) {}

p {
    margin: 0 0 20px 0;
}

*+p {
    margin-top: 20px;
}

::selection {
    background: #39f;
    color: #fff;
    text-shadow: none;
}

:root {
    --ceo-breakpoint-s: 640px;
    --ceo-breakpoint-m: 960px;
    --ceo-breakpoint-l: 1200px;
    --ceo-breakpoint-xl: 1600px;
}

.ceo-heading-line>::before,
.ceo-heading-line>::after {
    content: "";
    position: absolute;
    top: calc(50% - ((0.2px + 0.05em) / 2));
    width: 2000px;
    border-bottom: calc(0.2px + 0.05em) solid #e5e5e5;
}

.ceo-heading-line>::before {
    right: 100%;
    margin-right: calc(5px + 0.3em);
}

.ceo-heading-line>::after {
    left: 100%;
    margin-left: calc(5px + 0.3em);
}

button.ceo-icon:not(:disabled) {
    cursor: pointer;
}

.ceo-range:not(:disabled)::-webkit-slider-thumb {
    cursor: pointer;
}

.ceo-range:not(:disabled)::-moz-range-thumb {
    cursor: pointer;
}

.ceo-range:not(:disabled)::-ms-thumb {
    cursor: pointer;
}

.ceo-radio:not(:disabled),
.ceo-checkbox:not(:disabled) {
    cursor: pointer;
}

.ceo-button:not(:disabled) {
    cursor: pointer;
}

.ceo-navbar-container>::before,
.ceo-navbar-container>::after {
    display: none !important;
}

.ceo-breadcrumb>*>:hover,
.ceo-breadcrumb>*>:focus {
    color: #666;
    text-decoration: none;
}

.ceo-pagination>*>:hover,
.ceo-pagination>*>:focus {
    color: #666;
    text-decoration: none;
}

.ceo-dotnav>*>:hover,
.ceo-dotnav>*>:focus {
    background-color: rgba(102, 102, 102, 0.6);
    outline: none;
    border-color: transparent;
}

.ceo-dotnav>*>:active {
    background-color: rgba(102, 102, 102, 0.2);
    border-color: transparent;
}

.ceo-thumbnav>*>:hover,
.ceo-thumbnav>*>:focus {
    outline: none;
}

.ceo-thumbnav>*>:hover::after,
.ceo-thumbnav>*>:focus::after {
    background-color: transparent;
}

.ceo-lightbox-items>:focus {
    outline: none;
}

.ceo-slideshow-items>:focus {
    outline: none;
}

.ceo-slider-items>:focus {
    outline: none;
}

:root {
    --ceo-leader-fill-content: .;
}

.ceo-animation-toggle:not(:hover):not(:focus) [class*='ceo-animation-'] {
    animation-name: none;
}

@supports (-webkit-background-clip:text) {}

@supports (filter:blur(0)) {}

@-moz-document url-prefix() {}

@supports (-ms-ime-align:auto) {}

.ceo-visible-toggle:not(:hover):not(:focus) .ceo-hidden-hover:not(:focus-within) {
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}

.ceo-visible-toggle:not(:hover):not(:focus) .ceo-invisible-hover:not(:focus-within) {
    opacity: 0 !important;
}

.ceo-light .ceo-heading-line>::before,
.ceo-light .ceo-heading-line>::after,
.ceo-section-primary:not(.ceo-preserve-color) .ceo-heading-line>::before,
.ceo-section-primary:not(.ceo-preserve-color) .ceo-heading-line>::after,
.ceo-section-secondary:not(.ceo-preserve-color) .ceo-heading-line>::before,
.ceo-section-secondary:not(.ceo-preserve-color) .ceo-heading-line>::after,
.ceo-tile-primary:not(.ceo-preserve-color) .ceo-heading-line>::before,
.ceo-tile-primary:not(.ceo-preserve-color) .ceo-heading-line>::after,
.ceo-tile-secondary:not(.ceo-preserve-color) .ceo-heading-line>::before,
.ceo-tile-secondary:not(.ceo-preserve-color) .ceo-heading-line>::after,
.ceo-card-primary.ceo-card-body .ceo-heading-line>::before,
.ceo-card-primary.ceo-card-body .ceo-heading-line>::after,
.ceo-card-primary>:not([class*='ceo-card-media']) .ceo-heading-line>::before,
.ceo-card-primary>:not([class*='ceo-card-media']) .ceo-heading-line>::after,
.ceo-card-secondary.ceo-card-body .ceo-heading-line>::before,
.ceo-card-secondary.ceo-card-body .ceo-heading-line>::after,
.ceo-card-secondary>:not([class*='ceo-card-media']) .ceo-heading-line>::before,
.ceo-card-secondary>:not([class*='ceo-card-media']) .ceo-heading-line>::after,
.ceo-overlay-primary .ceo-heading-line>::before,
.ceo-overlay-primary .ceo-heading-line>::after,
.ceo-offcanvas-bar .ceo-heading-line>::before,
.ceo-offcanvas-bar .ceo-heading-line>::after {
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.ceo-light .ceo-breadcrumb>*>:hover,
.ceo-light .ceo-breadcrumb>*>:focus,
.ceo-section-primary:not(.ceo-preserve-color) .ceo-breadcrumb>*>:hover,
.ceo-section-primary:not(.ceo-preserve-color) .ceo-breadcrumb>*>:focus,
.ceo-section-secondary:not(.ceo-preserve-color) .ceo-breadcrumb>*>:hover,
.ceo-section-secondary:not(.ceo-preserve-color) .ceo-breadcrumb>*>:focus,
.ceo-tile-primary:not(.ceo-preserve-color) .ceo-breadcrumb>*>:hover,
.ceo-tile-primary:not(.ceo-preserve-color) .ceo-breadcrumb>*>:focus,
.ceo-tile-secondary:not(.ceo-preserve-color) .ceo-breadcrumb>*>:hover,
.ceo-tile-secondary:not(.ceo-preserve-color) .ceo-breadcrumb>*>:focus,
.ceo-card-primary.ceo-card-body .ceo-breadcrumb>*>:hover,
.ceo-card-primary.ceo-card-body .ceo-breadcrumb>*>:focus,
.ceo-card-primary>:not([class*='ceo-card-media']) .ceo-breadcrumb>*>:hover,
.ceo-card-primary>:not([class*='ceo-card-media']) .ceo-breadcrumb>*>:focus,
.ceo-card-secondary.ceo-card-body .ceo-breadcrumb>*>:hover,
.ceo-card-secondary.ceo-card-body .ceo-breadcrumb>*>:focus,
.ceo-card-secondary>:not([class*='ceo-card-media']) .ceo-breadcrumb>*>:hover,
.ceo-card-secondary>:not([class*='ceo-card-media']) .ceo-breadcrumb>*>:focus,
.ceo-overlay-primary .ceo-breadcrumb>*>:hover,
.ceo-overlay-primary .ceo-breadcrumb>*>:focus,
.ceo-offcanvas-bar .ceo-breadcrumb>*>:hover,
.ceo-offcanvas-bar .ceo-breadcrumb>*>:focus {
    color: rgba(255, 255, 255, 0.7);
}

.ceo-light .ceo-pagination>*>:hover,
.ceo-light .ceo-pagination>*>:focus,
.ceo-section-primary:not(.ceo-preserve-color) .ceo-pagination>*>:hover,
.ceo-section-primary:not(.ceo-preserve-color) .ceo-pagination>*>:focus,
.ceo-section-secondary:not(.ceo-preserve-color) .ceo-pagination>*>:hover,
.ceo-section-secondary:not(.ceo-preserve-color) .ceo-pagination>*>:focus,
.ceo-tile-primary:not(.ceo-preserve-color) .ceo-pagination>*>:hover,
.ceo-tile-primary:not(.ceo-preserve-color) .ceo-pagination>*>:focus,
.ceo-tile-secondary:not(.ceo-preserve-color) .ceo-pagination>*>:hover,
.ceo-tile-secondary:not(.ceo-preserve-color) .ceo-pagination>*>:focus,
.ceo-card-primary.ceo-card-body .ceo-pagination>*>:hover,
.ceo-card-primary.ceo-card-body .ceo-pagination>*>:focus,
.ceo-card-primary>:not([class*='ceo-card-media']) .ceo-pagination>*>:hover,
.ceo-card-primary>:not([class*='ceo-card-media']) .ceo-pagination>*>:focus,
.ceo-card-secondary.ceo-card-body .ceo-pagination>*>:hover,
.ceo-card-secondary.ceo-card-body .ceo-pagination>*>:focus,
.ceo-card-secondary>:not([class*='ceo-card-media']) .ceo-pagination>*>:hover,
.ceo-card-secondary>:not([class*='ceo-card-media']) .ceo-pagination>*>:focus,
.ceo-overlay-primary .ceo-pagination>*>:hover,
.ceo-overlay-primary .ceo-pagination>*>:focus,
.ceo-offcanvas-bar .ceo-pagination>*>:hover,
.ceo-offcanvas-bar .ceo-pagination>*>:focus {
    color: rgba(255, 255, 255, 0.7);
}

.ceo-light .ceo-dotnav>*>:hover,
.ceo-light .ceo-dotnav>*>:focus,
.ceo-section-primary:not(.ceo-preserve-color) .ceo-dotnav>*>:hover,
.ceo-section-primary:not(.ceo-preserve-color) .ceo-dotnav>*>:focus,
.ceo-section-secondary:not(.ceo-preserve-color) .ceo-dotnav>*>:hover,
.ceo-section-secondary:not(.ceo-preserve-color) .ceo-dotnav>*>:focus,
.ceo-tile-primary:not(.ceo-preserve-color) .ceo-dotnav>*>:hover,
.ceo-tile-primary:not(.ceo-preserve-color) .ceo-dotnav>*>:focus,
.ceo-tile-secondary:not(.ceo-preserve-color) .ceo-dotnav>*>:hover,
.ceo-tile-secondary:not(.ceo-preserve-color) .ceo-dotnav>*>:focus,
.ceo-card-primary.ceo-card-body .ceo-dotnav>*>:hover,
.ceo-card-primary.ceo-card-body .ceo-dotnav>*>:focus,
.ceo-card-primary>:not([class*='ceo-card-media']) .ceo-dotnav>*>:hover,
.ceo-card-primary>:not([class*='ceo-card-media']) .ceo-dotnav>*>:focus,
.ceo-card-secondary.ceo-card-body .ceo-dotnav>*>:hover,
.ceo-card-secondary.ceo-card-body .ceo-dotnav>*>:focus,
.ceo-card-secondary>:not([class*='ceo-card-media']) .ceo-dotnav>*>:hover,
.ceo-card-secondary>:not([class*='ceo-card-media']) .ceo-dotnav>*>:focus,
.ceo-overlay-primary .ceo-dotnav>*>:hover,
.ceo-overlay-primary .ceo-dotnav>*>:focus,
.ceo-offcanvas-bar .ceo-dotnav>*>:hover,
.ceo-offcanvas-bar .ceo-dotnav>*>:focus {
    background-color: rgba(255, 255, 255, 0.9);
    border-color: transparent;
}

.ceo-light .ceo-dotnav>*>:active,
.ceo-section-primary:not(.ceo-preserve-color) .ceo-dotnav>*>:active,
.ceo-section-secondary:not(.ceo-preserve-color) .ceo-dotnav>*>:active,
.ceo-tile-primary:not(.ceo-preserve-color) .ceo-dotnav>*>:active,
.ceo-tile-secondary:not(.ceo-preserve-color) .ceo-dotnav>*>:active,
.ceo-card-primary.ceo-card-body .ceo-dotnav>*>:active,
.ceo-card-primary>:not([class*='ceo-card-media']) .ceo-dotnav>*>:active,
.ceo-card-secondary.ceo-card-body .ceo-dotnav>*>:active,
.ceo-card-secondary>:not([class*='ceo-card-media']) .ceo-dotnav>*>:active,
.ceo-overlay-primary .ceo-dotnav>*>:active,
.ceo-offcanvas-bar .ceo-dotnav>*>:active {
    background-color: rgba(255, 255, 255, 0.5);
    border-color: transparent;
}

@media print {

    *,
    *::before,
    *::after {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p {
        orphans: 3;
        widows: 3;
    }
}

样式二：


.slide_6_d .mini-stats {
	position:relative;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	flex-direction:column;
	min-width:0;
	word-wrap:break-word;
	background-color:#fff;
	background-clip:border-box;
	border:1px solid rgba(0,0,0,.125);
	border-radius:.5rem;
	border:none;
	-webkit-box-shadow:0 0 1.25rem rgba(108,118,134,0.1);
	box-shadow:0 0 1.25rem rgba(108,118,134,0.1);
	overflow:hidden
}
.slide_6_search {
	height:68px;
	width:1200px;
	position:relative;
	z-index:12;
	margin:0 auto;
	margin-top:-100px;
	z-index:1;
	top:-120px
}
.slide_6_search .searchbox {
	width:1010px;
	margin:0 auto;
	background:rgba(255,255,255,0.5);
	height:48px;
	border-radius:5px;
	padding:10px
}
.slide_6_search .searchbox .search_input {
	width:865px;
	height:48px;
	background:#fff;
	border-radius:3px;
	position:relative;
	left:0;
	top:0
}
.slide_6_search .searchbox input.text {
	width:469px;
	height:48px;
	position:absolute;
	padding:0 10px;
	color:#999898;
	font-size:14px
}
.slide_6_search .searchbox input,.slide_6_search .searchbox  button {
	border:0;
	outline:none;
	background:none;
	filter:chroma(color=#000000)
}
.slide_6_search .searchbox .tag {
	position:absolute;
	right:123px;
	top:0;
	padding:12px 10px
}
.slide_6_search .searchbox .tag a {
	display:inline;
	padding:3px 8px;
	border-radius:10px;
	background:#EFEFEF;
	float:left;
	margin:0 5px;
	height:18px;
	line-height:18px;
	color:#A0A0A0;
	font-size:12px
}
.slide_6_search .searchbox .tag a:hover {
	background:#ff0200;
	color:#fff
}
.slide_6_search .searchbox .submit {
	display:block;
	width:123px;
	height:48px;
	background:#4E464E;
	position:absolute;
	right:0;
	top:0;
	border-radius:0 3px 3px 0;
	line-height:48px;
	text-align:center;
	color:#fff;
	font-size:20px;
	cursor:pointer
}
.slide_6_search .searchbox .submit:hover {
	background:#EB2C17;
	color:#fff
}
.slide_6_search .searchbox .submit_s {
	right:-138px;
	display:block;
	width:123px;
	height:48px;
	background:#fe4d3f;
	position:absolute;
	top:0;
	border-radius:3px;
	line-height:48px;
	text-align:center;
	color:#fff;
	font-size:20px;
	cursor:pointer
}
.slide_6_search .searchbox .submit_s:hover {
	background:#EB2C17;
	color:#fff
}
.slide_6_ss {
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	padding:0 30px;
	margin-left:-20px
}
.slide_6_mk {
	}.slide_6_jb {
	position:relative;
	border-radius:10px;
	margin-top:-100px;
	margin-bottom:30px!important
}
.slide_6_n {
	display:flex;
	margin:0 auto;
	padding-top:15px;
	height:54px;
	color:#fff;
	font-size:14px;
	justify-content:space-between
}
.slide_6_n .slide_6_s {
	position:relative;
	display:inline-block;
	padding:0 40px;
	height:40px;
	border-radius:73px;
	background:none;
	vertical-align:middle;
	text-align:center;
	line-height:40px
}
.slide_6_n .slide_6_s ul {
	float:left;
	margin:0 auto
}
.slide_6_n .slide_6_s li {
	float:left;
	margin-right:40px
}
.slide_6_n .slide_6_s li .first {
	color:#2879f7
}
.slide_6_n .slide_6_s li a {
	float:left;
	color:#606075;
	font-weight:600;
	font-size:14px
}
.slide_6_n .slide_6_y {
	font-weight:600;
	position:relative;
	display:inline-block;
	padding:0 40px;
	height:40px;
	background:none;
	vertical-align:middle;
	text-align:center;
	line-height:40px
}
.slide_6_n .slide_6_y a {
	margin-left:40px;
	color:#ffb100
}
.slide_6_d {
	padding-left:20px;
	flex:0 0 25%;
	box-sizing:border-box;
	width:100%;
	max-width:100%
}
.slide_6_d .mini-stats {
	position:relative;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	flex-direction:column;
	min-width:0;
	word-wrap:break-word;
	background-color:#fff;
	background-clip:border-box;
	border:1px solid rgba(0,0,0,.125);
	border-radius:.5rem;
	border:none;
	-webkit-box-shadow:0 0 1.25rem rgba(108,118,134,0.1);
	box-shadow:0 0 1.25rem rgba(108,118,134,0.1);
	overflow:hidden
}
.mini-stats .mini-stats-content {
	padding:1rem!important
}
.slide_6_d_mb4,.my-4 {
	margin-bottom:1.5rem!important
}
.slide_6_d_right {
	text-align:right!important;
	color:rgba(255,255,255,.5)!important
}
.slide_6_d_right span {
	margin-top:.5rem!important;
	background-color:#f8f9fa;
	margin-bottom:.5rem!important;
	color:#1699dd !important;
	display:inline-block;
	padding:.25em .4em;
	font-size:75%;
	font-weight:700;
	line-height:1;
	text-align:center;
	white-space:nowrap;
	vertical-align:baseline;
	border-radius:.25rem;
	transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
.slide_6_d_right p {
	color:#fff
}
.slide_6_d_m {
	margin-left:1rem!important;
	margin-right:1rem!important
}
.slide_6_d_m .mini-stats-desc {
	display:inline-block;
	position:relative;
	bottom:22px;
	height:100%;
	-webkit-box-shadow:0 0 1.25rem rgba(108,118,134,0.1);
	box-shadow:0 0 1.25rem rgba(108,118,134,0.1);
	background-color:#ffffff !important;
	padding:1rem!important;
	border-radius:.25rem!important;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.slide_6_d_m .mini-stats-desc li {
	float:left;
	flex:0 0 33.33333%;
	box-sizing:border-box;
	width:100%;
	max-width:100%
}
.slide_6_d_m .mini-stats-desc a {
	display:block;
	height:60px;
	padding:12px 15px 15px 15px
}
.slide_6_d_m .mini-stats-desc a:hover {
	color:var(--primary-color)!important
}
.slide_6_d_m .mini-stats-desc a img {
	display:block;
	width:58px;
	height:45px;
	margin:0 auto 5px
}
.slide_6_d_m .mini-stats-desc p {
	display:block;
	height:20px;
	line-height:20px;
	overflow:hidden;
	font-size:14px;
	color:#666;
	text-align:center
}
.ceo-pages-vip ol,ul,li {
	list-style:none
}

也可以新建两个css 文件，自行引用一样可以。两个样式放一个css里面都可以，自行抉择。图标文件自行下载

普通下载
1
高速下载
2

下载权限

查看
  • ￥
    免费下载
    评论并刷新后下载
    登录后下载

查看演示

  • {{attr.name}}：
您当前的等级为
登录后免费下载登录 小黑屋反思中，不准下载！ 评论后刷新页面下载评论 支付以后下载 请先登录 您今天的下载次数（次）用完了，请明天再来 支付积分以后下载立即支付 支付以后下载立即支付 您当前的用户组不允许下载升级会员
您已获得下载权限 您可以每天下载资源次，今日剩余次
温馨提示
本站网络名称： 墨梅博客
本文章永久网址： https://momeis.net/post-64840.html
网站侵权说明： 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长Email：momeis6@qq.com 删除处理。
1 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
2 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
3 本站资源大多存储在云盘，如发现链接失效，请联系我们第一时间更新。

历史上的今天

很遗憾~，历史上的今天未发表过文章【墨梅站长】

给TA打赏
共{{data.count}}人
人已打赏
B2主题美化B2首页快捷导航区块

相关文章

站长资源

破解office密码 Elcomsoft_Advanced_Office_Password_Recovery_7_10_2653_Multilingual

2022-6-22 0:21:32

站长资源

BarTender Enterprise V2022 R2 11.3.2.184527 (条码打印软件)中文和谐版

2022-6-29 17:27:23

免责声明

本站资源大多来自网络，如有侵犯你的权益请联系管理员，邮箱momeis6@qq.com 根据《计算机软件保护条例》第十七条规定“为了学习和研究软件内含的设计思想和原理，通过安装、显示、传输或者存储软件等方式使用软件的，可以不经软件著作权人许可，不向其支付报酬。”您需知晓本站所有内容资源均来源于网络，仅供用户交流学习与研究使用，版权归属原版权方所有，版权争议与本站无关，用户本人下载后不能用作商业或非法用途，需在24个小时之内从您的电脑中彻底删除上述内容，否则后果均由用户承担责任；如果您访问和下载此文件，表示您同意只将此文件用于参考、学习而非其他用途，否则一切后果请您自行承担，如果您喜欢该程序，请支持正版软件，购买注册，得到更好的正版服务。 本站为个人博客非盈利性站点，所有软件信息均来自网络，所有资源仅供学习参考研究目的，并不贩卖软件，不存在任何商业目的及用途，网站会员捐赠是您喜欢本站而产生的赞助支持行为，仅为维持服务器的开支与维护，全凭自愿无任何强求。本站部份代码及教程来源于互联网，仅供网友学习交流，若您喜欢本文可附上原文链接随意转载。

如果遇到付费才可观看的文章，建议升级终身VIP。全站所有资源“任意下免费看”。本站资源大部分采用7z压缩，为防止有人压缩软件不支持7z格式，7z解压，建议下载7-zip，zip、rar解压，建议下载WinRAR。

5 条回复 A文章作者 M管理员
表情包
  • AC娘
  • Tv小电视
  • 婲喵酱
  • 大黄脸
  • 一人之下
  1. Stubborn

    感谢分享

  2. titi

    感谢分享

  3. 刘大先生

    6666真猛呀

  4. yixinis

    6666666666trhyr聊个天r

  5. 嘤雪

    阿哲66666

❯

解锁会员权限

开通会员

解锁海量优质VIP资源

立刻开通
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索
客服

  • 扫码打开当前页

返回顶部

  • 3031 用户总数（个）

  • 1565 文章总数（篇）

  • 浏览总数（PV）

  • 今日发布（篇）

  • 1751 运行天数（天）
立即加入

  • 波浪
  • 波浪
  • 波浪
  • 波浪
联系站长