样式参考
更新：2025年5月8日
真棒字体 font awesome pro[废弃]
https://fa.pro.ffsky.net/fontawesome-pro/5.0.10/web-fonts-with-css/css/fontawesome-all.min.css
P站主页链接
<div class="input-group input-group-lg">
<label for="theme_custom_storage-0-extract-pwd" class="addon addon-link-text">
<i class="fa fa-home"></i> 主页
</label>
<input type="text" id="theme_custom_storage-0-extract-pwd" class="form-control link-text" value="http://www.pixiv.net/member.php?id=3615331" size="5" data-filter="this.select();">
</div>
幻天领域视频
最新独立网页播放器链接
https://v.loliai.link/?url=
最新独立网页播放器代码
<iframe src="https://v.loliai.link/?url=https://d1.moepan.net/file/1819335/506509772/2c2ec8/宣传片/rpgskyb1.mp4" width="100%" height="560px" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
内嵌视频宽高
width="100%" height="580"
URL网址编码器
https://www.bejson.com/enc/urlencode/
专用
[dplayer url="链接" pic="封面" autoplay="false" danmu="true"/]
开关设置
autoplay="false" danmu="true"
城娘专用域
https://d1.moepan.net
城娘直链
[dplayer url="https://v.loliai.link/?url=https://d1.moepan.net/file/1819335/506509772/2c2ec8/宣传片/rpgskyb1.mp4" pic="https://ws1.sinaimg.cn/large/0062NukBgy1fkd2vh5wyjj31hc0u0wit.jpg" autoplay="false" danmu="true"/]
弹幕视频播放器代码
[dplayer url="https://v.loliai.link/?url=https://d1.moepan.net/file/1819335/506509772/2c2ec8/宣传片/rpgskyb1.mp4" pic="https://bg.rpgsky.net/api.php?.jpg" autoplay="true" danmu="true"/]
[dplayer url="https://d1.moepan.net/file/1819335/506509772/2c2ec8/宣传片/rpgskyb1.mp4" pic="https://bg.rpgsky.net/api.php?.jpg" autoplay="true" danmu="true"/]
动漫loading图片地址
https://bg.rpgsky.net/api.php?.jpg
国外测速对比网站
https://gtmetrix.com
EditPlus 替换正则表达式 – 图片div修改
搜索：
</p>
替换：
</p></div>
EditPlus 替换正则表达式 – 图片居中百分比自适应
搜索：
class="wp-caption aligncenter"
替换：
class="wp-caption aligncenter width100"
EditPlus 替换正则表达式 – 固定宽高替换百分比
搜索：
width="[0-9]*" height="[0-9]*"
替换：
width="100%"
EditPlus 替换正则表达式 – 固定宽高替换百分比
<p class="img-des"><em>[0-9]*</em></p>
EditPlus 替换正则表达式 – 手机游戏横向截图
搜索：
width="[0-9]*" height="[0-9]*"
替换：
style="width: 320px;height:100%;"
EditPlus 替换正则表达式 – 缩略图替换原图
搜索：
-[0-9]*x[0-9]*.jpg
替换：
.jpg
EditPlus 替换正则表达式 – 某幻灯片class替换
首部去除：
搜索：
"> class="alignleft size-full wp-image-[0-9]*"
替换：
尾部添加：
搜索：
"><img
替换：
" target="_blank"><img
EditPlus 替换正则表达式 – 添加图片跳转新窗口
搜索：
"> /></a>
替换：
class="aligncenter" /></a>
EditPlus 替换正则表达式 – 图片加 P 标签
搜索：
/></a>
<a href="
替换：
/></a></p>
<p><a href="
下一页标签
<!--nextpage-->
标题
<h2>标题</h2>
引用
引用
<blockquote style="font-weight: bold; font-style: inherit; font-family: 'Microsoft Yahei','Helvetica Neue',arial,sans-serif;">引用</blockquote>
SEO优化
打开：/wp-includes/general-template.php
搜索：wp_get_document_title
或者查找1156行左右的位子
修改位置：
echo '<title>' . wp_get_document_title()
echo '<title>' . wp_get_document_title() . ' - ' . 'ACGN动漫资源分享网' . ' - '</title>' . "\n";
. ' - ' . 'ACGN动漫资源分享网'
图片上下间距+居中
<style type="text/css">
.piccenter img {
margin: 20px 0;
}
</style>
<div align="center" class="piccenter">
<a title="" href="图片连接" target="_blank"><img src="图片连接" alt="" width="100%" /></a>
</div>
全屏游戏
<div class="btn-group btn-group-lg btn-block"><a class="btn btn-lg btn-success btn-block" style="text-decoration: inherit;" href="https://www.syphist.com/games/chara.swf" rel="nofollow"><i class="fa fa-cloud-download"></i>全屏游戏</a><a href="https://www.syphist.com/games/chara.swf" class="download-link btn btn-success col-xs-3 col-sm-1" rel="nofollow noopener" target="_blank" title="在新窗口中打开"><i class="fa fa-link fa-fw"></i></a></div>
按钮最新
<div class="form-group">
<a href="http://pan.baidu.com/s/1bn5GvjL" class="btn btn-lg btn-success btn-block" rel="nofollow" target="_blank"><i class="fa fa-question"></i> 有问题请看这里 </a>
</div>
音频添加
直接输入音频外链即可
高级播放器设置
<div id="aplayer"></div>
<script type="text/javascript">
const ap = new APlayer({
//定义容器
container: document.getElementById('aplayer'),
//关于音频的相关参数：
audio: [{
name: '愛言葉',//音频名称
artist: 'DECO*27 / 初音ミク',//艺术家
url: 'https://d1.moepan.net/file/1819335/1504063099/4d501b/%E5%B9%BB%E5%A4%A9%E9%A2%86%E5%9F%9F/%E9%9F%B3%E4%B9%90/%E4%BD%90%E9%A6%99%E6%99%BA%E4%B9%85%20-%20%E6%84%9B%E8%A8%80%E8%91%89.mp3',//文件地址
cover: 'https://bg.rpgsky.net/api.php?.jpg'//封面地址
}]
});
</script>
MetingJS 的用法
一个MetingJS 播放器至少需要三个参数
id='外链播放器id',必须参数,Id
type=[song=单曲, playlist=歌单, album=专辑, search=搜索结果, artist=艺术家],必须参数,调用类型
server=[netease=网易云音乐, tencent=QQ音乐, kugou=酷狗音乐, xiami=虾米音乐, baidu=百度音乐],必须参数,调用的API
在只设置了这三个参数的情况下，列表默认展开，且播放器显示占用地方较大
可以在设置以下两个参数
fixed = 启用固定模式，固定在左下角,默认false
mini = 启用迷你模式,默认false
MetingJS参数详情
id='外链播放器id',必须参数
type=[song=单曲, playlist=歌单, album=专辑, search=搜索结果, artist=艺术家],必须参数
server=[netease=网易云音乐, tencent=QQ音乐, kugou=酷狗音乐, xiami=虾米音乐, baidu=百度音乐],必须参数
fixed=启用固定模式，固定在左下角,默认false
mini=启用迷你模式,默认false
preload=[none,metadata,auto]
mutex=[互斥锁，默认true],默认false
order=[random=随机播放,list=列表播放]
loop=[all=全部循环, one=循环一次 ,none=不循环]
volume=[音量，默认0.7]
lrc-type=[歌词类型，默认0]
list-folded=[列表是否折叠，默认false]
list-max-height=列表最大高度,默认340px
storage-name=本地存储存储密钥，用于存储播放器设置,默认metingjs
点击查看答案代码
<script type="text/javascript">
function z(obj) {
if (obj.style.display == "") {
obj.style.display = "none";
document.getElementById("title").innerHTML = "【查看答案】"
} else {
obj.style.display = "";
document.getElementById("title").innerHTML = "【关闭答案】"
}
}
</script>
<p style="text-indent:2em"><a class="no" href="javascript:z(v)"><span id="title">【查看答案】</span></a></p>
<p id="v" style="text-indent: 2em; display: none;">答案：这里填写答案</p>
多个隐藏内容点击查看
<blockquote class="inn-hide-me"><i class="fas fa-eye-slash"></i> 内容因剧透、敏感不适等原因被隐藏 点击查看</blockquote>
<div class="inn-hide-me">也许是受到《传说之下》的影响，不少开发者都尝试了超乎常规的游玩体验，而《妄想破绽》也正是这样的一款游戏。当然，本款游戏并非像《传说之下》一样直接与玩家对话，反而是依靠另一种巧妙的方式让玩家感到震撼。</div>
弹幕视频投放代码
[mukio title=哔哩哔哩]vid=8538420&type=bilibili&cid=4336e83388341a02b24a070e4320f49d1[/mukio]
[mukio title=乐视云]vid=d2785a753f&type=lecloud[/mukio]
[mukio title=本地 desc=测试]file=http://acgnz.up.ffsky.net/mira.mp4&type=video&cid=4336e83388341a02b24a070e4320f49d[/mukio]
[mukio title=acfun优酷云]vid=CNjI3ODkwMA==&type=yunku[/mukio]
[mukio title=acfun]vid=2516713&type=acfun[/mukio]
[mukio title=acfun优酷云过审]vid=CMTI3NzM2OA==&type=yunku[/mukio]
头部使用代码
<style type="text/css">
/* player */
.mejs-controls .mejs-time-rail .mejs-time-float{
width: 40px;
}
.mejs-controls .mejs-time-rail .mejs-time-float-current{
line-height: 17px !important;
width: 100% !important;
margin:0 !important;
}
.aplayer .aplayer-pic .aplayer-pause .aplayer-icon-pause{
top: -1px !important;
}
html{
margin-top:0 !important;
}
/* danmu player */
.ani-video-main{height:100%;}
.ani-box{height:100%;}
.ani-player{height:100%;}
.ani-player-box{height:100%;}
.content-reset embed {
margin-top: 0rem;
}
/* baidu da shang */
.bd-reward-stl {
background: #fff !important;
}
::selection{background:#169ADA;text-shadow:none;color:#fff;}
::-webkit-scrollbar{width:10px;height:8px;}
::-webkit-scrollbar-button{display:none}
::-webkit-scrollbar-track{background-color:black}
::-webkit-scrollbar-track-piece{background:#ddd}
::-webkit-scrollbar-thumb{background-color: #e44c65;}
::-webkit-scrollbar-thumb:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner{background-color:#535353}
::-webkit-scrollbar-resizer{background-color:#FF6E00}
</style>
<meta property="wb:webmaster" content="9f96cd1063616296" />
<!--script type="text/javascript" src="https://zz.bdstatic.com/zzdashang/js/bd-zz-reward.js"></script-->
<script type="text/javascript" src="http://afpmm.alicdn.com/g/mm/afp-cdn/JS/k.js"></script>
Discuz小说阅读站CSS样式1200px宽度168模板参考
#jameson_read .searchbar select, #jameson_read .searchbar input {
margin-top: -3px;
}
.xs2 {
font-size: 10px !important;
}
.ftb td {
width: 0;
}
.pg a:hover {
color: #FFF!important;
}
#jameson_read.jamesonread_163, div#wp.wp, .widthauto div#wp.wp, #jameson_read.jamesonread_163 .rootcatelist > .booklist.zbtj, .wp { width: 1100px; }
.widthauto .wp { width:98%;}
#jameson_read.jamesonread_163 .huandeng > .y, #jameson_read.jamesonread_163 .huandeng > .y img {width:840px;}
#jameson_read.jamesonread_163 .rootcatelist > .booklist.zbtj li { width:233.5px;height:172px;}
#jameson_read.jamesonread_163 .rootcatelist > .booklist.zbtj .contentslist { border-right:0;}
#jameson_read.jamesonread_163 .rootcatelist > .booklist, #jameson_read.jamesonread_163 .catebooklist > .z { width:820px;}
#jameson_read.jamesonread_163 .rootcatelist > .booklist.jxts li { width:138px;}
#jameson_read.jamesonread_163 .rootcatelist > .booklist.jxts img { width:100%;height:auto;}
#jameson_read.jamesonread_163 .rootcatelist > .booklist.jxts li > a { width:100%;height:160px;display:block;overflow:hidden;}
#jameson_read.jamesonread_163 .rootcatelist > .booklist li { width:368px;}
#jameson_read .paihangbang .w2, #jameson_read .paihangbang .w0 { width:260px;}
#jameson_read .paihangbang .w1 { width:660px;}
#jameson_read.jamesonread_163 .indexbook .bookcontent { width:840px;}
#jameson_read.jamesonread_163 .indexbook .book_fm .bookinfofm {width:594px;}
#jameson_read #shaixuantype .allcate { width: 950px!important; }
#jameson_read.jamesonread_163 .author .w3 { width:900px;}
幻灯片Div框架
<div class="attachment-slide-thumbnail">
</div>
cdk领取刷一波
<script type="text/javascript" src="//lib.sinaapp.com/js/jquery/2.0.3/jquery-2.0.3.min.js">></script>
<div class="input-group input-group-lg"><a class="addon addon-link-text" ><i class="fa fa-gift"></i> 兑换码 </a><a id="cdkey" class="form-control link-text" >231tueyhe5</a> </div>
<br />
<div class="form-group">
<a href="javascript:;" id="change" class="btn btn-lg btn-success btn-block" rel="nofollow" ><i class="fa fa-refresh"></i> 刷一波 </a>
</div>
<script src="http://www.ffsky.net/cdk/kamuy/cdk_1.js"></script>
主页链接复制
<div class="input-group input-group-lg"><label for="theme_custom_storage-0-extract-pwd" class="addon addon-link-text"><i class="fa fa-home"></i> 主页 </label><input type="text" id="theme_custom_storage-0-extract-pwd" class="form-control link-text" value="http://www.acgns.org/author/100001" size="5" data-filter="this.select();"></div>
图标样式class
礼包图标
fa fa-gift