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

[Dorothy]

1 小时前, 大冬 说道:

很详细学习下

嗯，学一学也不错的说，毕竟用来做表格想插背景图问题就可以很好解决了呐！

[Dorothy]

1 小时前, 素羽流云 说道:

你们这么搞，周年庆的排版真的压力山大www

当然官方帖子不能排太花...还要考虑手机适配的问题w

可能无法做出这种华丽的感觉了w

欢迎大大捧场呐！

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

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

[emiya11]

7 分钟前, Dorothy 说道:

欢迎小伙伴来捧场呐！

咱不素什么技术大佬啦，只素稍微跟大家分享一下自己的发现才会特意开个教程贴的啦！这些其实都素比较基础的代码做表格的方法呐！

计算机考试什么的其实也不难来着，静下心来学就考过了的说！

希望有生之年学会吧（大概木力）

[Dorothy]

1 小时前, 喵了个喵，咪 说道:

喵呜

所以说备份大法好喵

比如说码到一半就发布然后再慢慢修改什么的，多窗口什么的

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

所以最好能备份到word上，

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

[Dorothy]

1 小时前, creepper 说道:

嘛。。不多说了，这话题怎么说都想在抱怨～～

魔女加油～～～拿出更好看的代码出来～～

其实没事的啦，咱觉得只要努力调整过来就好咯！

嗯，谢谢creepper大大的鼓励，咱会加油哒！

[Dorothy]

9 分钟前, secass 说道:

并不能

_(:_」∠)_因为窝是白痴

所以能写攻略的坦克大大怎么可能会被这种小小问题难倒呐！不存在的说！

只能缩太谦虚啦！

[Dorothy]

10 分钟前, jhvnhjv 说道:

可是你发之前显示在发论坛私信诶

那素咱在看邮件的对话，其实并没有通知任何人呐！

[Dorothy]

4 分钟前, emiya11 说道:

希望有生之年学会吧（大概木力）

嗯！相信自己这些都不素什么难事！

[Kris Dreemurr]

2 分钟前, Dorothy 说道:

那素咱在看邮件的对话，其实并没有通知任何人呐！

原来是这样啊，那我是真的走了后门了hhh

[secass]

7 分钟前, Dorothy 说道:

所以能写攻略的坦克大大怎么可能会被这种小小问题难倒呐！不存在的说！

只能缩太谦虚啦！

我写了什么攻略鸭(´･ω･`)

[creepper]

6 分钟前, Dorothy 说道:

其实没事的啦，咱觉得只要努力调整过来就好咯！

嗯，谢谢creepper大大的鼓励，咱会加油哒！

只能期待想魔女这种有动力的人了呢～～～加油吧～～

我放下写码都已有近10年了～～真不想再碰它了～～～

[Dorothy]

6 分钟前, jhvnhjv 说道:

原来是这样啊，那我是真的走了后门了hhh

唔，这个怎么缩呐，如果素其他人找咱其实也会考虑的啦！

[Dorothy]

3 分钟前, secass 说道:

我写了什么攻略鸭(´･ω･`)

咱记得早期坦克大大加入论坛的时候素属于会写攻略那一类人的呀！

[Dorothy]

2 分钟前, creepper 说道:

只能期待想魔女这种有动力的人了呢～～～加油吧～～

我放下写码都已有近10年了～～真不想再碰它了～～～

唔，酱紫的嘛，看来写代码真的很压榨人的积极性嘛...

咱的话其实也素学来玩玩而已，那种特别难又不实用的就和咱无缘了呐！

[creepper]

4 分钟前, Dorothy 说道:

唔，酱紫的嘛，看来写代码真的很压榨人的积极性嘛...

咱的话其实也素学来玩玩而已，那种特别难又不实用的就和咱无缘了呐！

压榨不压榨的看个人啦～～

当作玩能保持住这个心态是最重要的~~

我当时是把它当成任务那么去做的。。。。。

[linjinhai]

2 小时前, Dorothy 说道:

嗯，对呀，所以这个贴如果发在其他的版区感觉又不太合适了呐！

嗯，感觉胡子叔将来也可以发表格加背景图和文章搭配的说！

(～￣▽￣)～ 这个，应该不会。

1，我不会找图，我这个头像就是我偷懒的结果

2.老古董了，不会这些修饰的技能

3.我好久不发帖了

4.其实你可以考虑发事务所，事务所是有教程的一个选项的

[AkiraSendoh]

46 分钟前, Dorothy 说道:

欢迎Akira大大捧场呐！

对哈，素一点都没有呐！

大大他们其实素会用背景图的插入方法啦！后面那些素咱自己摸索来着的！虽然好像也不多来着..

我是咸鱼，不是大大

真羡慕魔女你这种勇于探索的同学！我就不行了，只能做一条咸鱼了

三月 21, 2019，由AkiraSendoh修改

[Shepherd爱]

44 分钟前, Dorothy 说道:

唔，那就没办法啦！平时注意休息啦，别忙坏自己啦！

最省时当然就直接现拿现用咯，不过很可惜在论坛里直接粘的那种方法经常会出现排版问题来着...

所以……其实最省时间的方法就是不做表格（滑稽，摸鱼开心）

[Kris Dreemurr]

16 分钟前, Dorothy 说道:

唔，这个怎么缩呐，如果素其他人找咱其实也会考虑的啦！

大家一起走后门hhh

其实最主要就是怕卡了cd被抢先了，其他的应该还好吧

[白烛]

15 小时前, 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	🌙 🌙 🌙 🌙 🌙 🌙 🌙 🌙 🌙 🌙 🌙 🌙 🌙 🌙 🌙 🌙 🌙 🌙 🌙 🌙 🌙 🌙 🌙 🌙 🌙 🌙 🌙 🌙 🌙 🌙 🌙 🌙 🌙 🌙 🌙 🌙

被召唤的一脸懵逼，哈哈哈哈哈哈哈哈哈

[真笑春风]

2 小时前, 喵了个喵，咪 说道:

喵呜（找不到表情包所以面无表情的喵←）

喵，你指的是这个吗？

[河城乃藥]

11 小时前, Dorothy 说道:

欢迎河童大大捧场呐！

最近工作辛苦啦！米大大应该也很乐意给河童大大食用才对！

沒事啦~ 已經遞辭呈了，現在正在交接期

已經規劃好了辭職完要去學開車

[eg13]

12 小时前, Dorothy 说道:

欢迎小伙伴捧场呐！

这么一说咱还挺不好意思的呐！咱没那么厉害的啦！

话说平时也经常在广场玩嘛？变身假面骑士什么哒？

工作太累了喔，而且回不了家，都没什么趣事可以在广场和大家分享惹平时只能在新手村刷刷存在感等这次出差结束了就能做一个无处不在的假面来打了！

[secass]

3 小时前, Dorothy 说道:

咱记得早期坦克大大加入论坛的时候素属于会写攻略那一类人的呀！

我怎么不记得_(:_」∠)_

[Dorothy]

3 小时前, creepper 说道:

压榨不压榨的看个人啦～～

当作玩能保持住这个心态是最重要的~~

我当时是把它当成任务那么去做的。。。。。

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

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