次元🌟魔女的表格魔法🌌教室【第N期】

Dorothy · 三月 21, 2019

1 分钟前, jhvnhjv 说道:

因为打的字太多输给了我hhh

酱紫的嘛，其实可以提取打好然后在最后一刻通知咱的呀！ :b6:

Sola君丶 · 三月 21, 2019

:wn022: 背景好漂亮~支持一个，技术大佬最厉害了！！！

乱跑的泰兰德 · 三月 21, 2019

3 分钟前, Dorothy 说道:

嗯，那也至少要有所参与才素，不然感觉自己就像闲散人员一样呐！

泰兰德大大果然素当之无愧的首席门徒呐！

原来素加链接嘛，咱还以为会把所有内容贴上去呐！

:mx037: 没什么闲散人员一说啦，本来大家就都是咸鱼（比如我23333）。

:mx029: 传播者的说~~~~首席门徒可不像我水贴这么慢没出息233333

:mx037: 有链接就贴链接咯，多方便呀（其实主要是为了避免重复，我个人猜的）

素羽流云 · 三月 21, 2019

4 小时前, Dorothy 说道:

欢迎大大捧场呐！

唔，那真素不好意思啦，其实咱做这个也没有用太多的什么装饰来着，只用了几张图片搞搞边框什么的...

所以其实咱这个算不上华丽的啦，已经素比较简单的啦！

那你自己觉得什么算华丽啊233

Dorothy · 三月 21, 2019

9 分钟前, Sola君丶说道:

背景好漂亮~支持一个，技术大佬最厉害了！！！

欢迎小伙伴捧场呐！ :b2:

背景的话选得比较简单的啦！如果颜色太鲜艳那种反而影响观感呐！ :b6:

而且咱不素什么技术大佬啦！这个只素基本的表格代码操作而已啦！ :a11:

喵了个喵，咪 · 三月 21, 2019

4 小时前, 真笑春风说道:

喵，你指的是这个吗？

欸o.o

介个，微妙的像又不像喵 :mx056:

喵了个喵，咪 · 三月 21, 2019

4 小时前, Dorothy 说道:

没有呐，那种直接全部网页都消失素难以抵挡的说...

所以最好能备份到word上，

但素表格在论坛上修改后大小差异非常大，在word很难正常显示的说！

如果只素作为存储的说问题不素很大的说喵 :mx060:

可以考虑“Ctrl+a”全选喵 :wn022:

Dorothy · 三月 21, 2019

8 分钟前, mylifeyouwill 说道:

没什么闲散人员一说啦，本来大家就都是咸鱼（比如我23333）。

传播者的说~~~~首席门徒可不像我水贴这么慢没出息233333

有链接就贴链接咯，多方便呀（其实主要是为了避免重复，我个人猜的）

唔，咱的话没怎么做当然就和李们不一样了啦！ :a7:

嗯，传播者兼首席门徒的说！不一定要水贴很厉害才叫呐！ :b6:

重复嘛？咱确实也担心重复了呐！所以也不会再教之前已经教过的内容来着！ :mx030:

Kris Dreemurr · 三月 21, 2019

18 分钟前, Dorothy 说道:

酱紫的嘛，其实可以提取打好然后在最后一刻通知咱的呀！

没想到啊他

Dorothy · 三月 21, 2019

8 分钟前, 素羽流云说道:

那你自己觉得什么算华丽啊233

当然素美工+排版+背景图+自制边框+字体+视频+音乐等等元素组合在一起的咯！ :mx079:

Dorothy · 三月 21, 2019

5 分钟前, 喵了个喵，咪说道:

如果只素作为存储的说问题不素很大的说喵

可以考虑“Ctrl+a”全选喵

酱紫缩虽然没问题但只有字体和表格留下来了呐，其他的都得重新来呐！ :a7:

所以还素保存在原来其他的主题贴里才行呐！ :b6:

素羽流云 · 三月 21, 2019

9 分钟前, Dorothy 说道:

当然素美工+排版+背景图+自制边框+字体+视频+音乐等等元素组合在一起的咯！

要素过多反而容易华而不实吧ww

乱跑的泰兰德 · 三月 21, 2019

17 分钟前, Dorothy 说道:

重复嘛？咱确实也担心重复了呐！所以也不会再教之前已经教过的内容来着！

:mx011: 不是呀，我说的是，只在wiki里贴链接，而不是直接把教程复制在wiki。是因为论坛里已经有了，所以避免wiki和论坛重复。。

creepper · 三月 21, 2019

1 小时前, Dorothy 说道:

原来如此呐！怪不得会觉得不想去碰呐！

咱的话就素玩的才会去接触的呐！

当初开始也是玩玩，但不久就变成任务了……

喵了个喵，咪 · 三月 21, 2019

1 小时前, Dorothy 说道:

酱紫缩虽然没问题但只有字体和表格留下来了呐，其他的都得重新来呐！

所以还素保存在原来其他的主题贴里才行呐！

喵呜喵呜 :wn022:

喵个人的话，素推荐审查元素然后保存相关代码的说喵 :mx060:

因为素整体复制的，到时候稍微整理一下基本上很容易就能拿出来了喵 :mx007:

Kami丶米 · 三月 21, 2019

剧透

19 小时前, Dorothy 说道:

唔，辛苦了呐！咱毕竟遇到的问题蛮多的呐...

这个好像其实也素因为平时觉得用的不多吧，而且有的字确实在浏览器不能显示来着...（所以其实咱这种既能永久存在，又能召唤到人，不需要再回头删掉了呐，当然会相对麻烦一点啦）

嗯，这个咱还素会好好填的啦，只不过有的可能不叫做坑来着，只素一种想法而已..

wifi一天都连不好了呐，用流量都容易卡来着...

:a11: 嗯，确实遇到不少问题，没有帮上忙真是抱歉了

:NEKOMIMI_PARADISE_25: 字体的话可以都兼容那就好了~米非常喜欢少女简体和萝莉体呢~确实，如果有人想弄细腻一些，甚至可以做成RPG七彩召唤阵呢

米喜欢称之为坑，对米而言，搞事的本质素寻觅学习填坑的能力~桃子无论何时何地总素可以给人惊喜与震撼呢~

阁下可以试试在路由器设置中，暂时对笔记本外的其他设备进行限速呢

河城乃藥 · 三月 21, 2019

3 小时前, Dorothy 说道:

唔，河童大大不干了嘛！

学车完了再找嘛？

不了不了 , 那個地方留著也沒意思 :wn002:

反正本來就是半工半讀的 , 休息一陣子也好 :NEKOMIMI_PARADISE_2:

Shepherd爱 · 三月 21, 2019

3 小时前, Dorothy 说道:

唔，其实最省时就素咕咕咕！

正解√所以从现在开始咕咕，吃了感冒药很困，先去睡一觉 :mx027:

linjinhai · 三月 21, 2019

3 小时前, Dorothy 说道:

其实只要能留在wiki一点内容就足够了呐！

单纯的教学贴可能咱还做不到那么标准的呐！

(～￣▽￣)～这个，我们这边的标准并没那么深啊，只要能引导人的都算

Dorothy · 三月 21, 2019

2 小时前, creepper 说道:

当初开始也是玩玩，但不久就变成任务了……

唔，总觉得咱在论坛加入管理层也会面临这种可能嘛？ :a11:

adebus · 三月 21, 2019

22 小时前, Dorothy 说道:
✨ ✨✨   ✨



⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

欢迎来到次元魔女的魔法表格教室！

在正式进入之前先说明一下关于表格的使用，已经有大佬们做了详尽的介绍，咱这里就不再细说啦，大家有兴趣可以通过传送门去学习哟！都相当实用的说！

萌新指路牌（排版部分）

泰兰德的表格教学

而在这里你将会学到如何用非常规的方式制作带有背景图的表格哟！（其实就素用F12代码啦）

首先要感谢 @Kami丶米和 @河城乃藥还有 @喵了个喵，咪给予咱灵感才得以发现这个制作背景图的方法！

然而这个方法实际上并不难，只素一种稍特别点插入图片外链的新途径，本质上其实和正常的插入外链一样的说，基本上如果经常用一个背景的话直接复制就不需要再插入了的！

那么话不多说就开始进行教学部分吧！

基础部分：（如果觉得内容太多了不想看，可以直接跳到帖子底部的整理要点快速掌握教学内容哟！）

首先当然就素要创建表格咯，在创建表格时，要注意下列五种情况：

（这里已经开始进行教学了哟，到情况二的时候基本上就把这节课的主要内容学完了哟！）

   一、没有选好图片但素想要看看背景图搭配文字效果

  二、选好了图片可以直接用上

三、不用论坛编辑的表格，用其他地方制作的表格（如：word）

  四、我想直接用代码制作表格+背景图，一气呵成

五、太麻烦了，我想魔女帮我做

（咱感觉你不是来学习的，没关系呐，先交1ooo节操做订金吧ʕ•̀ω•́ʔ✧）

情况一的话因为尝试图片一直调整大小确实比较麻烦，那么建议在word先进行试验，比如像咱这种：

这素在word上看背景图的效果，虽然素直接在背景上贴的图片，但是基本上和在论坛加入背景图的效果相差不大。

（注意：这里周围的边框其实也素表格制作出来的，可以单独加入背景图哟！但多数情况只使用单一颜色较为合适。）

情况二的话当然就素正常地进行背景图插入咯，制作表格前要注意调整好大小和做好之后用鼠标右键+ctrl进行改动。

比如像咱这种300×300的大小的背景图





点击表格出现弹窗输入相应的数据，特别素长宽一定要注意，如果不设置的话会显示原图大小的一部分内容。

（表格里的图片不会根据表格的大小缩小，所以没有失真的问题，而且如果超过了图片本身的大小只能平铺哟！所以如果觉得自己的文章难以确定相应大小的背景图的话，本魔女这里推荐用平铺类型的图片更加美观的说!）

做出来的表格如下：

对框内右键审查元素或者F12（如果没有的话，建议下个360浏览器什么的）

找到<table border="1"....>这一行

在style="height: 300px; width: 300px;后面粘贴这段代码background-image:url(你的图片外链地址)

就得到如下的背景图表格啦！

到这里保存的话就能正常显示有背景图的表格咯，建议在word打完字后粘到表格内再插入背景图哟。

（在实验的过程中发现，有时候在没输入文字时制作出来后，双击这个表格会出现创建表格的内容，也就素相当于它完全变成了一张无法编辑的背景图，似乎代码也无法删去，形成了锁定的状态。这个时候只能重新再做一次了，不过如果拷贝了原来的背景图表格的话，在原编辑页上粘贴还会重新出现哟！）

到这里基本上李已经学会了如何使用背景图的表格魔法啦！直接就可以上手了哟！

很快很容易素不！

（终于可以下课了的说！不用再努力了！谢谢大家的捧场！散啦散啦！）

教学结束感谢支持

THE END！THANKS！

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙
⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐

⭐
嗯哼！当然还没完呐！

如果有任何问题都可以找咱提哟！（不论在本帖回复还素私聊都欢迎哟！）

要素还有兴趣可以继续往下看，也许下面的才素重头戏（？）

情况三的话其实是比较推荐的表格插入方法咯，在其他非论坛的编辑器中把长宽设置好，填好文字内容，再粘贴到论坛编辑栏中，再按照情况二咱教学的方法那样插入对应的表格就能达到想要的背景图效果了呐！

情况四的话说明李素大佬！不需要咱教了…

不过这个方式确实过于硬核，所以不建议使用。但咱还素稍微给大家科普一下，没兴趣可以直接跳过的说。
显示隐藏内容
那么想进行此类操作的话说明素要在做完表格后再加入文字咯，当然想直接加入文字也可以，但效果可能就不那么好，因为想用代码排版什么的咱现在也没做到呐！（或者缩太麻烦了不想做）

先把下面这个代码拷贝然后右键空白区域的审查元素一般是<p></p>这种类型然后右键它点Edit as HTML把代码覆盖上去，然后在再点编辑界面就会出来表格+背景图啦，然后就可以进行文字编辑咯！

就能在文章出现背景图加表格的状态啦，
<table border="1" cellspacing="1" cellpadding="1"
 style="height: 500px; width: 500px; background-image:url(你的图片外链地址)"">
 <tbody><tr><td>想要输入文字可以在这里添加</td></tr></tbody></table>
小科普：

Border：间距 cellpadding：边距 height; width：长宽

Cellspacing：边框

tr:行

td:单元格

tbody：tr和td的主体
情况五的话emmm，那就这么缩吧：如果李想跟咱玩，在楼里素完全可以的哟！咱这里不素完全就不局限提问题和讨论什么的说（毕竟素广场来着），想聊什么都可以呐；如果素想委托咱帮忙的话，首先要看咱的心情，其次要看时间，最后素看报酬哟。（建议自己动手，因为很多时候不一定能等到咱，而且这魔法并不难）

创建完表格之后就没事了呀，因为到这里就相当于该教的课程都教完了呐，下面如果还有想要进一步学习的话可以去翻翻拓展部分，最后感谢各位的围观和学习，有机会下次本魔女的魔法教室还会再开课哟！届时也请大家多多暖场啦！~开溜咯！咻💫~~🌟

拓展部分：

显示隐藏内容

这里主要讲的就素background系列的活用啦，用于召唤魔法中哟！当然也还额外加入了如何让文章拥有各种各样的字体的魔法教学！呼呼！很棒有没有！咱们就从召唤魔法开始吧！（这里教的素隐藏召唤的技巧哟）

首先按照正常的召唤魔法操作（@+空格+名字）得到召唤名片，

然后点击右键审查元素，将contenteditable="false"的false改成true，即contenteditable="true"，如下图所示：

（此时召唤名片变成了可编辑状态，也就素说无论素文字背景还素文字本身都可以用编辑器上的按钮变色哟），接着就可以复制 background-color: #fff （放在剧透里则素background-color: #f8f8f8）这段代码粘贴到右侧这里

然后就发现召唤的字消失了哟！隐藏召唤也就成功咯！

好咯，现在开始教大家怎么改变字体的说，

其实非常简单，直接在word文档里调整好的字体粘过去就可以了！

就比如咱这段话：早起的鸟儿有虫吃！（华康娃娃体W5）

在论坛就可以直接显示哟！不过要注意有的字体可能浏览器不支持所以要测试一下能不能顺利使用哟！

所以今后想要把文字做得好看一些，那在word操作就可以了哟！

（当然如果用代码来完成也可以不过确实比较麻烦，实用性不高，远远不如word来得效率，所以这里就不教大家怎么操作啦）

至此，所有的教学内容就结束啦，感谢李愿意看到最后，相信大家今后的主题贴也会变得越来越好看的说！

要点整理：（包含拓展部分）

显示隐藏内容

1️⃣创建表格并输入完文字内容后注意选取适合长宽或不完全显示也无伤大雅的背景图（使用平铺图片则无需调整）

2️⃣插入背景图的步骤：对表格右键审查元素→找到<table border="1"....>→在style="height: 300px; width: 300px; 之后粘贴这段代码background-image:url(图片外链地址)→显示出背景图即成功

3️⃣隐藏召唤的制作：@+空格+名字→右键召唤名片的审查元素→找到contenteditable="false"将false改成true→把代码 background-color: #fff（放在剧透里则素background-color: #f8f8f8）复制粘贴到右侧小窗口的element.style｛中→召唤名片消失（隐藏）

4️⃣多字体的操作：直接在word上改变字体并粘贴到论坛中，要注意字体是否可用。

召唤阵：

显示隐藏内容

@星霜の言葉 @mylifeyouwill @格林的黑羊 @jhvnhjv @堕落之瞳 @失禁少女 @时间旅行者 @竹水微澜 @磨米叽 @軍事肥宅 @草泥馬 @希纳酱 @凌若 @秋野鈴 @圣白莲 @真笑春风 @奏章 @adebus @友人A陈煜 @呜喵呜喵

@绊城烟沙〞绊城雨 @水克火 @Dark ♂ 芬奇 @eg13 @fdffd @s1e2c3df556678 @Shepherd爱 @Sola君丶 @wanyun没错，这里什么都没有哟！@崩爹的ta

@yinshi@shenle @zzc1565545 @啥梦？ @夜夜赤兔 @小新QAQ @白烛 @尸体 @世界atlast @辉BOY @鎏白丶 @街饮 @霄月 @secass @linjinhai @伊弗列姆 @無路 @白蓝王 @信奈的野望 @坂田诚三 @随便起个能注册

@赤紅の涙 @辉夜の桐 @予鲤倾碧塘 @天之泪 @JeroMN@Dzero @c24009
🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙

🌙