标签： PR

韩国Eunji Pyo_精美美图全部写真作品合集|持续更新

共8套

표은지(Eunji Pyo)，一位看起来很清纯的韩国妹子。性感的身材实在让人按奈不住自己，小画面突突就上来了。

Ins：@pyoapple

油管：@표은지Eunji Pyoapple

No.001-Vol.1 [119P]
No.002-Vol.2 [129P]
No.003-video from Vol.1&Vol.2 [1V]
No.004-PRIVATE [161P 1V]
No.005-HOME [202P 1V]
No.006-FALL [161P 1V]
No.007-BIKINI [91P]
– Blue [20P]
– Pink [44P]
– Yellow [27P]
No.008-Patreon Black & White Bikini [115P 1V]
– Black [79P]
– White [36P]

2023年8月14日
日主题RIPro-V2主题|VAN子主题V5.9版本（这是子主题，不包含父主题）
主题介绍

VAN主题是一款基于RiPro-V2开发的子主题美化包，相对RIPro主题而言，RIPro-V2更加强大，RIPro主题可直接转用RIPro-V2主题，无需转换数据库，现在本多用户都转用RIPro-V2，所以RIPro-V2子主题也要同步了，为了将RIPro-V2主题发挥到极致，助力站长更好的发展，本主题全后台操作，简单易上手，感兴趣的同学可以下载安装本子主题试试哟!

重要说明：本主题为自用主题，会员用户折扣价使用，安装主题必须先安装Ripro-V2主题，如没有购买请自行前往Ritheme主题商城购买，本主题适用RIPro-V2主题内含多个美化模块，下载包含多个历史版本！

特色功能
- 特色页面：VIP页面、自助友联、联系客服、公告、排行榜、QQ群联盟
- 功能增强：代码高亮、图片灯箱、网站维护、聚合登录、注册送会员
- 交易弹幕：右下角支持上下弹幕滚动展示
- 网站底部：宣传条、底部登录
- 外链跳转：优化外链最大程度优化网站权重
- 网站安全：防复制、防打印、防各种热键等等
- 资源查看：新增关注微信公众号，查看信息功能
- 页面特效：各种页面特效，如LOGO扫光、鼠标、页面效果
- 下载样式：新版下载样式，更多自定义功能
- 更多功能可自行安装体验，写不过来
主题安装
1. 下载主题后解压，将主题文件夹“van”重新打包
2. 将主题压缩包上传WordPress主题目录“/wp-content/themes/”
3. 解压后，到后台启用该主题，然后设置后台相关参数即可
部分截图

更新日志

V5.9- 2022.10.31
- 修复问答社区冲突问题
- 优化排行榜界面样式代码
- 优化公告页背景图片展示
- 优化排行榜界面图片为本地图片
V5.8- 2022.10.26
- 删除无用样式代码
- 优化导航条小工具图片为本地图片
- 优化排行榜小工具图片为本地图片
- 优化案例展示小工具图片为本地图片
- 修复问答社区小工具报错问题
V5.7- 2022.10.18
- 优化小工具样式代码
- 优化导航条小工具代码
- 优化导航条小工具与其他小工具冲突
- 修复问答社区点击我要提问无用问题
- 修复主题会员介绍模块样式冲突问题
- 更早记录不在展示详情自行体验
2023年8月1日

【7B2美化】添加评论表情包

截图演示

把下列代码加入到子主题 functions.php 中

require get_stylesheet_directory()."/emoji.php";

把下列代码加入到 css样式文件中.

[content_hide]

/**表情tabs**/
.bq-close {
top: 0;
position: fixed;
width: 100%;
height: 100%;
left: 0;
}
.tabPanel ul li:hover {
background: #eaeaea;
}
.comt-smilies a:hover {
box-shadow: 0px 2px 5px #b5b5b5;
}
.tabPanel ul {
background: #fff;
display: flex;
height: 30px;
position: absolute;
bottom: 0;
}
.tabPanel ul li {
z-index: 5;
float: left;
margin: 0 2px 0 0;
font-size: 11px;
height: 29px;
line-height: 30px;
width: 88px;
text-align: center;
border-radius: 4px;
background: #fff;
}
.tabPanel .hit {
border-bottom: 1px solid #fff;
cursor: pointer;
color: black;
text-shadow: 0 1px 0 #fff;
background: #eaeaea;
}
.pane {
margin-left: 15px;
margin-top: 10px;
min-height: 100px;
background-color: #fff;
display: none;
}
.panes {
z-index: 4;
width: 347px;
height: 230px;
position: absolute;
overflow: scroll;
}

.wp-smiley{
max-height:50px!important;
width: 50px!important;
height: 50px!important;
}
.comt-smilies img {
width: 50px;
height: 50px;
}
.comt-smilies a {
list-style-type: none;
background: #f7f7f7;
padding: 5px 10px;
border-radius: 5px;
display: inline-block;
font-size: 12px;
line-height: 14px;
margin: 0 10px 12px 0;
cursor: pointer;
-webkit-transition: .3s;
transition: .3s;
}
.comt-smilies1 {
box-shadow: 0px 2px 5px rgb(181 181 181 / 32%);
border: 1px solid #b7b7b780;
padding: 10px;
background: #ffffff;
z-index: 4;
display: none;
width: 350px;
height: 230px;
position: absolute;
margin-top: -240px;
overflow: scroll;
}
.comt-smilies {
border-radius: 4px;
height: 256px;
box-shadow: 0px 2px 5px rgb(181 181 181 / 32%);
border: 1px solid #b7b7b780;
background: #fff;
width: 350px;
margin-top: -260px;
z-index: 3;
position: absolute;
display: none;
overflow: hidden;
}
.comt-addsmilies {
margin-right: 20px;
color: #888;
background: #fff;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 13px;
padding: 2px 15px;
height: 22px;
box-sizing: border-box;
z-index: 1;
}
.mrxu-item-xu-w {
background-position: center center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
background-color: rgba(51,51,51,.2);
background-size: 50%;
position: absolute;
top: 0;
z-index: 2;
display: none;
}
.post-module-thumb:hover .mrxu-item-xu-w{
display: block;
}
.tt-slider {
height: 50px;
overflow: hidden;
}
.tt-slider .swiper-wrapper{
height: 50px; 
overflow: hidden;
}
.swiper-backface-hidden .swiper-slide {
transform: initial;
-webkit-backface-visibility: hidden;
backface-visibility: initial;
}
.swiper-button-prev:after, .swiper-button-next:after {
color: #fff;
font-size: 27px;
}
.swiper-button-prev, .swiper-button-next {
z-index: 6;
background: #8e8e8e63;
border-radius: 9px;
top: 37%;
width: 25px;
height: 38px;
}

把下列代码加入到 child.js 中

$(function(){$('.tabPanel ul li').click(function(){$(this).addClass('hit').siblings().removeClass('hit');
$('.panes>div:eq('+$(this).index()+')').show().siblings().hide();})})
$(function(){ $(".bq-close").click(function(){ $('.comt-smilies').hide(); });});
$(function(){ $(".comt-addsmilies").click(function(){ $('.comt-smilies').toggle(); });});
$(function(){ $("textarea").click(function(){ $('.comt-smilies').hide(); });});
$(function(){ $(".bq-clos").click(function(){ $('.comt-smilies').hide(); });});

function mrxubq(mrxu){var content = $('#textarea').val();var xu=content+mrxu;$('#textarea').val(xu);}

[/content_hide]

把下面文件放入主题根目录后解压到当前目录，然后强制刷新即可

2023年4月26日

推荐一款Typecho清新风格响应式主题Bubble
主题介绍
```
清新的界面：大气简洁的页面布局，采用 argon design system，元素间隔恰到好处

人性化的设计：登陆后显示后台管理按钮、醒目的文字、方便操作的按钮摆放，以及页面自适应

流畅的用户体验：支持全站 pjax、ajax 实现评论无刷新，采用 jsDelivr CDN 全球加速主题大部分静态资源加载，减小服务器压力

短代码功能：使用主题特殊 HTML 标签实现更丰富的功能，如高亮代码框以及友链卡片

自定义壁纸：首页固定壁纸、其他页面随机壁纸，彰显个性爱好

代码高亮：自带 prism.js 代码高亮，主题丰富，解析迅速

数学公式：自带 KaTeX 数学公式渲染，相比 MathJax 更为轻量、快速

自定义样式：支持用户添加 css 样式，随意调整主题外观

文件轻量：主题.zip格式安装包（去掉.git文件夹后）大小不到 250 KB，简洁而不简单化繁为简，如沐清风。
```
截图

设置

主题设置页面位置：Typecho 后台->控制台->外观->设置外观。

更新

主题有自动检查更新功能，并且能够一键安装更新。

自动更新按钮设置在主题设置页面中。

自动更新将从 jsdelivr 的 CDN 上下载最新版本的主题以替换旧版本主题。

你也可以手动更新，手动更新步骤为：删除旧版本，并安装新版本。

请注意，由于 Typecho 本身设计的原因，主题更新后可能会添加新的设置项，如果不禁用主题并重新启用（通过启用其他主题），新设置项将被留空并可能导致 Bug，所以请在更新后重启主题，或者请仔细检查是否有留空的设置项（这里主要指选择型设置项，文本类设置项似乎没这个问题）。

站点副标题

该项用以设定首页的标题栏中站点标题后显示的文字。

站点 LOGO

该项应为一个图片的 URL 地址，将显示在浏览器顶部标签标题左边。

请勿使用相对地址。

站点头像

该项应为一个图片的 URL 地址，将显示在首页大标题上方。

请勿使用相对地址。

首页背景图像

该项应为一个图片的 URL 地址，用以设定网站首页背景图片，留空则使用默认紫色渐变背景。

请勿使用相对地址。

随机背景图像地址

该项应为一个或多个图片的 URL 地址，用以设定网站文章页、独立页面以及其他页面的头图，设定后将从给定的图片中随机抽取一个显示，留空则使用默认紫色渐变背景。

URL 之间用换行隔开，即每行一个 URL，请勿包含多余字符。

请勿使用相对地址。

背景气泡

该项用以选择是否在首页以及文章页顶部背景处显示半透明气泡。

页脚左下角文字

该项用以设定页脚左下角的说明文字，如 Copyright 和备案信息。

可添加 HTML 代码以实现更丰富的功能，如跳转链接等。

页脚小工具

该项用以选择是否在页面底部显示“最新评论”、“最新文章”和“近期归档”。

自定义 css

该项用以提供自定义 css 接口，用户可以填入自己需要的 css 代码来改变主题外观，例如更改字体大小。

自定义 css 的生效不需要清空缓存。

全站 pjax 模式

该项用以选择是否启用全站 pjax 模式提升用户访问体验。

请注意：开启该功能后可能会导致站点一些功能不正常，例如如果您未使用主题自带数学公式渲染，而是选择使用其他插件实现该功能，则会导致无刷新打开页面时数学公式插件不工作，因此请仔细检查后决定是否开启该模式。

如果您发现部分功能确实出现了问题，而您又希望开启该模式，则请查看“pjax 回调代码”一项的说明。
2023年2月4日
将阿里图标库引入到wordpress菜单中
文章引入

大家看到我网站首页菜单前面的图标是不是有一些心动比wordpress默认图表库的图标好看多了默认图标库的图标一般都是灰白色简直难看死了哈哈今天分享给大家如何插入阿里图标库的彩色图标阿里图标库有什么好处呢插入方便图标样式多彩色图标应有尽有反正你用都用不完重点还永久免费使用。

引入方法

第一步：阿里巴巴矢量图标库官网 —> Github或者新浪微博登录

第二步：然后自己通过搜索框找到自己喜爱的图标并添加至购物车 —> 添加至项目 //没有项目的自己新建项目

第三步：跳转到我的项目 页面（没有跳转的点击–>资源管理–>我的项目）//我的项目自己创建名字

第四步：在 我的项目 页面有一下按钮—>一般选 Symbol

第五步：点击 –> 查看在线链接（没有的的话可以点击生成链接） —>点此复制代码（代码例如下面）
```
//at.alicdn.com/t/font_2931246_we7ddtq72go.js
```
第六步：引入JS代码

在当前主题设置—>自定义底部代码—>添加下面代码:(下面src=”这里是上面的JS代码，自行替换”)
```
<script src="//at.alicdn.com/t/font_2931246_we7ddtq72go.js">
</script>
```
使用图标在已经添加到你项目中查找图标并复制图标代码，然后按照下面的格式替换href="#iconxxx"中的图标代码，将代码插入到你需要显示图标的地方！
```
<svg class="icon" aria-hidden="true"><use xlink:href="#iconxxx"></use>
</svg>
```
还是按照在导航菜单中添加图标为例：

最后我们看看效果吧！

B2需添加以下css到style.css
```
/*小图标*/
.icon {
    width: 1.2em; height: 1.2em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}
/*小图标结束*/
```
2022年11月24日

【7B2主题美化】二次元渐变五格模块

效果图

鼠标悬停会显示图片。

以下代码放入后台-模块管理-自定义

<div class="home-row-left content-area ">
<div id="html-box-qkyl_sdk" class="html-box">
<div data-v-d1c115ee="" class="course-project-panel-course">
<ul data-v-d1c115ee="">
<li data-v-d1c115ee="">
<a data-v-d1c115ee="" href="https://www.sluyu.com/" target="_blank">
<div data-v-d1c115ee="" class="top">
<p data-v-d1c115ee="" class="title nike">森鹿语</p>
<p data-v-d1c115ee="" class="describe">欢迎大家来访</p>
<p data-v-d1c115ee="" class="describe">有幸遇见，恰巧合拍</p>
<div data-v-d1c115ee="" class="line nike-line"> </div>
<button data-v-d1c115ee="" type="button" class="nike-btn ivu-btn ivu-btn-default ivu-btn-circle">
<span>查看详情</span>
</button>
</div>
<div data-v-d1c115ee="" class="bottom nike-bottom">
<p data-v-d1c115ee="" class="title">森鹿语</p>
<p data-v-d1c115ee="" class="describe">欢迎大家来访</p>
<p data-v-d1c115ee="" class="describe">有幸遇见</p>
<div data-v-d1c115ee="" class="line"></div>
<button data-v-d1c115ee="" type="button" class="bottom-btn ivu-btn ivu-btn-default ivu-btn-circle">
<span>查看详情</span>
</button>
</div>
</a>
</li>
<li data-v-d1c115ee="">
<a data-v-d1c115ee="" href="https://www.sluyu.com/" class="">
<div data-v-d1c115ee="" class="top">
<p data-v-d1c115ee="" class="title vip">美化教程</p>
<p data-v-d1c115ee="" class="describe">优美的你</p>
<p data-v-d1c115ee="" class="describe">愿你吉祥</p>
<div data-v-d1c115ee="" class="line vip-line"> </div>
<button data-v-d1c115ee="" type="button" class="vip-btn ivu-btn ivu-btn-default ivu-btn-circle">
<span>查看详情</span>
</button>
</div>
<div data-v-d1c115ee="" class="bottom vip-bottom">
<p data-v-d1c115ee="" class="title">美化教程</p>
<p data-v-d1c115ee="" class="describe">优美的你</p>
<p data-v-d1c115ee="" class="describe">愿你吉祥</p>
<div data-v-d1c115ee="" class="line"></div>
<button data-v-d1c115ee="" type="button" class="bottom-btn ivu-btn ivu-btn-default ivu-btn-circle">
<span>
<span data-v-d1c115ee="">查看详情</span>
</span>
</button>
</div>
</a>
</li>
<li data-v-d1c115ee="">
<a data-v-d1c115ee="" href="https://www.sluyu.com/" class="">
<div data-v-d1c115ee="" class="top">
<p data-v-d1c115ee="" class="title routine">系统科技</p>
<p data-v-d1c115ee="" class="describe">每一章都很优质</p>
<p data-v-d1c115ee="" class="describe">学习更加轻松哦</p>
<div data-v-d1c115ee="" class="line routine-line"></div>
<button data-v-d1c115ee="" type="button" class="routine-btn ivu-btn ivu-btn-default ivu-btn-circle">
<span>查看详情</span>
</button>
</div>
<div data-v-d1c115ee="" class="bottom routine-bottom">
<p data-v-d1c115ee="" class="title">系统科技</p>
<p data-v-d1c115ee="" class="describe">每一章都很优质</p>
<p data-v-d1c115ee="" class="describe">学习更加轻松哦</p>
<div data-v-d1c115ee="" class="line"></div>
<button data-v-d1c115ee="" type="button" class="bottom-btn ivu-btn ivu-btn-default ivu-btn-circle">
<span>查看详情</span>
</button>
</div>
</a>
</li>
<li data-v-d1c115ee="">
<a data-v-d1c115ee="" href="https://www.sluyu.com/" class="">
<div data-v-d1c115ee="" class="top">
<p data-v-d1c115ee="" class="title ten">Android</p>
<p data-v-d1c115ee="" class="describe">原始的质感</p>
<p data-v-d1c115ee="" class="describe">带你步入高效的殿堂</p>
<div data-v-d1c115ee="" class="line ten-line"> </div>
<button data-v-d1c115ee="" type="button" class="ten-btn ivu-btn ivu-btn-default ivu-btn-circle">
<span>查看详情</span>
</button>
</div>
<div data-v-d1c115ee="" class="bottom ten-bottom">
<p data-v-d1c115ee="" class="title">Android</p>
<p data-v-d1c115ee="" class="describe">原始的质感</p>
<p data-v-d1c115ee="" class="describe">带你步入高效的殿堂</p>
<div data-v-d1c115ee="" class="line"> </div>
<button data-v-d1c115ee="" type="button" class="bottom-btn ivu-btn ivu-btn-default ivu-btn-circle">
<span>查看详情</span>
</button>
</div>
</a>
</li>
<li data-v-d1c115ee="">
<a data-v-d1c115ee="" href="https://www.sluyu.com/" target="_blank">
<div data-v-d1c115ee="" class="top">
<p data-v-d1c115ee="" class="title double">实用云址</p>
<p data-v-d1c115ee="" class="describe">每一个地址</p>
<p data-v-d1c115ee="" class="describe">都是我们的好帮手</p>
<div data-v-d1c115ee="" class="line double-line"> </div>
<button data-v-d1c115ee="" type="button" class="double-btn ivu-btn ivu-btn-default ivu-btn-circle">
<span>查看详情</span>
</button>
</div>
<div data-v-d1c115ee="" class="bottom double-bottom">
<p data-v-d1c115ee="" class="title">实用云址</p>
<p data-v-d1c115ee="" class="describe">每一个地址</p>
<p data-v-d1c115ee="" class="describe">都是我们的好帮手</p>
<div data-v-d1c115ee="" class="line"></div>
<button data-v-d1c115ee="" type="button" class="bottom-btn ivu-btn ivu-btn-default ivu-btn-circle">
<span>查看详情</span>
</button>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>

以下代码放到css样式

.course-project-panel-course[data-v-d1c115ee] {
background-color: #f5f5f7;
padding: 24px 0;
border-radius: 10px
}
.course-project-panel-course ul[data-v-d1c115ee] {
display: flex;
justify-content: space-around
}
.course-project-panel-course ul li[data-v-d1c115ee] {
width: 100%;
cursor: pointer;
border-right: 1px solid #eaeaea;
position: relative
}
.course-project-panel-course ul li .top[data-v-d1c115ee] {
text-align: center;
opacity: 1;
transition-duration: 1.5s
}
.course-project-panel-course ul li .top .title[data-v-d1c115ee] {
font-size: 22px;
font-weight: 700;
padding: 24px 0 20px
}
.course-project-panel-course ul li .top .describe[data-v-d1c115ee] {
font-size: 14px;
color: #484848
}
.course-project-panel-course ul li .top .line[data-v-d1c115ee] {
width: 24px;
height: 4px;
background-color: #31a86c;
margin: 10px auto 40px;
border-radius: 50px
}
.course-project-panel-course ul li .top .ivu-btn[data-v-d1c115ee] {
font-size: 13px;
width: 134px;
height: 40px;
color: #fff
}
.course-project-panel-course ul li .top .vip[data-v-d1c115ee] {
color: #31a86c
}
.course-project-panel-course ul li .top .vip-line[data-v-d1c115ee] {
background-color: #31a86c
}
.course-project-panel-course ul li .top .vip-btn[data-v-d1c115ee] {
background-color: #9bd5b8;
border: 0 solid #0054f0 !important
}
.course-project-panel-course ul li .top .vip-btn[data-v-d1c115ee]:hover {
border: none;
background-color: #31a86c
}
.course-project-panel-course ul li .top .routine[data-v-d1c115ee] {
color: #ff902e
}
.course-project-panel-course ul li .top .routine-line[data-v-d1c115ee] {
background-color: #ff902e
}
.course-project-panel-course ul li .top .routine-btn[data-v-d1c115ee] {
background-color: #fac6a1;
border: 0 solid #0054f0 !important
}
.course-project-panel-course ul li .top .routine-btn[data-v-d1c115ee]:hover {
border: none;
background-color: #ff902e
}
.course-project-panel-course ul li .top .ten[data-v-d1c115ee] {
color: #31a89b
}
.course-project-panel-course ul li .top .ten-line[data-v-d1c115ee] {
background-color: #31a89b
}
.course-project-panel-course ul li .top .ten-btn[data-v-d1c115ee] {
background-color: #7fc7c0;
border: 0 solid #0054f0 !important
}
.course-project-panel-course ul li .top .ten-btn[data-v-d1c115ee]:hover {
border: none;
background-color: #31a89b
}
.course-project-panel-course ul li .top .double[data-v-d1c115ee] {
color: #ffc343
}
.course-project-panel-course ul li .top .double-line[data-v-d1c115ee] {
background-color: #ffc343
}
.course-project-panel-course ul li .top .double-btn[data-v-d1c115ee] {
background-color: #fbd78b;
border: 0 solid #0054f0 !important
}
.course-project-panel-course ul li .top .double-btn[data-v-d1c115ee]:hover {
border: none;
background-color: #ffc343
}
.course-project-panel-course ul li .top .nike[data-v-d1c115ee] {
color: #439bff
}
.course-project-panel-course ul li .top .nike-line[data-v-d1c115ee] {
background-color: #439bff
}
.course-project-panel-course ul li .top .nike-btn[data-v-d1c115ee] {
background-color: #8abffc;
border: 0 solid #0054f0 !important
}
.course-project-panel-course ul li .top .nike-btn[data-v-d1c115ee]:hover {
border: none;
background-color: #439bff
}
.course-project-panel-course ul li .vip-bottom[data-v-d1c115ee] {
background: url(/img/aa0b646cf0cc7.png) 0 0 no-repeat
}
.course-project-panel-course ul li .routine-bottom[data-v-d1c115ee] {
background: url(/img/3470c0d56c173.png) 0 0 no-repeat
}
.course-project-panel-course ul li .ten-bottom[data-v-d1c115ee] {
background: url(/img/4f46d3890b42b.png) 0 0 no-repeat
}
.course-project-panel-course ul li .double-bottom[data-v-d1c115ee] {
background: url(/img/fe92e6bc958a3.png) 0 0 no-repeat
}
.course-project-panel-course ul li .nike-bottom[data-v-d1c115ee] {
background: url(/img/9da1215eca6e9.png) 0 0 no-repeat
}
.course-project-panel-course ul li .bottom[data-v-d1c115ee] {
width: 256px;
height: 268px;
color: #1b1b1b;
border-radius: 10px;
padding: 46px 28px 0;
position: absolute;
left: 0;
top: -28px;
opacity: 0;
transform: scale(1);
transition-duration: .5s
}
.course-project-panel-course ul li .bottom .title[data-v-d1c115ee] {
font-size: 23px;
padding-bottom: 24px
}
.course-project-panel-course ul li .bottom .describe[data-v-d1c115ee] {
font-size: 14px
}
.course-project-panel-course ul li .bottom .line[data-v-d1c115ee] {
width: 24px;
height: 4px;
background-color: #fff;
margin: 15px 0 30px;
border-radius: 50px
}
.course-project-panel-course ul li .bottom .bottom-btn[data-v-d1c115ee] {
width: 80%;
border: none;
background-color: hsla(0, 0%, 100%, .5);
font-size: 13px;
height: 40px;
color: #0c301e;
text-shadow: 0 3px 20px #3c6751;
text-align: center
}
.course-project-panel-course ul li .bottom .bottom-btn[data-v-d1c115ee]:hover {
background-color: #fff
}
.course-project-panel-course ul li[data-v-d1c115ee]:last-child {
border-right: none
}
.course-project-panel-course ul li:hover .top[data-v-d1c115ee] {
opacity: 0;
transition-duration: .5s
}
.course-project-panel-course ul li:hover .bottom[data-v-d1c115ee] {
transform: scale(1.05);
opacity: 1;
transition-duration: 1s
}

下载附件放到网站根目录

2022年11月17日

给自己网站做个二次元发卡系统
快速体验
- 异次元店铺官网地址
- 后台演示：http://162.14.111.118:91/admin 账号：demo@demo.com 密码：123456
- 前台演示：http://162.14.111.118:91 账号：为了明天美好而战斗密码：123456
后台展示

功能简介
- 支付系统，拥有强悍的插件扩展能力，现目今已经支持全网任意平台，任意支付渠道。
- 云更新，如果系统升级新版本，你无需进行繁琐操作，只需要在你的店铺后台就可以无缝完成升级。
- 商品销售，支持商品配图、会员价、游客价、邮件通知、卡密预选（用户可以预选自己想购买的那个账号或者卡号）、API对接、强制登录购买、强悍的自定义控件功能、限时秒杀、批发优惠、优惠卷、等众多功能。
- 分站系统，前台用户可以开通分站，分站可以独立运行，也可以卖主站商品，有点类似商业店铺了。
- 会员系统，会员/商户融为一体，支持会员等级，以及商户等级完全自定义，以及商品可自定义会员等级对应价格。
- 推广/代理系统，拥有三级分销返佣功能，注册账号即实现自动发展下级。
- 共享店铺系统，可以在后台直接对接别人的店铺，通过扣除余额来进行无感知进货。
- 应用商店，拥有众多插件以及模板，让你的店铺变得格外强大。
- 界面美观，完美支持PC和手机，真正的内外二次元文化。
- 强悍的扩展能力，你可以通过本程序在几分钟之内快速的实现你任意想实现的在线购物功能，例子如下：
  - 游戏方面，物品购买即时到玩家背包
  - 商业软件余额充值
  - 商业软件自动授权
  - 论坛/社区VIP自动开通
  - 只要你想得到，没有做不到。
- 还有更多强大的功能，需要安装自己发掘。至此，介绍完毕。
安装教程
- 在安装之前，请检查你的系统环境，php>=8.0，MySQL版本>=5.6[不推荐5.6后续升级可能会有问题，推荐5.7或者8.0]，因为使用了大量的PHP8注解以及PHP8的新特性，所以php版本不得不从8.0起，这里还需要注意。
- 将源码下载至你的服务器、或者使用composer下载源码：composer create-project lizhipay/acg-faka:dev-main
- 以上步骤完成后，然后配置伪静态，Apache无需配置，根目录已经有.htaccess文件了，但如果你是Nginx，则需要配置伪静态。
- 下面是Nginx伪静态规则：
```
location / {
      if (!-e $request_filename){
              rewrite ^(.*)$ /index.php?s=$1 last; break;
      }
}
```
Windows IIS服务器环境，可以使用下面伪静态规则：
```
<rules>
	<rule name="acg_rewrite" stopProcessing="true">
		<match url="^(.*)$"/>
		<conditions logicalGrouping="MatchAll">
			<add input="{HTTP_HOST}" pattern="^(.*)$"/>
			<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true"/>
			<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true"/>
		</conditions>
		<action type="Rewrite" url="index.php?s={R:1}"/>
	</rule>
</rules>
```
- 配置完成后，访问你的首页，即可开始安装
- 安装完成后，后台地址是：https://你的域名/admin
更多
- 交流QQ群：640147192
- Telegram
☞官网教程网址
2022年11月14日
The7v.11.0.3版本中文汉化 WordPress主题企业外贸商城

密钥：集成密钥，可以自己在线安装更新插件，导入demo，在线更新主题
编码格式：前端Html5+css3响应式，后台PHP，数据库mysql主机要求：支持php+mysql
汉化程度：后台和所有插件95%汉化
模板用途：各类企业、新闻博客、产品展示、电子商务、移动互联网等
包含插件：Visual composer可视化前端编辑器、Ultimate_VC_Addons交互特效插件、Revslider幻灯片、Layerslider层幻灯片、pricing价格表单、woocommerce电子商务、云典编辑器拓展等插件。
功能简介：布局上支持左右和上下布局；颜色上支持无限自定义色彩；风格上支持全宽、常规风格；配色模板有100种；后台管理方面支持修改网站任何区域，无需编程；可视化编辑器可以让您自定义网站的布局，实现各种各样的自定义网站风格；总之，用这款模板设计网站，只要你想得到，就能够做得出。

2022年11月6日

【7B2主题美化】认证图标修改为动态金V

示例请查看本站

修改functions.php

define('B2_VERIFY_ICON','<i class="b2-vrenzhengguanli b2font b2-color"></i>');    
//把b2-vrenzhengguanli修改为vrnzhengss

修改b2/Modules/Templates/Header.php

<span v-if="userData.user_title">'.b2_get_icon('b2-vrenzhengguanli').'</span>  
//把b2-vrenzhengguanli修改为vrnzhengss

css代码

.vrnzhengss{
    position: absolute;
    background-image: url(/gold.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-animation: woo-icon-wooSprite 2.1s steps(15) infinite backwards;
}
.user-verify .vrnzhengss{
    position: initial;
    margin-bottom: -6px;
    display: inline-block;
    width: 23px;
    height: 23px;
}
.top-user-avatar .vrnzhengss{
    bottom: -5px;
    right: -6px;
    width: 16px;
    height: 16px;
}
.verify-box-avatar .vrnzhengss,.user-w-avatar .vrnzhengss,.gold-top-avatar .vrnzhengss,.mission-page-user-verify .vrnzhengss,.post-meta-left .avatar-parent .vrnzhengss,.topic-avatar .vrnzhengss{
    bottom: -5px;
    right: -6px;
    width: 20px;
    height: 20px;
}
.w-a-info .vrnzhengss{
    bottom: -5px;
    right: 200px;
    width: 20px;
    height: 20px;
}
@media (min-width:800px) {
.user-verify .vrnzhengss{
    position: initial;
    margin-bottom: -6px;
    display: inline-block;
    width: 23px;
    height: 23px;
}
.top-user-avatar .vrnzhengss,.verify-box-avatar .vrnzhengss,.user-w-avatar .vrnzhengss,.gold-top-avatar .vrnzhengss,.mission-page-user-verify .vrnzhengss,.post-meta-left .avatar-parent .vrnzhengss,.topic-avatar .vrnzhengss{
    bottom: -5px;
    right: -6px;
    width: 16px;
    height: 16px;
}
.w-a-info .vrnzhengss{
    bottom: -5px;
    right: 200px;
    width: 20px;
    height: 20px;
}
}
@-webkit-keyframes woo-icon-wooSprite {
    0% {
        background-position: 0 0;
    }
    to {
        background-position: 0 bottom;
    }
}
@keyframes woo-icon-wooSprite {
    0% {
        background-position: 0 0;
    }
    to {
        background-position: 0 bottom;
    }
}

最后下载附件放到网站根目录

2022年10月27日

HTML网页的代码学习收藏，标识表示代码大全
1. 贴图：<img src="图片地址">
2. 加入连接：<a href="所要连接的相关地址">写上你想写的字</a>
3. 在新窗口打开连接：<a href="相关地址" target="_blank">写上要写的字</a>
4. 消除连接的下划线在新窗口打开连接：<a href="相关地址" style="text-decoration:none" target="_blank">写上你想写的字</a>
5. 移动字体(走马灯)：<marquee>写上你想写的字</marquee>
6. 字体加粗：<b>写上你想写的字</b>
7. 字体斜体：<i>写上你想写的字</i>
8. 字体下划线: <u>写上你想写的字</u>
9. 字体删除线:<s>写上你想写的字</s>
10. 字体加大:<big>写上你想写的字</big> #wiki.geekfans.com
11. 字体控制大小：<h1>写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大，h5最小)
12. 更改字体颜色：<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间
13. 消除连接的下划线：<a href="相关地址" style="text-decoration:none">写上你想写的字</a>
14. 贴音乐：<embed src=音乐地址 width=300 height=45 type=audio/mpeg autostart="false">
15. 贴flash:<embed src="flash地址" width="宽度" height="高度">
16. 贴影视文件：<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>
17. 换行：<br>
18. 段落：<p>段落</p>
19. 原始文字样式：<pre>正文</pre>
20. 换帖子背景：<body background="背景图片地址">
21. 固定帖子背景不随滚动条滚动：<body background="背景图片地址" body bgproperties=fixed>
22. 定制帖子背景颜色：<body bgcolor="#value">(value值见10)
23. 帖子背景音乐：<bgsound="背景音乐地址" loop=infinite>
24. 返回上一页：<a href=javascript :history.back(1)>『返回上一页』</a>
25. 关闭窗口：<a href=javascript :self.close()>『关闭窗口』</a>
26. 关于iframe的透明背景：
  <IFRAME ID="iFrame1" SRC="iframe.htm"allowTransparency="true"style="background-color: green"></IFRAME>
27. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键<table border oncontextmenu=return(false)><td>no</table> 可用于Table
28. <body onselectstart="return false"> 取消选取、防止复制
29. onpaste="return false" 不准粘贴
30. oncopy="return false;" oncut="return false;" 防止复制
31. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标
32. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标
33. <input style="ime-mode:disabled"> 关闭输入法
34. 网页将不能被另存为：<noscript><iframe src=*.html></iframe></noscript>
35. 查看网页源代码：<input type=button value=查看网页源代码 onclick="window.location = "view-source:"+ "http://www.pconline.com.cn"">
36. 删除时确认：<a href="javascript :if(confirm("确实要删除吗?"))location="boos.asp? &areyou=删除&page=1"">删除</a>
37. 不要滚动条?
38. 让竖条没有:<body style="overflow:scroll;overflow-y:hidden"></body>
39. 让横条没有:<body style="overflow:scroll;overflow-x:hidden"></body>
40. 两个都去掉？更简单了：<body scroll="no"></body>
41. 怎样去掉图片链接点击后，图片周围的虚线？：<a href="#" onFocus="this.blur()"><img src="logo.jpg" border=0></a>
42. 在打开的子窗口刷新父窗口的代码里如何写？：window.opener.location.reload()
43. 如何设定打开页面的大小：<body onload="top.resizeTo(300,200);">打开页面的位置<body onload="top.moveBy(300,200);">
44. 获得一个窗口的大小：document.body.clientWidth; document.body.clientHeight
45. 怎么判断是否是字符；if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");else alert("全是字符");
46. ENTER键可以让光标移到下一个输入框：<input onkeydown="if(event.keyCode==13)event.keyCode=9">
47. 空格代码；<span style="font-size:12px;">   </span>
  这个只要在编写的时候加上换行代码就可以了，换行代码有两种
2022年6月20日

标签： PR

主题介绍

特色功能

主题安装

部分截图

更新日志

截图演示

把下列代码加入到 child.js 中

主题介绍

截图

设置

更新

站点副标题

站点 LOGO

站点头像

首页背景图像

随机背景图像地址

背景气泡

页脚左下角文字

页脚小工具

自定义 css

全站 pjax 模式

文章引入

引入方法

第一步：阿里巴巴矢量图标库官网 —> Github或者新浪微博登录

第二步：然后自己通过搜索框找到自己喜爱的图标并添加至购物车 —> 添加至项目 //没有项目的自己新建项目

第三步：跳转到我的项目 页面（没有跳转的点击–>资源管理–>我的项目）//我的项目自己创建名字

第四步：在 我的项目 页面有一下按钮—>一般选 Symbol

第五步：点击 –> 查看在线链接（没有的的话可以点击生成链接） —>点此复制代码（代码例如下面）

第六步：引入JS代码

最后我们看看效果吧！

B2需添加以下css到style.css

效果图

以下代码放入后台-模块管理-自定义

以下代码放到css样式

下载附件放到网站根目录

快速体验

功能简介

安装教程

更多

修改functions.php

修改b2/Modules/Templates/Header.php

css代码

最后下载附件放到网站根目录

第三步：跳转到我的项目页面（没有跳转的点击–>资源管理–>我的项目）//我的项目自己创建名字

第四步：在我的项目页面有一下按钮—>一般选 Symbol