All New

Register

Login

All gists matching topic html

LiuShen / NewAPI自定义主页代码

0 likes

0 forks

1 files

Last active 1 week ago

NewAPI自定义主页代码，适配响应式，有设计，轻量，高效

html newapi template

1	<div class="bg-background text-foreground relative min-h-svh overflow-x-clip qy-home" data-qy-theme="light">
2	<style>
3	.qy-home {
4	--qy-bg: #fbfaf7;
5	--qy-bg-soft: rgba(255, 255, 255, 0.72);
6	--qy-bg-solid: rgba(255, 255, 255, 0.92);
7	--qy-text: #151a1f;
8	--qy-muted: #68717d;
9	--qy-faint: #8b96a5;
10	--qy-line: rgba(37, 45, 57, 0.1);

LiuShen / Artalk邮件模板

1 likes

0 forks

2 files

Last active 1 month 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 likes

0 forks

1 files

Last active 1 month 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 likes

0 forks

1 files

Last active 1 month 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 likes

0 forks

2 files

Last active 1 month 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>

Newer Older

Powered by Opengist ⋅ Load: 92ms⋅

English

⋅ 个人主页 ⋅ 站长博客