Skwirel Knowledgebase


柠檬直播为您提供专业、贴心的服务体验。

  • 作者:柠檬直播
  • 演示页面

柠檬直播

柠檬直播官网

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

柠檬直播为您提供专业、贴心的服务体验。

开始观赛
  • 赛事布局:容器、行与列
  • 热门赛事焦点
  • 实时比分速递
  • 精彩专题集锦
  • 显示与响应式工具
颜色调整
  • 网站图标
  • 品牌Logo
  • 背景与覆盖层
  • 字体设置
  • 图标库
  • 联系我们
  • 下拉菜单
  • 滚动动画
  • 一键跳转,流畅观赛
  • 视差效果
  • 轮播图
  • 移除多余库,专注直播
  • 赛事信息
  • 更新日志

柠檬直播为您提供专业、贴心的服务体验。

  • 柠檬直播为您提供专业、贴心的服务体验。
  • 柠檬直播为您提供专业、贴心的服务体验。
  • 柠檬直播为您提供专业、贴心的服务体验。

柠檬直播为您提供专业、贴心的服务体验。

  • 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柠檬直播为您提供专业、贴心的服务体验。

Colors

  • 柠檬直播为您提供专业、贴心的服务体验。
  • 柠檬直播为您提供专业、贴心的服务体验。

柠檬直播为您提供专业、贴心的服务体验。

  • 柠檬直播为您提供专业、贴心的服务体验。
  • 柠檬直播为您提供专业、贴心的服务体验。

柠檬直播为您提供专业、贴心的服务体验。

  • 柠檬直播为您提供专业、贴心的服务体验。
  • 柠檬直播为您提供专业、贴心的服务体验。

Forms

柠檬直播为您提供专业、贴心的服务体验。

  • Contact Form

柠檬直播为您提供专业、贴心的服务体验。

  • 您的邮箱
    柠檬直播为您提供专业、贴心的服务体验。
    $youremail = '[email protected]';

柠檬直播为您提供专业、贴心的服务体验。

  • 柠檬直播为您提供专业、贴心的服务体验。
  • 柠檬直播为您提供专业、贴心的服务体验。
  • 修改邮件内容
    柠檬直播为您提供专业、贴心的服务体验。
    $body = "You have got new message from your website :
  • 修改成功提示信息
    柠檬直播为您提供专业、贴心的服务体验。

柠檬直播为您提供专业、贴心的服务体验。

柠檬直播为您提供专业、贴心的服务体验。

柠檬直播为您提供专业、贴心的服务体验。

柠檬直播为您提供专业、贴心的服务体验。

  • 柠檬直播为您提供专业、贴心的服务体验。
  • 柠檬直播为您提供专业、贴心的服务体验。Animate.css
  • 柠檬直播为您提供专业、贴心的服务体验。滚动动画

柠檬直播为您提供专业、贴心的服务体验。

柠檬直播为您提供专业、贴心的服务体验。
柠檬直播为您提供专业、贴心的服务体验。

Ex: #work

  
  • Work
  • 柠檬直播为您提供专业、贴心的服务体验。

    柠檬直播为您提供专业、贴心的服务体验。
    柠檬直播为您提供专业、贴心的服务体验。

    Give class '柠檬直播为您提供专业、贴心的服务体验。' to the link.

    平滑滚动到另一区块

    Parallax

    • 柠檬直播为您提供专业、贴心的服务体验。
    • 柠檬直播为您提供专业、贴心的服务体验。
    • 柠檬直播为您提供专业、贴心的服务体验。
    • 柠檬直播为您提供专业、贴心的服务体验。Parallaxie
      
    
    ---

    Sliders

    • Slder functions - in slick.min.js at the bottom.
    • 柠檬直播为您提供专业、贴心的服务体验。
    • 柠檬直播为您提供专业、贴心的服务体验。柠檬直播为您提供专业、贴心的服务体验。
      柠檬直播为您提供专业、贴心的服务体验。

    柠檬直播为您提供专业、贴心的服务体验。

    • 6 Columns - dtr-slider-6col
    
    
    Sliders - 柠檬直播
    Sliders - 柠檬直播
    Sliders - 柠檬直播
    Sliders - 柠檬直播
    Sliders - 柠檬直播
    Sliders - 柠檬直播
    Sliders - 柠檬直播
    Sliders - 柠檬直播
    • 3 Columns - dtr-slider-3col
    
    
    Sliders - 柠檬直播
    Sliders - 柠檬直播
    Sliders - 柠檬直播
    Sliders - 柠檬直播
    Sliders - 柠檬直播
    • 2 Columns - dtr-slider-2col
    
    
    Sliders - 柠檬直播
    Sliders - 柠檬直播
    Sliders - 柠檬直播
    Sliders - 柠檬直播
    Sliders - 柠檬直播
    • 1 Column - dtr-slider-1col
    
    
    Sliders - 柠檬直播
    Sliders - 柠檬直播
    Sliders - 柠檬直播

    柠檬直播为您提供专业、贴心的服务体验。

    • 柠檬直播为您提供专业、贴心的服务体验。
    • 柠檬直播为您提供专业、贴心的服务体验。

    柠檬直播为您提供专业、贴心的服务体验。

    • 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 ...
    返回顶部
    电话:+86 178 4697 7129邮箱:[email protected]微信:goco_470北京市朝阳区建国路836号
    实时体育数据 数据来源: TheSportsDB

    ⚽ 足球实时 (10)

    主队比分客队联赛时间
    Skövde AIK0:0Jönköping SödraSwedish Division 1 South17:00
    Würzburger Kickers1:0Lokomotive LeipzigGerman Regionalliga Promotion Playoffs16:30
    Norway0:0SwedenInternational Friendlies17:00
    Wadi Degla0:1ENPPIEgypt League Cup17:00
    Levadia U19 Tallinn3:0Tallinna LegionEstonian Esiliiga B16:00
    Nõmme Kalju U211:1FC TallinnEstonian Esiliiga16:00
    Bulgaria0:0MontenegroInternational Friendlies16:00
    Union Touarga Sport0:0Kawkab MarrakechMoroccan Championship16:00
    Tallinna Kalev U212:1Tartu KalevEstonian Esiliiga B16:00
    Tartu U21 Tammeka1:2Pärnu U21 VaprusEstonian Esiliiga B16:00

    🏀 篮球实时 (10)

    主队比分客队联赛时间
    BC Lokomotiv Plovdiv42:43BC Balkan BotevgradBulgarian NBL16:15
    Maccabi Tel Aviv BCHapoel Beer Sheva BCIsraeli Basketball Premier League17:55
    Virtus Pallacanestro BolognaReyer Venezia MestreItalian Lega Basket18:00
    AS Monaco BasketNanterreFrench LNB18:00
    Dziki WarszawaLegia WarszawaPolish Basketball League18:15
    Bayern München BasketballBonnGerman BBL18:30
    Elitzur Netanya B.C.16:9Hapoel Galil ElyonIsraeli Basketball Premier League17:00
    Fenerbahçe Basketbol2:11Anadolu Efes SKTurkish Basketbol Super Ligi17:00
    ALBA Berlin32:27Bamberg BasketsGerman BBL16:30
    BC Zenit Saint Petersburg38:35PBC Lokomotiv KubanRussian VTB United League16:30

    ⚾ 棒球实时 (6)

    主队比分客队联赛时间
    Tampa Bay RaysDetroit TigersMLB22:40
    Washington NationalsMiami MarlinsMLB22:45
    Cincinnati RedsKansas City RoyalsMLB23:10
    Minnesota TwinsChicago White SoxMLB23:40
    Milwaukee BrewersSan Francisco GiantsMLB23:40
    St. Louis CardinalsTexas RangersMLB23:45

    🏒 冰球实时 (1)

    主队比分客队联赛时间
    Toronto MarliesWilkes-Barre Scranton PenguinsAmerican AHL23:00

    📅 今日赛程 (20)

    主队比分客队联赛时间
    FSC Mariupol2:0Viktoriya SumyUkrainian First League2026-06-01
    Chornomorets Odesa1:0Metalist KharkivUkrainian First League2026-06-01
    Ahrobiznes Volochysk1:0ChernihivUkrainian First League2026-06-01
    Inhulets Petrove1:3Livyi Bereh KyivUkrainian First League2026-06-01
    UCSA Tarasivka3:0Nyva TernopilUkrainian First League2026-06-01
    Probiy Horodenka0:3Prykarpattia Ivano-FrankivskUkrainian First League2026-06-01
    Bulawayo Chiefs0:0Manica DiamondsZimbabwe Premier Soccer League2026-06-01
    Argentino de QuilmesItuzaingóArgentina Primera B Metropolitana2026-06-01
    CA FénixCañuelasArgentinian Primera C2026-06-01
    Sportivo BarracasCA AtlasArgentinian Primera C2026-06-01
    Palestino0:0Audax ItalianoChile Primera Division2026-06-01
    Skövde AIKJönköping SödraSwedish Division 1 South2026-06-01
    ArlandaGefleSwedish Division 1 North2026-06-01
    AustriaTunisiaInternational Friendlies2026-06-01
    Deportes Santa CruzDeportes CopiapóChile Primera B2026-06-01
    Curicó UnidoDeportes AntofagastaChile Primera B2026-06-01
    Þróttur ReykjavikGrindavíkIcelandic 1 deild karla2026-06-01
    Elva0:0Tartu WelcoEstonian Esiliiga2026-06-01
    Nõmme Kalju U211:1FC TallinnEstonian Esiliiga2026-06-01
    LeonesMacaráEcuadorian Serie A2026-06-01