全部新建

註冊

登錄

All gists matching topic html

LiuShen / Artalk邮件模板

1 喜歡

0 分支

2 檔案

最後活躍 3 weeks ago

清羽飞扬站点中的Artalk邮件模板

artalk html

1	<div>
2	<div id="liushen-mail-content" style="margin-top: 20px;margin-bottom: 20px">
3	<div style="background: #ddefff;width: 95%;max-width: 800px;margin: auto auto;border-radius: 12px;border: #49b1f5 1px solid;overflow: hidden;-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4); ">
4	<header style="overflow: hidden"><img class="banner-img" src="https://i.p-i.vip/30/20250419-68031ec68f419.webp" style="width: 100%; z-index: 666"></header>
5	<div style="padding: 5px 20px">
6	<div class="dear" style="border-radius: 30px;position: relative;color: white;float: left;z-index: 999;background: #347aa9;padding: 5px 30px;margin: -20px auto 0;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);">亲爱的{{nick}}：</div><br>
7	<center>
8	<h3>你收到了来自 <a style="text-decoration: none; color: #9c515b">{{reply_nick}}</a> 的回复</h3>
9	</center>
10	<hr style="width:200px;border:0;border-bottom:1px solid #e5e5e5;margin:12px auto;"><br>  <p>您曾在<a href="{{page_url}}" style="text-decoration: none;color: #49b1f5" target="_blank"> 『{{page_title}}』 </a>上发表的评论：</p>

LiuShen / 动态404页面源码

0 喜歡

0 分支

1 檔案

最後活躍 8 months ago

使用纯css，实现动画效果404页面源码

404 html page

1	<!DOCTYPE html>
2	<html lang="zh-CN">
3	<head>
4	<meta charset="UTF-8">
5	<meta name="viewport" content="width=device-width, initial-scale=1.0">
6	<title>404 - 诗意之境</title>
7	<style>
8	* {
9	margin: 0;
10	padding: 0;

LiuShen / 仅仅刷新图片，而不刷新整站

0 喜歡

0 分支

1 檔案

最後活躍 1 year ago

点击图片仅仅刷新图片，而不刷新整站，通过添加参数防止缓存

css html javascript lazyload

1	<!DOCTYPE html>
2	<html lang="en">
3	<head>
4	<meta charset="UTF-8">
5	<meta name="viewport" content="width=device-width, initial-scale=1.0">
6	<title>局部刷新图片</title>
7	<style>
8	body {
9	display: flex;
10	justify-content: center;

LiuShen / Alist美化代码

0 喜歡

0 分支

2 檔案

最後活躍 11 months ago

Alist全局和页脚简单美化，适配暗夜模式

alist css footer html javascript

1	<div class="copyright" align="center">
2	<div class="about">
3	<div class="runtime">
4	<span class="run_item">
5	<span class="name">AList</span>
6	<span class="link">UI</span>
7	</span>
8	<span class="run_item">
9	<span class="name">云驰互联</span>
10	<span class="link">搭建</span>

上一頁下一頁

由 Opengist 提供支持 ⋅ Load: 107ms⋅

繁體中文

⋅ 个人主页 ⋅ 站长博客