圣羊搜集的一些实用的网站美化代码分享

圣羊搜集的一些实用的网站美化代码分享

圣羊ちゃん
2021-09-25 / 94 评论 / 531 阅读 / 正在检测是否收录...

首页弹窗:可以用来写欢迎词和公告

效果如本站首页所示

使用方法:编辑好内容后在首页模板index.php末尾新建一行并插入,就能实现圣羊博客的首页弹窗

顶端彩条跑马灯:给网站顶端加上彩条跑马灯美化

效果如本站顶端所示

使用方法:在主题页眉header.php顶部新建一行并插入

顺数计日:可以用来统计建站时间

效果如本站底部运行统计所示所示

使用方法:在想要的地方插入即可,其中NewDate("2021-6-12")中的日期为开始时间,”XXX已过去了“可根据自身需要自行修改

倒数计日:可以用来提示距离某一重要日期的时间

距离XXX还有:
日期

使用方法:在想要的地方插入即可,其中new Date('2022-01-01T00:00:00.000+09:00')中的时间为截止日期,“距离XXX还有”可根据自身需要自行修改,.STYLE1 后的颜色代码为下方计时文字颜色,.STYLE2 为上方文本颜色

新冠疫情地图:查看实时新冠疫情信息

使用方法:一个网页引用HTML代码,由果核剥壳提供,插入到想要的地方即可

滚动文字

多彩滚动展示


使用方法:插入到需要的地方即可,如果要改变滚动的数目和颜色请自行研究代码,应该很好理解,规律很好找 表情

滚动通知栏

使用方法:插入到想要的地方即可

网站置灰:纪念日时表示哀悼


使用方法:放入CSS文件内

9

打赏

海报

正在生成.....

评论 (94)

取消
  1. 头像
    旧事重提
    Linux · Google Chrome
    沙发

    666666666666厉害

    回复 删除 垃圾
  2. 头像
    邱全增
    Windows 10 · Google Chrome
    板凳

    圣羊博客——永远的小圣羊

    回复 删除 垃圾
  3. 头像
    一叶
    Windows 10 · FireFox
    地毯

    感谢分享

    回复 删除 垃圾
  4. 头像
    邱全增
    Android · Google Chrome
    第4楼

    每年一访问,证明还在坚持

    回复 删除 垃圾
  5. 头像
    66
    Linux · Google Chrome
    第5楼

    感谢良苦用心

    回复 删除 垃圾
  6. 头像
    66
    Android Pie · Google Chrome
    第6楼

    大佬666

    回复 删除 垃圾
  7. 头像
    6
    Android Pie · Google Chrome
    第7楼

    大佬6666

    回复 删除 垃圾
  8. 头像
    6
    Android Pie · Google Chrome
    第8楼

    大佬6666

    回复 删除 垃圾
  9. 头像
    6
    Android Pie · Google Chrome
    第9楼

    大佬6666

    回复 删除 垃圾
  10. 头像
    1
    Android · Google Chrome
    第10楼

    666真六

    回复 删除 垃圾
  11. 头像
    1
    iPhone · Safari
    第11楼

    A卡卡卡司机司机大号的

    回复 删除 垃圾
  12. 头像
    1
    iPhone · Safari
    第12楼

    123啊啊啊啊啊啊

    回复 删除 垃圾
  13. 头像
    雨瞑
    iPhone · Safari
    第13楼

    近来可好!

    回复 删除 垃圾
  14. 头像
    NetwrokZfh
    Windows 10 · Google Chrome
    第14楼

    666666如火如荼二级二月九日tyj

    回复 删除 垃圾
  15. 头像
    天云
    Linux · Google Chrome
    第15楼

    牛逼66666

    回复 删除 垃圾
  16. 头像
    Y
    Android · Google Chrome
    第16楼

    非常不错表情表情

    回复 删除 垃圾
  17. 头像
    黄弟弟
    Windows 7 · QQ Browser
    第17楼

    牛逼啊大佬666

    回复 删除 垃圾
  18. 头像
    雨瞑
    iPhone · Safari
    第18楼

    可好,,,,

    回复 删除 垃圾
  19. 头像
    黄弟弟
    Windows 7 · QQ Browser
    第19楼

    表情

    回复 删除 垃圾
  20. 头像
    必应搜索白彬影视
    Windows 10 · Google Chrome
    第20楼

    不错的代码

    回复 删除 垃圾
  21. 头像
    邱全增
    Android · Google Chrome
    第21楼

    不错的代码

    回复 删除 垃圾
  22. 头像
    彬彬有礼
    Windows 10 · Google Chrome
    第22楼

    666666是

    回复 删除 垃圾
  23. 头像
    彬彬有礼
    Windows 8.1 · Google Chrome
    第23楼

    你好6666

    回复 删除 垃圾
  24. 头像
    bbyl
    Windows 10 · Google Chrome
    第24楼

    你好哇哇哇哇我国v

    回复 删除 垃圾
  25. 头像
    Android · Google Chrome
    第25楼

    刚好需要这段代码

    回复 删除 垃圾
  26. 头像
    s
    Windows 10 · Google Chrome
    第26楼

    看看

    回复 删除 垃圾
  27. 头像
    555
    Android · QQ Browser
    第27楼

    哦哦哦

    回复 删除 垃圾
  28. 头像
    邱全增
    Windows X64 · Google Chrome
    第28楼

    我用下代码看看

    回复 删除 垃圾
  29. 头像
    邱全增
    Android Oreo · Google Chrome
    第29楼

    很厉害的样子

    回复 删除 垃圾
  30. 头像
    林天涯
    iPhone · QQ Browser
    第30楼

    不镇

    回复 删除 垃圾
  31. 头像
    uu
    Windows 10 · Google Chrome
    第31楼

    888

    回复 删除 垃圾
  32. 头像
    向晚
    Windows 10 · Google Chrome
    第32楼

    感谢大佬分享

    回复 删除 垃圾
  33. 头像
    林天涯
    iPhone · QQ Browser
    第33楼

    不错哦

    回复 删除 垃圾
  34. 头像
    976博客
    Android Pie · Google Chrome
    第34楼

    看看

    回复 删除 垃圾
  35. 头像
    小马
    Windows 10 · Google Chrome
    第35楼

    kanakn

    回复 删除 垃圾
  36. 头像
    小马
    Android · Google Chrome
    第36楼

    xx

    回复 删除 垃圾
  37. 头像
    xx
    Android Pie · Google Chrome
    第37楼

    谢谢

    回复 删除 垃圾
  38. 头像
    星云
    Android Pie · Google Chrome
    第38楼

    拿走啦(☆ω☆)

    回复 删除 垃圾
  39. 头像
    水木年华
    Android · Google Chrome
    第39楼

    啥是

    回复 删除 垃圾
  40. 头像
    星云SC
    Windows 10 · Google Chrome
    第40楼

    那个新冠的咋404了

    回复 删除 垃圾
    1. 头像
      圣羊ちゃん 作者
      Android · Google Chrome
      @ 星云SC

      这个是对方服务器问题,那个果核估计关服了

      回复 删除 垃圾
      1. 头像
        星云SC
        Windows 10 · Google Chrome
        @ 圣羊ちゃん

        噢:|

        回复 删除 垃圾
  41. 头像
    星云SC
    Windows 10 · Google Chrome
    第41楼

    拿走啦φ( ̄∇ ̄o)

    回复 删除 垃圾
  42. 头像
    小姐姐
    Android · QQ Browser
    第42楼

    刮痧

    回复 删除 垃圾
  43. 头像
    m
    Windows X64 · Google Chrome
    第43楼

    666

    回复 删除 垃圾
  44. 头像
    精彩焘
    Windows 10 · Google Chrome
    第44楼

    666666牛

    回复 删除 垃圾
  45. 头像
    睡觉睡觉
    Linux · Google Chrome
    第45楼

    辛辛苦苦

    回复 删除 垃圾
  46. 头像
    ww测速
    Android · QQ Browser
    第46楼

    /

    回复 删除 垃圾
  47. 头像
    悦悦
    iPhone · QQ Browser
    第47楼

    111

    回复 删除 垃圾
  48. 头像
    Android Oreo · QQ Browser
    第48楼

    表情表情

    回复 删除 垃圾
  49. 头像
    .
    Android Pie · Google Chrome
    第49楼

    .。

    回复 删除 垃圾
  50. 头像
    腾飞
    iPhone · QQ Browser
    第50楼

    来了

    回复 删除 垃圾
  51. 头像
    花崽
    Android · Google Chrome
    第51楼

    可以,白嫖了

    回复 删除 垃圾
  52. 头像
    可以可以可以
    Android · QQ Browser
    第52楼

    yyyy

    回复 删除 垃圾
  53. 头像
    Android Oreo · Google Chrome
    第53楼

    牛啊

    回复 删除 垃圾
  54. 头像
    Android Oreo · QQ Browser
    第54楼

    66

    回复 删除 垃圾
  55. 头像
    Android · Google Chrome
    第55楼

    11

    回复 删除 垃圾
  56. 头像
    小盒子
    Android Pie · QQ Browser
    第56楼

    表情

    回复 删除 垃圾
  57. 头像
    StarCloud星云
    Windows 10 · Google Chrome
    第57楼

    看着蛮不错的,我来试试表情

    回复 删除 垃圾
  58. 头像
    毒蛊博客
    Android · QQ Browser
    第58楼

    半岛晨报发短信

    回复 删除 垃圾
  59. 头像
    Android · QQ Browser
    第59楼

    谢谢,拿走了

    回复 删除 垃圾
  60. 头像
    adasd
    Windows 7 · Google Chrome
    第60楼

    奥术大师大所多

    回复 删除 垃圾
  61. 头像
    温柔
    Android · QQ Browser
    第61楼

    感谢圣羊博客

    回复 删除 垃圾
  62. 头像
    枫雨
    Windows 10 · QQ Browser
    第62楼

    感谢大神

    回复 删除 垃圾
  63. 头像
    556
    Windows 10 · Google Chrome
    第63楼

    那片

    回复 删除 垃圾
  64. 头像
    wxz
    Windows 10 · Google Chrome
    第64楼

    感谢大神,试一试。

    回复 删除 垃圾
  65. 头像
    6776
    Android · QQ Browser
    第65楼

    46446

    回复 删除 垃圾
  66. 头像
    猕猴桃
    iPhone · QQ Browser
    第66楼

    看看

    回复 删除 垃圾
  67. 头像
    牛逼
    iPhone · QQ Browser
    第67楼

    6666666

    回复 删除 垃圾
  68. 头像
    111
    Android · QQ Browser
    第68楼

    jhgghj

    回复 删除 垃圾
  69. 头像
    11111
    Windows 10 · Google Chrome
    第69楼

    1111

    回复 删除 垃圾
  70. 头像
    凡宇
    iPhone · QQ Browser
    第70楼

    谢谢大佬

    回复 删除 垃圾
  71. 头像
    1
    Windows 7 · Google Chrome
    第71楼

    6666666

    回复 删除 垃圾
  72. 头像
    黄弟弟
    Windows 10 · QQ Browser
    第72楼

    表情

    回复 删除 垃圾
  73. 头像
    青旨
    Windows 10 · Google Chrome
    第73楼

    不错

    回复 删除 垃圾
  74. 头像
    小郭博客
    Android · QQ Browser
    第74楼

    666666666666666

    回复 删除 垃圾
  75. 头像
    那些年你在哪
    Android · QQ Browser
    第75楼

    呢见到你等你

    回复 删除 垃圾
  76. 头像
    宗同学
    Android · Google Chrome
    第76楼

    又来折腾了

    回复 删除 垃圾
  77. 头像
    dwdaw
    Windows 10 · QQ Browser
    第77楼

    dd表情

    回复 删除 垃圾
  78. 头像
    恶鬼
    Windows 10 · QQ Browser
    第78楼

    66666

    回复 删除 垃圾
  79. 头像
    12345
    iPhone · QQ Browser
    第79楼

    jbfgvbjbfff

    回复 删除 垃圾
  80. 头像
    aaaa
    Android · Google Chrome
    第80楼

    不错

    回复 删除 垃圾
  81. 头像
    林天涯
    iPhone · QQ Browser
    第81楼

    真不错

    回复 删除 垃圾
  82. 头像
    无心
    Windows 10 · Google Chrome
    第82楼

    感谢分享

    回复 删除 垃圾
  83. 头像
    echoiee
    Android · QQ Browser
    第83楼

    溜溜

    回复 删除 垃圾
  84. 头像
    admin
    Android · QQ Browser
    第84楼

    画图

    回复 删除 垃圾
    1. 头像
      圣羊ちゃん 作者
      Android · Google Chrome
      @ admin

      表情

      回复 删除 垃圾
  85. 头像
    veliger
    Windows 10 · Google Chrome
    第85楼

    画图

    回复 删除 垃圾
  86. 头像
    .
    Android Pie · Google Chrome
    第86楼

    .

    回复 删除 垃圾
  87. 头像
    ZMR
    Windows 10 · Google Chrome
    第87楼

    串门

    回复 删除 垃圾
  88. 头像
    undefined
    Android · Google Chrome
    第88楼

    666

    回复 删除 垃圾
  89. 头像
    执念博客
    Windows 10 · Google Chrome
    第89楼

    666

    回复 删除 垃圾
  90. 头像
    A
    Windows 10 · QQ Browser
    第90楼

    6666

    回复 删除 垃圾
  91. 头像
    1
    Android · QQ Browser
    第91楼

    6666

    回复 删除 垃圾