将把每一步都写出来保证只要跟着来就能为你的帖子添加简易背景!!
注意是简易,同时声明本人毫无编程基础以下办法大半是自行摸索出来的,相信有一种结绳记事的美
望大佬们能在评论不吝赐教!尽量以一种原始人也能懂的方式说明行吗(
以下吐槽可以跳过不看
------------------------------------------------------------------------------------------------------------------------------------------------
我们先注册一个图床,点这:Z4A
再找一个正常水平的AI,这是一会要用到的米奇妙妙工具
------------------------------------------------------------------------------------------------------------------------------------------------
1、在图床上传选定的背景图,先复制红框中的链接,再复制其中的红色部分
------------------------------------------------------------------------------------------------------------------------------------------------
2、复制这段代码,其将实现背景图随鼠标滑动的效果,让我们不必担心背景图被拉伸
<div style="background-image: url("https://img.z4a.net/images/2025/01/26/1737538588040.jpeg"); background-attachment: fixed; background-size: cover; background-repeat: no-repeat; border: 4px groove rgb(211, 211, 211); padding: 24px; color: rgb(0, 0, 0); --darkreader-inline-border-top: #3c4144; --darkreader-inline-border-right: var(--darkreader-border-d3d3d3, #3c4144); --darkreader-inline-border-bottom: var(--darkreader-border-d3d3d3, #3c4144); --darkreader-inline-border-left: var(--darkreader-border-d3d3d3, #3c4144); --darkreader-inline-color: var(--darkreader-text-000000, #e8e6e3);" data-darkreader-inline-border-top="" data-darkreader-inline-border-right="" data-darkreader-inline-border-bottom="" data-darkreader-inline-border-left="" data-darkreader-inline-color="">
------------------------------------------------------------------------------------------------------------------------------------------------
3、请我们的AI大小姐帮忙修改
替换链接为第一步中复制的红色链接
(我们的AI大小姐非常强大,你可以请她帮忙更改背景边框、更改字体颜色、去除背景图随鼠标滑动的效果等等
------------------------------------------------------------------------------------------------------------------------------------------------
4、将修改好的代码加入文章,先随便打一行字:
嘟嘟哒嘟哒嘟!
------------------------------------------------------------------------------------------------------------------------------------------------
按下F12(以火狐为例),用元素选择器(红框中,查看器左边)选中文字元素,如图:
------------------------------------------------------------------------------------------------------------------------------------------------
右键包含文本的<p>,选择编辑 HTML,将修改好的代码插到最前
------------------------------------------------------------------------------------------------------------------------------------------------
点击查看器其他地方让代码保存,即可插入背景图,如下:
嘟嘟哒嘟哒嘟!
------------------------------------------------------------------------------------------------------------------------------------------------
背景会自动把这行文字的后续内容包含进去,我们接在后面编写即可
如下:
嘟嘟哒嘟哒嘟!
豪情在天!
------------------------------------------------------------------------------------------------------------------------------------------------
如果说打算为往期帖子或已经写好的添加背景,该怎么办呢
------------------------------------------------------------------------------------------------------------------------------------------------
现在我写了下面这篇:
嘟嘟哒嘟哒嘟!嘟嘟哒嘟哒嘟!嘟嘟哒嘟哒嘟!嘟嘟哒嘟哒嘟!嘟嘟哒嘟哒嘟!嘟嘟哒嘟哒嘟!嘟嘟哒嘟哒嘟!嘟嘟哒嘟哒嘟!嘟嘟哒嘟哒嘟!嘟嘟哒嘟哒嘟!嘟嘟哒嘟哒嘟!嘟嘟哒嘟哒嘟!
豪情在天!劲!豪情在天!劲!豪情在天!劲!豪情在天!劲!豪情在天!劲!豪情在天!劲!豪情在天!劲!豪情在天!劲!豪情在天!劲!豪情在天!劲!豪情在天!劲!豪情在天!劲!
大枣天下第一可爱!大枣天下第一可爱!大枣天下第一可爱!大枣天下第一可爱!大枣天下第一可爱!大枣天下第一可爱!大枣天下第一可爱!大枣天下第一可爱!大枣天下第一可爱!大枣天下第一可爱!大枣天下第一可爱!
偏铝酸钠!偏铝酸钠!偏铝酸钠!偏铝酸钠!偏铝酸钠!偏铝酸钠!偏铝酸钠!偏铝酸钠!偏铝酸钠!
------------------------------------------------------------------------------------------------------------------------------------------------
我们首先删掉大到能分割段落的图片,然后将所有段落合为一段,得到:
嘟嘟哒嘟哒嘟!嘟嘟哒嘟哒嘟!嘟嘟哒嘟哒嘟!嘟嘟哒嘟哒嘟!嘟嘟哒嘟哒嘟!嘟嘟哒嘟哒嘟!嘟嘟哒嘟哒嘟!嘟嘟哒嘟哒嘟!嘟嘟哒嘟哒嘟!嘟嘟哒嘟哒嘟!嘟嘟哒嘟哒嘟!嘟嘟哒嘟哒嘟!豪情在天!劲!豪情在天!劲!豪情在天!劲!豪情在天!劲!豪情在天!劲!豪情在天!劲!豪情在天!劲!豪情在天!劲!豪情在天!劲!豪情在天!劲!豪情在天!劲!豪情在天!劲!大枣天下第一可爱!大枣天下第一可爱!大枣天下第一可爱!大枣天下第一可爱!大枣天下第一可爱!大枣天下第一可爱!大枣天下第一可爱!大枣天下第一可爱!大枣天下第一可爱!大枣天下第一可爱!大枣天下第一可爱!偏铝酸钠!偏铝酸钠!偏铝酸钠!偏铝酸钠!偏铝酸钠!偏铝酸钠!偏铝酸钠!偏铝酸钠!偏铝酸钠!
------------------------------------------------------------------------------------------------------------------------------------------------
然后按下F12(以火狐为例),用左上角元素选择器(查看器左边)选中文字元素,如图:
------------------------------------------------------------------------------------------------------------------------------------------------
右键包含文本的<p>,选择编辑 HTML,将修改好的代码插到最前
------------------------------------------------------------------------------------------------------------------------------------------------
点击查看器其他地方让代码保存,即可插入背景图,如下:
嘟嘟哒嘟哒嘟!嘟嘟哒嘟哒嘟!嘟嘟哒嘟哒嘟!嘟嘟哒嘟哒嘟!嘟嘟哒嘟哒嘟!嘟嘟哒嘟哒嘟!嘟嘟哒嘟哒嘟!嘟嘟哒嘟哒嘟!嘟嘟哒嘟哒嘟!嘟嘟哒嘟哒嘟!嘟嘟哒嘟哒嘟!嘟嘟哒嘟哒嘟!豪情在天!劲!豪情在天!劲!豪情在天!劲!豪情在天!劲!豪情在天!劲!豪情在天!劲!豪情在天!劲!豪情在天!劲!豪情在天!劲!豪情在天!劲!豪情在天!劲!豪情在天!劲!大枣天下第一可爱!大枣天下第一可爱!大枣天下第一可爱!大枣天下第一可爱!大枣天下第一可爱!大枣天下第一可爱!大枣天下第一可爱!大枣天下第一可爱!大枣天下第一可爱!大枣天下第一可爱!大枣天下第一可爱!偏铝酸钠!偏铝酸钠!偏铝酸钠!偏铝酸钠!偏铝酸钠!偏铝酸钠!偏铝酸钠!偏铝酸钠!偏铝酸钠!
------------------------------------------------------------------------------------------------------------------------------------------------
用论坛的预览功能查看是否成功,随后重新分段并插入被删掉的图片,就完成了
如果不将文字整合成一段,就会发现每段文字前面都有一个<p>,这样插入代码后只会给这一段文字添加背景
(如果希望给不同段文字添加不同背景,记得去掉背景边框
------------------------------------------------------------------------------------------------------------------------------------------------
呃呃呃,完成啦!真是个笨办法呀,应该可以在不整合文字的情况下插入背景,但我实在不会...
本贴如有误请一定提出!有更好更快捷的办法也请一定提出!有什么其他想分享的排版方法也请一定提出!单纯来水也请一定来水!
总之想说啥都可以啦((((
是不是太把自己当回事了先
....这篇文章能帮到人吗
插好背景后一定要用论坛的预览功能先行查看喔
以及今天是除夕,也许早了些,但还是祝大家新年快乐喔
无了!!
召唤口也!!!