[7b2美化]柒比贰 魔改系列|7B2-分类封面添加波浪效果每日诗词

news/2024/2/29 4:22:05

效果如图:

代码:

首先在style.css样式表里添加波浪样式

/*浪来了*/
.lang {overflow: hidden;width: 100%;position: absolute;left: 0;margin-top: -55px;
}.lang__1 {background: url(https://dl.zhutix.net/2019/08/wave_01.png) repeat-x;width: 7000px;height: 60px;animation: langs 18s infinite cubic-bezier(0.04, 1.07, 0.65, 0.05);position: absolute;top: 8px;
}.lang__2 {background: url(https://dl.zhutix.net/2019/08/wave_02.png) repeat-x;width: 7000px;height: 60px;animation: langs 12s infinite linear;position: relative;top: 0;
}.lang__3 {background: url(https://dl.zhutix.net/2019/08/wave_03.png) repeat-x;width: 7000px;height: 60px;animation: langs 18s infinite linear;position: absolute;top: 0;
}.lang__4 {background: url(https://dl.zhutix.net/2019/08/wave_04.png) repeat-x;width: 7000px;height: 60px;animation: langs 12s infinite linear;position: relative;top: 0;
}.lang__5 {background: url(https://dl.zhutix.net/2019/08/wave_05.png) repeat-x;width: 7000px;height: 60px;animation: langs 18s infinite linear;position: absolute;top: 0;
}.lang__6 {background: url(https://dl.zhutix.net/2019/08/wave_06.png) repeat-x;width: 7000px;height: 60px;animation: langs 12s infinite linear;position: relative;top: 0;
}.author .lang {margin-top: -132px;
}.footer  .lang {margin-top: -55px;
}@keyframes langs {0% {margin-left: 0;}100% {margin-left: -1938px;}
}@-webkit-keyframes langs {0% {margin-left: 0;}100% {margin-left: -1938px;}
}
/*浪完了*/

 


首先是默认的没有类描述,新增换行每日诗词。(这个很好理解吧)如下图

以下几处代码均在主题根目录下的/category.php 文件内修改。

把<div class=”cat-title pos-a lm”> … </div>  这一段换成下边的代码即可

<div class="cat-title pos-a lm"><h1 class="mar10-b shadow"><?php echo get_the_archive_title('',false); ?></h1><p class="shadow"><?php echo $des ? $des : __('还没有描述...<br><span id="jinrishici-sentence">正在加载今日诗词....</span>
<script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script></p>','ziranzhi2'); ?></p></div>

 


由于波浪动画会遮挡 上传分类封面图片 按钮。我们给 上传分类封面图片 按钮用css置顶 效果如下图

上传分类封面图片 按钮  <span>标签里添加样式 style=”z-index:999″

添加前

<span class="pos-a cat-button mobile-hide" v-if="isAdmin" >

 

修改后

<span class="pos-a cat-button mobile-hide" v-if="isAdmin" style="z-index:999">

最后就是添加波浪效果啦

把这段代码

<!--浪开始--><div class="lang" style="opacity:0.68;"><div class="lang__3"></div><div class="lang__4"></div></div><!--style="opacity:0.8;"透明度-->
<!--浪完了-->添加到下边的这个位置(可以用Ctel+F搜索)
......添加到此处
</div>
<div id="primary-home" class="content-area fd mobile-full-width" ref="primaryHome">

 

如图

 

 

原文链接:https://www.zmki.cn/5105.html

柒比贰 魔改系列|7B2-分类封面添加波浪效果&每日诗词

 

致谢:

河南恒盛农牧

天牧养殖设备

特迈养殖设备

河南恒泰


http://www.ppmy.cn/news/632625.html

相关文章

TPS7B6933QDCYRQ1 低压差稳压器、汽车应用

应用 • 汽车 • 具有睡眠模式的信息娱乐系统 • 永远在线的电池应用 -门模块 -远程无钥匙进入系统 - 防盗器 TPS7B69xx-Q1 器件是一款低压差线性稳压器&#xff0c;设计用于高达 40V VI 的操作。 该器件在轻负载时的静态电流仅为 15-A&#xff08;典型值&#xff09;&#xff…

报错与解决 | 应用程序无法启动0x7b mysql

文章目录 报错解决办法成功解决问题 报错 根据“MySQL下载安装使用-完整详细步骤”下载安装好MySQL后&#xff0c;以管理员身份启动cmd&#xff0c;输入&#xff1a; "D:\mysql\mysql-5.7.31-winx64\bin \mysqld.exe" --initialize-insecure # 自己的mysql安装目录…

OXOOOOOO7B

stop:OXOOOOOO7B(硬盘蓝屏) 蓝屏故障&#xff1a; 1.硬盘随着新旧主板的更换蓝屏 2.标准IDE和AHCI控制器没有安装驱动 3.磁盘有错误&#xff0c;文件目录损坏 4.关闭IDE通道控制器 5.无盘网络&#xff0c;系统未安装客户端网卡驱动&#xff0c;虚拟磁盘控制器未安装。…

StableLM(stablelm-tuned-alpha-7b)中文能力测试

模型地址&#xff1a;https://huggingface.co/stabilityai/stablelm-tuned-alpha-7b 基模型&#xff1a;GPT-NeoX 环境&#xff1a;2块3090&#xff08;24G&#xff09; 运行代码&#xff1a; from transformers import AutoModelForCausalLM, AutoTokenizer, StoppingCrite…

AquilaChat-7B: 国产开源大模型新成员——AI领域的创新型研发机构智源人工智能研究院出品

当生成式AI和大模型的飓风呼啸而来,全球掀起了一场狂热的GPT竞赛,大量紧迫的前沿议题随之接踵而至: 语言、视觉、多模态大模型分别有哪些研究突破口?如何显著提升大模型的计算速度、效率和扩展性?怎样确保大模型始终安全可控、符合人类意图和价值观?国内产学研界亟待做些…

如何微调Chinese-Vicuna-7b模型

环境建议&#xff1a;使用谷歌云GCP&#xff0c;国内的云环境实在是太慢了哦。github慢&#xff0c;pip 慢&#xff0c;下载模型也慢。 1.下载环境 !git clone https://github.com/Facico/Chinese-Vicuna !pip install -r ./Chinese-Vicuna/requirements.txt 2. 准备数据 js…

修改7b2认证图标

修改7b2认证图标 原文链接&#xff1a;https://www.xiaohulizyw.com/2191.html 原生的认证图标有的人不是很喜欢&#xff0c;喜欢自己去自定义&#xff0c;那么如何去修改&#xff1f; 1、首先打开主题函数文件路径为&#xff1a;/wp-content/themes/b2/functions.php 第23行…

【AIGC】BaiChuan7B开源大模型介绍、部署以及创建接口服务

模型介绍 baichuan-7B是由百川智能开发的一个开源的大规模预训练模型。基于Transformer结构&#xff0c;在大约1.2万亿tokens上训练的70亿参数模型&#xff0c;支持中英双语&#xff0c;上下文窗口长度为4096。在标准的中文和英文权威benchmark&#xff08;C-EVAL/MMLU&#x…

足够惊艳,使用Alpaca-Lora基于LLaMA(7B)二十分钟完成微调,效果比肩斯坦福羊驼

之前尝试了从0到1复现斯坦福羊驼&#xff08;Stanford Alpaca 7B&#xff09;&#xff0c;Stanford Alpaca 是在 LLaMA 整个模型上微调&#xff0c;即对预训练模型中的所有参数都进行微调&#xff08;full fine-tuning&#xff09;。但该方法对于硬件成本要求仍然偏高且训练低效…

LLaMA:7B参数量的Baby版ChatGPT窥探

最近metaAI“不小心”泄露了自身的大语言模型LLaMA&#xff0c;本着好奇的心火速下载了LLaMA的权重&#xff0c;来试玩一下这个baby版的ChatGPT&#xff0c;为什么称作是baby版&#xff0c;是因为该权重还没有像ChatGPT那般Finetune过。 LLaMA各参数版本与GPT-3的性能对比如下…

win10,win11 下部署Vicuna-7B,Vicuna-13B模型,gpu cpu运行

运行Vicuna-7B需要RAM>30GB或者14GB的显存 运行Vicuna-13B需要RAM>60GB或者28GB的显存 如果没有上面的硬件配置请绕行了&#xff0c;我笔记本有64G内存&#xff0c;两个都跑跑看&#xff0c;使用python3.9&#xff0c;当时转换13b时一直崩溃后来发现是没有设定虚拟内存&…

电脑连上wifi不能连接内网的其他设备的解决方法

场景&#xff1a; 电脑有两个网卡&#xff0c;一个以太网&#xff0c;一个WIFI网卡 以太网设置的地址是172.16.0.101(默认网关是172.16.0.254).正常情况下可以ping通服务器&#xff08;172.16.9.251&#xff09;和连接服务器。 当电脑连接手机热点&#xff08;wifi&#xff09…

理解GPT-4:人工智能的全新里程碑及其国内使用

在人工智能领域&#xff0c;每一代的进步都是突破性的。近年来&#xff0c;这个领域的发展尤为引人注目&#xff0c;尤其是在语言处理和生成方面。OpenAI的GPT系列模型就是最好的例证。在GPT-3取得巨大成功后&#xff0c;我们迎来了更强大的GPT-4。 GPT-4: AI的新里程碑 GPT-4…

pvf词典

1 代码 2.稀有/品级[rarity] 3.佩戴登记 [minimum level] 4.diaoluo [grade] 5.分类代码 10武器 鬼剑1 02短剑 03太刀 04钝器 05巨剑 06光剑 格斗2 02手套 03臂铠 04爪子 05拳套 06东方棍 神枪3 02左轮 03自动手枪 04步枪 05手炮 06手弩 魔法4 02矛 03棍棒 04魔杖 05法杖 06扫…

贵族机要第二次半修改装备简单分配

import json def distribution(list):A[]B[]C[]D[]for i in range(len(list)):#头肩if list[i]望穿尽头的视线or list[i]wcjt:B.append(list[i])#武器elif list[i]胜负之役太刀-狂战士 or list[i]sfzy:B.append(list[i])#上衣elif list[i]暗影流光战袍 or list[i]aylg:B.append…

互联网开发搞手游创作5-策略性设计

这篇主要设计技能点&#xff0c;首先思考一个问题&#xff0c;有了基本属性后&#xff0c;为何要有技能&#xff0c;没有行不行&#xff0c;就这么硬抗&#xff0c;比如CS中纯打枪技艺。那玩家PK靠的是只能群殴&#xff0c;偷袭&#xff0c;走位。 但楚汉争霸里既然要体现策略…

自顶向下网络设计——分析技术目标与折衷措施

写在前面&#xff1a;不知道网络发展的今天是否与书本的知识脱节&#xff0c;加上本人的能力不足&#xff0c;若有不对的地方请指正&#xff0c;谢谢 自顶向下网络设计&#xff08;一&#xff09; – 摘自《自顶向下网络设计》 本书的结构分为四个模块&#xff1a; 辨明用户…

php 人物换装原理,装备库解析——换装机制,宝石选择原理

本帖最后由 孤胆飞客 于 2018-8-30 15:02 编辑 〇、前言&#xff1a; 伟大的装备库自2.5版本上线以来&#xff0c;极度的方便了同职业不同流派的切换。然大家在使用时&#xff0c;偶尔会遇到一些小离奇&#xff0c;甚至很多佬玩家遇到过丢宝石现象。本篇将系统的讲一下装备库换…

服务器无限火力时间,LOL无限火力2021开放时间:2月5日开启

今天在朋友家&#xff0c;突然发现LOL11.3版本又出无限火力了&#xff0c;官方公告如下&#xff1a; 为了迎接农历新年&#xff0c;无限乱斗模式重新上线。鉴于这是无限乱斗模式在装备改动之后第一次上线&#xff0c;《英雄联盟》团队也根据全新的装备系统对该模式进行了调整改…

传奇霸业登录提示服务器维护,传奇霸业新闻公告:2345传奇霸业3月19日维护公告-2345网页游戏...

亲爱的玩家: 您好&#xff0c;为保证服务器稳定运营&#xff0c;优化游戏体验&#xff0c;我们将在3月19日对以下区服进行停服维护更新&#xff0c;具体维护时间将视情况提前或延后&#xff0c;更新安排如下&#xff1a; 维护时间&#xff1a;3月19日10&#xff1a;00&#xff…
最新文章