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

释放双眼,带上耳机,听听看~!

【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}}:
您当前的等级为
登录后免费下载登录 小黑屋反思中,不准下载! 评论后刷新页面下载评论 支付以后下载 请先登录 您今天的下载次数(次)用完了,请明天再来 支付积分以后下载立即支付 支付以后下载立即支付 您当前的用户组不允许下载升级会员
您已获得下载权限 您可以每天下载资源次,今日剩余

给TA打赏
共{{data.count}}人
人已打赏
站长资源

破解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管理员
  1. Stubborn

    感谢分享

  2. titi

    感谢分享

  3. 刘大先生

    6666真猛呀

  4. yixinis

    6666666666trhyr聊个天r

  5. 嘤雪

    阿哲66666

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索