- 综合排序
- 最热优先
- 最新优先
- 来自专栏幻影龙王
网站美化代码系列（持续更新）
网站美化终极奥秘：创作第一，体验第二，避免繁杂，简洁为上！ 便宜技术猫贴心的为大家托管了文件,采用CDN加速,为小白省去了代码放置烦恼! 本文章会不定时进行更新。 在网站代码放置处或直接在源代码文件添加代码 鼠标点击爱心效果 <! -- 鼠标点击烟花爆炸效果 --> <script type="text/javascript" src="https://api.azpay.cn/729/2.js"></script> 网站雪花飘落效果一 -- 雪花飘落效果样式一 --> <script type="text/javascript" src="https://api.azpay.cn/729/3.js"></script> 网站雪花飘落效果二 -- 雪花飘落效果样式二 --> <script type="text/javascript" src="https://api.azpay.cn/729/4.js"></script> 网站樱花飘落效果
2.5K30发布于 2021-09-08 - 来自专栏小狐狸说事
子比美化-网站动态标题
子比美化-网站动态标题 ---- //网站动态标题开始 var OriginTitile = document.title, titleTime; document.addEventListener(" setTimeout(function() { document.title = OriginTitile }, 2000) } }); //网站动态标题结束 任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
84420编辑于 2022-11-17 - 来自专栏用户4184852的专栏
网站系统维护通知美化页面
介绍 网站系统维护通知html美化页面 站点服务器系统正在维护，本站用于宝塔服务器维护页 一个HTML的页面源码，主要用途就是当你的网站需要临时维护的时候，在网站访客打开网站的时候看到的不是空白，提升用户体验用过的 所以一般情况下也用不到这个源码，如果你的网站运行的好好的，就不用看了。 下载 https://29ac.lanzoui.com/iEFLuipy0jg 演示图
3.4K20编辑于 2022-06-27 - 来自专栏小狐狸说事
WordPress网站首页广告位美化
WordPress网站首页广告位美化 ---- 1.效果演示 2.实现教程 后台添加模块，自定义html
<div class="img-info 任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何<em>网站</em>、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。1.3K20编辑于 2022-11-17来自专栏强仔博客六种网站美化跳转页
在网站都或多或少会有超链接跳转新页面，但是单纯的a标签又总会觉得无比单调，这时跳转单页显得特别重要，一个优秀的网站要在一些地方做的与众不同，这样才能博人眼球，引人注意，让别人喜欢，今天分享几个跳转页，本站一直用的第一个
2.8K10编辑于 2021-12-20来自专栏小狐狸说事B2主题底部网站统计美化
B2主题底部网站统计美化 ---- 效果图 插入代码到子主题style.css里 /*底部统计美化开始*/ .b2-content { display: block; flex-flow 14px; color: rgba(255, 255, 255, 0.80); letter-spacing: .5px; font-family: Arial; } /*底部统计美化结束 */ /*底部统计美化开始*/ .b2-content { display: block; flex-flow: row; } .siteCount { position: 14px; color: rgba(255, 255, 255, 0.80); letter-spacing: .5px; font-family: Arial; } /*底部统计美化结束 任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
1.3K21编辑于 2022-11-17来自专栏用户4184852的专栏【本站同款】美化网站滚动条
懂一点css的朋友可以自己美化一下 /*-------滚动条整体样式----*/ body::-webkit-scrollbar { width:10px; } /*滚动条里面小方块样式*/ body
64840编辑于 2022-06-27来自专栏WordPress技巧（美化）WordPress网站添加自定义字体
背景通过CSS属性@font-face和font-family可以实现加载自定义web font，改变网页字体，实现美化效果。
2K20编辑于 2022-10-30来自专栏壳屋栏博客专栏WordPress网站底部的自定页面（如：网站地图等）按钮美化教程
最近浏览博客，看到不少朋友这个底部的美化，我也觉得底部的这些按钮平平无奇，就想着用css设置一个样式，从而美化按钮方法，至此分享给大家。 以日主题的riplus主题为例，原来的样式是这样的：比较单一不好看 尘心网网站底部展示 优化之后是这样的: 壳屋栏网站底部展示 教程分为两步，添加 css 样式和添加 HTML 代码即可如下 1.主题设置 —>顶部设置—>自定义CSS样式代码：,添加以下 CSS 代码： /*CSS 代码网站底部按钮美化 k5l.cn*/ :root{--theme-color:#f04494;--focus-shadow-color bg-orange { background-color: orange; } .github-badge .bg-red { background-color: red; } /*CSS 代码网站底部按钮美化结束 --网站底部按钮美化 html 开始 by 壳屋栏 k5l.cn-->
<span class="badge-subject bg-blue"1.6K30编辑于 2022-06-09效果：导航网站 href="https://dh.lt6.ltd/mn/tp.html" target="_blank">来自专栏源码分享WordPress及其他网站侧边栏美化实用代码指南
美化教程有时候网站侧边栏默认的光秃秃，看起来比较单调，这个时候可以用一些代码进行美化来访信息美化可以看到某些博客网站侧边有来访信息的小工具下面以WordPress博客为例，进入外观→小工具→自定义HTML class="card-content">
效果：导航网站 src="https://dh.lt6.ltd/xjj/video.php" controls="" webkit-playsinline="" playsinline="">效果：导航网站 否则不会生效，保存成功后返回首页刷新看看效果吧~导航以及其他网站，请将代码放在index文件合适位置，具体自测！
39510编辑于 2025-06-25来自专栏V站Skill丨如何利用代码美化网站滚动条？
如何摆脱臃肿的插件,简单代码美化网站滚动条？ V站今天回想起以前模板也有美化滚动条,后来魔改魔改就没了,现在找出来分享出来。 由于偏爱谷歌浏览器的简洁，感觉滚动条还是太宽了，用过改变滚动条粗细的插件，后来感觉还是自己修改的舒服，原来也可以放在网站的CSS样式文件中的，所以这种细细的滚动条是我的最爱！ 把下面的代码放到你网站的CSS样式文件中: /*---滚动条默认显示样式--*/ ::-webkit-scrollbar-thumb{ background-color:#018EE8; height 如果没有翻页的,或者有其他美化代码的,尽量不要用或二选一,避免网站CSS臃肿。 效果图: qL9KcZq_png.png
1.4K40发布于 2018-06-08来自专栏州的先生如何更好地美化Django网站的Sitemap站点地图？
一、站点地图sitemap 一般在Web网站开发完成之际，如果对搜索引擎优化（SEO）有一定的要求，我们都会为网站添加一个站点地图sitemap，配合robot.txt的使用，以汇总和索引网站上所有允许被搜索引擎搜索 、采集和索引的网页，这样搜索引擎可以根据站点地图快速地爬取到一个网站上的所有希望被收录的网址。 而州的先生博客（https://zmister.com）网站上的站点地图就要美观好看得多，如下图所示： ? 如何把Django自带的sitemap站点地图美化一下呢？ 模板文件： sitemap.xml sitemap-index.xml 我们需要做的就是新建两个xml文件，在上述两个文件的基础之上，引入XML的样式文件，让XML样式文件对XML文件进行渲染，以实现美化 简单的3步就实现了对Django自带Sitemap站点地图的美化工作。
1.9K20发布于 2020-03-19来自专栏小狐狸说事子比美化-网站添加侧边彩色滚动条
子比美化-网站添加侧边彩色滚动 ---- /**彩色滚动条样式开始*/ ::-webkit-scrollbar { width: 10px; height: 1px; } ::-webkit-scrollbar-thumb 任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
74230编辑于 2022-11-17来自专栏骤雨重山自采集壁纸网站源码 - 小韩美化版
自从使用了孟坤大佬的 自采集壁纸网站源码 后，感觉壁纸这块拿捏的死死的，由于个人喜欢倒腾，小小修改了一下孟坤大佬的原版源码样式，核心代码都是孟坤大佬的，仅仅是美化了一下样式，达到了符合自己的风格。 令附 美化版源码 喜欢的小伙伴可直接下载上传即用。 GitHub项目地址 来源：Github仓库 https://github.com/uxiaohan/wallpaper 自采集壁纸源码 - 小韩美化版 来源：蓝奏云网盘 https://ohan.lanzoui.com
1.1K30编辑于 2022-01-17来自专栏若梦博客.网站添加“富强·民主·爱国”鼠标点击特效美化
部署到自己的网站非常的简单，几乎是支持所有的站点，一般情况下只要将复制好的代码粘贴到</body>之前就行了。 如果是WordPress网站直接添加到footer.php文件的</body>之前就OK了。 代码中的字体以及属性均可以自定义设置，因为上面附上另种不同效果的代码，大家选一个喜欢的给自己的网站装饰下看看效果吧！如果添加后未生效请尝试清理CDN缓存或者浏览器缓存就可以了。
52620编辑于 2022-12-05来自专栏小狐狸说事7b2美化-网站标题栏搞怪
7b2美化-网站标题栏搞怪 ---- 示例查看本站 代码放到child.js，内容可以自定义 var OriginTitile = document.title, titleTime; document.addEventListener 任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
45330编辑于 2022-11-16来自专栏若梦博客网站添加“富强·民主·爱国”鼠标点击特效美化
代码部署教程 部署到自己的网站非常的简单，几乎是支持所有的站点，一般情况下只要将复制好的代码粘贴到</body>之前就行了。 如果是WordPress网站直接添加到footer.php文件的</body>之前就OK了。 代码中的字体以及属性均可以自定义设置，因为上面附上另种不同效果的代码，大家选一个喜欢的给自己的网站装饰下看看效果吧！如果添加后未生效请尝试清理CDN缓存或者浏览器缓存就可以了。
66810编辑于 2022-04-01来自专栏小狐狸说事7b2美化-网站添加悬浮动画广告
7b2美化-网站添加悬浮动画广告 ---- 附件放到网站根目录 动画与点击的链接可以自定义 以下代码放入b2/footer.php最上面
<style> 任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。1.4K20编辑于 2022-11-16来自专栏站长的编程笔记【说站】网站文章底部美化版下载按钮代码
本文编程笔记首发 资源网平时需要一些下载的文件之类，做个下载按钮，方便使用。 复制css代码放置公共css中，将html放到文章需要显示下载的地方即可。 需要几个下载按钮，都可以，自行复制或删除a标签。
77020编辑于 2022-11-28来自专栏清羽飞扬魔改笔记三：网站插件添加及显示效果美化
设置网站毛玻璃特效 这个就更简单了，之前的博客使用的是半透明，虽然也挺好看但是总感觉没有谱毛玻璃效果就是差一点： 当然萝卜白菜各有所爱，下面我们将详细讲一下咋搞的这些玩意，首先我们得先找到这个元素啊，就比如边上的这个个人信息带头像的侧边框框 /* 兼容性前缀，适用于一些旧版本的浏览器 */ } 好了，那么下面就是我的所有代码，你们可以点开看看，不过因为为了安全我开了防盗链（主要是没钱QAQ），所以你们只能看，但是如果直接将链接引用到自己的网站上就用不了了哦
32310编辑于 2024-05-30
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号