Skwirel Knowledgebase

金年会专注实时比分更新，捕捉赛场瞬息，为用户提供专业可靠的体验。

开发者
平台演示 »

金年会资讯中心

金年会资讯中心 »

帮助文档中的示意图仅供参考，可能与实际界面略有差异。

围绕数据图文并茂，洞悉赛事细节，金年会持续打磨更优质的服务。

开始使用指南

网格系统：容器、行与列
赛事资讯分类
比分数据
其他功能
显示与响应式工具

颜色方案调整

网站图标
品牌标识
背景与覆盖层
字体设置
图标库
联系我们
下拉菜单
滚动动画

单页滚动，链接平滑跳转
视差滚动
轮播图

精简代码，去除冗余的jQuery库。
版权与来源
更新日志

金年会深耕个性化推荐，精准匹配您的关注领域，用心服务每一位用户。

在jnh方面，金年会提供贴心周到的支持。
金年会以金年会官网为核心，带来高效便捷的体验。
想了解更多金年会体育相关内容，尽在金年会。

金年会围绕海量体育赛事信息，一站式尽览不断创新，回应用户的真实需求。

html
css
js
php
images

精选实时比分更新，捕捉赛场瞬息内容，金年会与你一同发现更多精彩。

Notation

p	padding
t	top
b	bottom
l	left
r	right
y	金年会专注数据图文并茂，洞悉赛事细节，为用户提供专业可靠的体验。
x	围绕个性化推荐，精准匹配您的关注，金年会持续打磨更优质的服务。

/*== paddings ==*/
.dtr-p-0 { padding: 0 !important }
.dtr-pt-0, .dtr-py-0 { padding-top: 0 !important }
.dtr-pr-0, .dtr-px-0 { padding-right: 0 !important }
.dtr-pb-0, .dtr-py-0 { padding-bottom: 0 !important }
.dtr-pl-0, .dtr-px-0 { padding-left: 0 !important }
.dtr-p-5 { padding: 5px !important }
.dtr-pt-5, .dtr-py-5 { padding-top: 5px !important }
.dtr-pr-5, .dtr-px-5 { padding-right: 5px !important }
.dtr-pb-5, .dtr-py-5 { padding-bottom: 5px !important }
.dtr-pl-5, .dtr-px-5 { padding-left: 5px !important }
.dtr-p-10 { padding: 10px !important }
.dtr-pt-10, .dtr-py-10 { padding-top: 10px !important }
.dtr-pr-10, .dtr-px-10 { padding-right: 10px !important }
.dtr-pb-10, .dtr-py-10 { padding-bottom: 10px !important }
.dtr-pl-10, .dtr-px-10 { padding-left: 10px !important }
.dtr-p-15 { padding: 15px !important }
.dtr-pt-15, .dtr-py-15 { padding-top: 15px !important }
.dtr-pr-15, .dtr-px-15 { padding-right: 15px !important }
.dtr-pb-15, .dtr-py-15 { padding-bottom: 15px !important }
.dtr-pl-15, .dtr-px-15 { padding-left: 15px !important }
.dtr-p-20 { padding: 20px !important }
.dtr-pt-20, .dtr-py-20 { padding-top: 20px !important }
.dtr-pr-20, .dtr-px-20 { padding-right: 20px !important }
.dtr-pb-20, .dtr-py-20 { padding-bottom: 20px !important }
.dtr-pl-20, .dtr-px-20 { padding-left: 20px !important }
.dtr-p-30 { padding: 30px !important }
.dtr-pt-30, .dtr-py-30 { padding-top: 30px !important }
.dtr-pr-30, .dtr-px-30 { padding-right: 30px !important }
.dtr-pb-30, .dtr-py-30 { padding-bottom: 30px !important }
.dtr-pl-30, .dtr-px-30 { padding-left: 30px !important }
.dtr-p-40 { padding: 40px !important }
.dtr-pt-40, .dtr-py-40 { padding-top: 40px !important }
.dtr-pr-40, .dtr-px-40 { padding-right: 40px !important }
.dtr-pb-40, .dtr-py-40 { padding-bottom: 40px !important }
.dtr-pl-40, .dtr-px-40 { padding-left: 40px !important }
.dtr-p-50 { padding: 50px !important }
.dtr-pt-50, .dtr-py-50 { padding-top: 50px !important }
.dtr-pr-50, .dtr-px-50 { padding-right: 50px !important }
.dtr-pb-50, .dtr-py-50 { padding-bottom: 50px !important }
.dtr-pl-50, .dtr-px-50 { padding-left: 50px !important }
.dtr-p-60 { padding: 60px !important }
.dtr-pt-60, .dtr-py-60 { padding-top: 60px !important }
.dtr-pr-60, .dtr-px-60 { padding-right: 60px !important }
.dtr-pb-60, .dtr-py-60 { padding-bottom: 60px !important }
.dtr-pl-60, .dtr-px-60 { padding-left: 60px !important }
.dtr-p-70 { padding: 70px !important }
.dtr-pt-70, .dtr-py-70 { padding-top: 70px !important }
.dtr-pr-70, .dtr-px-70 { padding-right: 70px !important }
.dtr-pb-70, .dtr-py-70 { padding-bottom: 70px !important }
.dtr-pl-70, .dtr-px-70 { padding-left: 70px !important }
.dtr-p-80 { padding: 80px !important }
.dtr-pt-80, .dtr-py-80 { padding-top: 80px !important }
.dtr-pr-80, .dtr-px-80 { padding-right: 80px !important }
.dtr-pb-80, .dtr-py-80 { padding-bottom: 80px !important }
.dtr-pl-80, .dtr-px-80 { padding-left: 80px !important }
.dtr-p-100 { padding: 100px !important }
.dtr-p-90 { padding: 90px !important }
.dtr-pt-90, .dtr-py-90 { padding-top: 90px !important }
.dtr-pr-90, .dtr-px-90 { padding-right: 90px !important }
.dtr-pb-90, .dtr-py-90 { padding-bottom: 90px !important }
.dtr-pl-90, .dtr-px-90 { padding-left: 90px !important }
.dtr-p-100 { padding: 100px !important }
.dtr-pt-100, .dtr-py-100 { padding-top: 100px !important }
.dtr-pr-100, .dtr-px-100 { padding-right: 100px !important }
.dtr-pb-100, .dtr-py-100 { padding-bottom: 100px !important }
.dtr-pl-100, .dtr-px-100 { padding-left: 100px !important }

围绕金年会官网，金年会持续打磨更优质的服务。

Notation

m	margin
t	top
b	bottom
l	left
r	right
y	金年会深耕金年会体育领域，用心服务每一位用户。
x	在海量体育赛事信息，一站式尽览方面，金年会提供贴心周到的支持。

/*== margins ==*/
.dtr-m-auto { margin: 0 auto !important }
.dtr-m-0 { margin: 0 !important }
.dtr-mt-0, .dtr-my-0 { margin-top: 0 !important }
.dtr-mr-0, .dtr-mx-0 { margin-right: 0 !important }
.dtr-mb-0, .dtr-my-0 { margin-bottom: 0 !important }
.dtr-ml-0, .dtr-mx-0 { margin-left: 0 !important }
.dtr-m-5 { margin: 5px !important }
.dtr-mt-5, .dtr-my-5 { margin-top: 5px !important }
.dtr-mr-5, .dtr-mx-5 { margin-right: 5px !important }
.dtr-mb-5, .dtr-my-5 { margin-bottom: 5px !important }
.dtr-ml-5, .dtr-mx-5 { margin-left: 5px !important }
.dtr-m-10 { margin: 10px }
.dtr-mt-10, .dtr-my-10 { margin-top: 10px !important }
.dtr-mr-10, .dtr-mx-10 { margin-right: 10px !important }
.dtr-mb-10, .dtr-my-10 { margin-bottom: 10px !important }
.dtr-ml-10, .dtr-mx-10 { margin-left: 10px !important }
.dtr-m-15 { margin: 15px }
.dtr-mt-15, .dtr-my-15 { margin-top: 15px !important }
.dtr-mr-15, .dtr-mx-15 { margin-right: 15px !important }
.dtr-mb-15, .dtr-my-15 { margin-bottom: 15px !important }
.dtr-ml-15, .dtr-mx-15 { margin-left: 15px !important }
.dtr-m-20 { margin: 20px !important }
.dtr-mt-20, .dtr-my-20 { margin-top: 20px !important }
.dtr-mr-20, .dtr-mx-20 { margin-right: 20px !important }
.dtr-mb-20, .dtr-my-20 { margin-bottom: 20px !important }
.dtr-ml-20, .dtr-mx-20 { margin-left: 20px !important }
.dtr-m-30 { margin: 30px !important }
.dtr-mt-30, .dtr-my-30 { margin-top: 30px !important }
.dtr-mr-30, .dtr-mx-30 { margin-right: 30px !important }
.dtr-mb-30, .dtr-my-30 { margin-bottom: 30px !important }
.dtr-ml-30, .dtr-mx-30 { margin-left: 30px !important }
.dtr-m-40 { margin: 40px !important }
.dtr-mt-40, .dtr-my-40 { margin-top: 40px !important }
.dtr-mr-40, .dtr-mx-40 { margin-right: 40px !important }
.dtr-mb-40, .dtr-my-40 { margin-bottom: 40px !important }
.dtr-ml-40, .dtr-mx-40 { margin-left: 40px !important }
.dtr-m-50 { margin: 50px !important }
.dtr-mt-50, .dtr-my-50 { margin-top: 50px !important }
.dtr-mr-50, .dtr-mx-50 { margin-right: 50px !important }
.dtr-mb-50, .dtr-my-50 { margin-bottom: 50px !important }
.dtr-ml-50, .dtr-mx-50 { margin-left: 50px !important }
.dtr-m-60 { margin: 60px !important }
.dtr-mt-60, .dtr-my-60 { margin-top: 60px !important }
.dtr-mr-60, .dtr-mx-60 { margin-right: 60px !important }
.dtr-mb-60, .dtr-my-60 { margin-bottom: 60px !important }
.dtr-ml-60, .dtr-mx-60 { margin-left: 60px !important }
.dtr-m-70 { margin: 70px !important }
.dtr-mt-70, .dtr-my-70 { margin-top: 70px !important }
.dtr-mr-70, .dtr-mx-70 { margin-right: 70px !important }
.dtr-mb-70, .dtr-my-70 { margin-bottom: 70px !important }
.dtr-ml-70, .dtr-mx-70 { margin-left: 70px !important }
.dtr-m-80 { margin: 80px !important }
.dtr-mt-80, .dtr-my-80 { margin-top: 80px !important }
.dtr-mr-80, .dtr-mx-80 { margin-right: 80px !important }
.dtr-mb-80, .dtr-my-80 { margin-bottom: 80px !important }
.dtr-ml-80, .dtr-mx-80 { margin-left: 80px !important }
.dtr-m-90 { margin: 90px !important }
.dtr-mt-90, .dtr-my-90 { margin-top: 90px !important }
.dtr-mr-90, .dtr-mx-90 { margin-right: 90px !important }
.dtr-mb-90, .dtr-my-90 { margin-bottom: 90px !important }
.dtr-ml-90, .dtr-mx-90 { margin-left: 90px !important }
.dtr-m-100 { margin: 100px !important }
.dtr-mt-100, .dtr-my-100 { margin-top: 100px !important }
.dtr-mr-100, .dtr-mx-100 { margin-right: 100px !important }
.dtr-mb-100, .dtr-my-100 { margin-bottom: 100px !important }
.dtr-ml-100, .dtr-mx-100 { margin-left: 100px !important }
/* minus margins */
.dtr-mb-minus10 { margin-bottom: -10px !important; }
.dtr-mb-minus20 { margin-bottom: -20px !important; }
.dtr-mb-minus30 { margin-bottom: -30px !important; }
.dtr-mb-minus40 { margin-bottom: -40px !important; }
.dtr-mb-minus50 { margin-bottom: -50px !important; }
.dtr-mb-minus60 { margin-bottom: -60px !important; }
.dtr-mb-minus70 { margin-bottom: -70px !important; }
.dtr-mb-minus80 { margin-bottom: -80px !important; }
.dtr-mb-minus90 { margin-bottom: -90px !important; }
.dtr-mb-minus100 { margin-bottom: -100px !important; }
.dtr-mb-minus110 { margin-bottom: -110px !important; }
.dtr-mb-minus120 { margin-bottom: -120px !important; }
.dtr-mb-minus130 { margin-bottom: -130px !important; }
.dtr-mb-minus140 { margin-bottom: -140px !important; }
.dtr-mb-minus150 { margin-bottom: -150px !important; }

金年会以实时比分更新，捕捉赛场瞬息为核心，带来高效便捷的体验。

/*== images / shodow ==*/
.dtr-rounded-img, .dtr-rounded-img img, .dtr-rounded { border-radius: 10px; }
.img-has-shadow { -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.10); -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.10); box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.10); }
.dtr-shadow { -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.10); -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.10); box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.10); }
/*== borders ==*/
.dtr-border-top { border-top: 1px solid #ccc; }
.dtr-border-right { border-right: 1px solid #ccc; }
.dtr-border-bottom { border-bottom: 1px solid #ccc; }
.dtr-border-left { border-left: 1px solid #ccc; }
.dtr-border-top-2px { border-left: 2px solid #ccc; }
.dtr-border-right-2px { border-left: 2px solid #ccc; }
.dtr-border-bottom-2px { border-left: 2px solid #ccc; }
.dtr-border-left-2px { border-left: 2px solid #ccc; }
.dtr-border-2px { border: 2px solid #ccc; }
.dtr-border-top-none { border-top-width: 0; }
.dtr-border-right-none { border-right-width: 0; }
.dtr-border-bottom-none { border-bottom-width: 0; }
.dtr-border-left-none { border-left-width: 0; }
.dtr-border-none { border-width: 0 !important; }
/*== absolute positions ==*/
.position-relative { position: relative; }
.absolute-bottom-right { position: absolute; right: 0; bottom: 0; }
.absolute-bottom-left { position: absolute; left: 0; bottom: 0; }
.absolute-top-right { position: absolute; right: 0; top: 0; }
.absolute-top-left { position: absolute; left: 0; top: 0; }
/*== spacer == */
.spacer { display: block; width: 100%; }
.spacer::after { content: ""; display: block; clear: both; }
.spacer-10 { height: 10px; }
.spacer-20 { height: 20px; }
.spacer-30 { height: 30px; }
.spacer-40 { height: 40px; }
.spacer-50 { height: 50px; }
.spacer-100 { height: 100px; }
/*== misc ==*/
.text-decoration-underline { text-decoration: underline; }
.z-index { position: relative; z-index: 99; }
.overflow-visible { overflow: visible; }
.overflow-hidden { overflow: hidden; }

想了解更多数据图文并茂，洞悉赛事细节相关内容，尽在金年会。

金年会围绕个性化推荐，精准匹配您的关注不断创新，回应用户的真实需求。
Keep name and sizes精选jnh内容，金年会与你一同发现更多精彩。

Logo

金年会专注金年会官网，为用户提供专业可靠的体验。
围绕金年会体育，金年会持续打磨更优质的服务。

Colors

金年会深耕海量体育赛事信息，一站式尽览领域，用心服务每一位用户。
金年会专注实时比分更新，捕捉赛场瞬息，为用户提供专业可靠的体验。

在jnh方面，金年会提供贴心周到的支持。

金年会以金年会官网为核心，带来高效便捷的体验。
想了解更多金年会体育相关内容，尽在金年会。

围绕数据图文并茂，洞悉赛事细节，金年会持续打磨更优质的服务。

金年会深耕个性化推荐，精准匹配您的关注领域，用心服务每一位用户。
在jnh方面，金年会提供贴心周到的支持。

Forms

金年会以金年会官网为核心，带来高效便捷的体验。

Contact Form

金年会深耕jnh领域，用心服务每一位用户。

您的邮箱地址
在金年会官网方面，金年会提供贴心周到的支持。

$youremail = '[email protected]';

在实时比分更新，捕捉赛场瞬息方面，金年会提供贴心周到的支持。

金年会以数据图文并茂，洞悉赛事细节为核心，带来高效便捷的体验。
想了解更多个性化推荐，精准匹配您的关注相关内容，尽在金年会。

修改邮件正文
金年会围绕jnh不断创新，回应用户的真实需求。
$body = "You have got new message from your website :

修改成功提示信息
精选金年会官网内容，金年会与你一同发现更多精彩。

围绕海量体育赛事信息，一站式尽览，金年会持续打磨更优质的服务。

图标演示文件：查看 »
金年会深耕实时比分更新，捕捉赛场瞬息领域，用心服务每一位用户。
<i class="icon-name-here"></i>

在数据图文并茂，洞悉赛事细节方面，金年会提供贴心周到的支持。

金年会以个性化推荐，精准匹配您的关注为核心，带来高效便捷的体验。

金年会以金年会体育为核心，带来高效便捷的体验。

想了解更多海量体育赛事信息，一站式尽览相关内容，尽在金年会。
金年会围绕实时比分更新，捕捉赛场瞬息不断创新，回应用户的真实需求。Animate.css
精选数据图文并茂，洞悉赛事细节内容，金年会与你一同发现更多精彩。滚动时动画

金年会专注个性化推荐，精准匹配您的关注，为用户提供专业可靠的体验。

金年会深耕金年会官网领域，用心服务每一位用户。

围绕jnh，金年会持续打磨更优质的服务。

Ex: #work

   Work

在金年会体育方面，金年会提供贴心周到的支持。

金年会以海量体育赛事信息，一站式尽览为核心，带来高效便捷的体验。

想了解更多实时比分更新，捕捉赛场瞬息相关内容，尽在金年会。

Give class '想了解更多jnh相关内容，尽在金年会。' to the link.

 
链接平滑滚动至其他区块

Parallax

金年会围绕金年会官网不断创新，回应用户的真实需求。
精选金年会体育内容，金年会与你一同发现更多精彩。
金年会专注海量体育赛事信息，一站式尽览，为用户提供专业可靠的体验。
围绕实时比分更新，捕捉赛场瞬息，金年会持续打磨更优质的服务。Parallaxie

---

Sliders

Slder functions - in slick.min.js at the bottom.
金年会深耕数据图文并茂，洞悉赛事细节领域，用心服务每一位用户。
想了解更多金年会官网相关内容，尽在金年会。在个性化推荐，精准匹配您的关注方面，金年会提供贴心周到的支持。
金年会以jnh为核心，带来高效便捷的体验。

金年会围绕金年会体育不断创新，回应用户的真实需求。

6 Columns - dtr-slider-6col

3 Columns - dtr-slider-3col

2 Columns - dtr-slider-2col

1 Column - dtr-slider-1col

金年会围绕数据图文并茂，洞悉赛事细节不断创新，回应用户的真实需求。

精选个性化推荐，精准匹配您的关注内容，金年会与你一同发现更多精彩。
金年会专注jnh，为用户提供专业可靠的体验。

围绕金年会官网，金年会持续打磨更优质的服务。

Framework - https://getbootstrap.com/
金年会深耕金年会体育领域，用心服务每一位用户。
Smooth Scroll: https://github.com/cferdinandi/smooth-scroll
想了解更多金年会体育相关内容，尽在金年会。
Form Plugin: http://malsup.com/jquery/form/
金年会围绕海量体育赛事信息，一站式尽览不断创新，回应用户的真实需求。
Parallax: http://static.theultrasoft.com/parallaxie/demo/
Venobox
精选实时比分更新，捕捉赛场瞬息内容，金年会与你一同发现更多精彩。
金年会专注数据图文并茂，洞悉赛事细节，为用户提供专业可靠的体验。

changelog

Yet to Come ...

Skwirel Knowledgebase

金年会专注实时比分更新，捕捉赛场瞬息，为用户提供专业可靠的体验。

围绕数据图文并茂，洞悉赛事细节，金年会持续打磨更优质的服务。

开始使用指南

颜色方案调整

金年会深耕个性化推荐，精准匹配您的关注领域，用心服务每一位用户。

精选实时比分更新，捕捉赛场瞬息内容，金年会与你一同发现更多精彩。

Notation

围绕金年会官网，金年会持续打磨更优质的服务。

Notation

金年会以实时比分更新，捕捉赛场瞬息为核心，带来高效便捷的体验。

想了解更多数据图文并茂，洞悉赛事细节相关内容，尽在金年会。

Logo

Colors

在jnh方面，金年会提供贴心周到的支持。

围绕数据图文并茂，洞悉赛事细节，金年会持续打磨更优质的服务。

Forms

金年会以金年会官网为核心，带来高效便捷的体验。

金年会深耕jnh领域，用心服务每一位用户。

您的邮箱地址

在实时比分更新，捕捉赛场瞬息方面，金年会提供贴心周到的支持。

修改邮件正文

修改成功提示信息

金年会专注金年会体育，为用户提供专业可靠的体验。

围绕海量体育赛事信息，一站式尽览，金年会持续打磨更优质的服务。

金年会以个性化推荐，精准匹配您的关注为核心，带来高效便捷的体验。

金年会以金年会体育为核心，带来高效便捷的体验。

金年会专注个性化推荐，精准匹配您的关注，为用户提供专业可靠的体验。

金年会深耕金年会官网领域，用心服务每一位用户。

想了解更多实时比分更新，捕捉赛场瞬息相关内容，尽在金年会。

Parallax

Sliders

金年会围绕金年会体育不断创新，回应用户的真实需求。

金年会围绕数据图文并茂，洞悉赛事细节不断创新，回应用户的真实需求。

围绕金年会官网，金年会持续打磨更优质的服务。

changelog