常见问题 FAQ

 

常见问题目录

1. 为什么样式设置无效(或使用格式刷无效)?
2. 为什么我自行定制的邮件内容出现错位呢(内容应该添加到哪里)?
3. 为什么收到了错误提示,并且标注了红框?
4. 为何我添加到本站的图片不显示了?
5. 如何保存自己的邮件编辑进度或保存为自己的专属模板?
6. 如何使用代码来发送图文并茂的邮件?
7. 如何添加新图片
8. 插入图片有数量和时间限制吗?
9. 如何进入到全屏模式进行操作?
10. 忘记密码怎么办?
11. 有格式刷功能吗?
12. 为何模板闪了一下就没有了?
13. 怎么知道我要设置的元素位置或准确指定某一元素呢?

 

 

可能遇到的问题目录


1. 你们只是在卖模板吗?
2. 我可以先体验一下再考虑购买吗?
3. 有没有快速的帮助说明呢?
4. 如何购买服务 How to buy
5. 为什么我自行定制的邮件内容出现错位呢?
6.为什么收到了错误提示,并且标注了红框?
7. 关于空格使用的问题
7.1 我可以使用空格来增加段落与单元格边框之间的空白吗?
7.2 我可以使用增加很多空格来换行(推动字符移动从进而造成换行)或布局吗?
8. 关于回车换行的说明
8.1 我可以使用很多回车换行来增加段落间的空白吗?
8.2 我是使用普通回车(Enter)还是使用Shift+Enter呢?
9. 关于链接的说明
9.1 给文字添加链接和给图片添加链接到底有什么区别?
9.2 我可以自行插入超链接吗?
9.3 如何添加新链接 ?
10. 为什么我的区块和区块之间有白线(空白)?
11. 为什么我的区块背景颜色不显示?
12. 如何保存自己的邮件编辑进度或保存为自己的专属模板?
13. 如何预览自己所定制的邮件 How to preview the email or newsletter you customized?
14. 如何修改行间距
15. 如何取消单元格的边框
16. 如何使用代码来发送图文并茂的邮件?
17. 如何在离线名片上添加具有自己特色的图片
18. 为什么扫码我的在线电子名片的地址二维码时,页面并没有更新呢?有时还提示“页面未找到”呢?
19. 如何才能更快地更熟练地使用此产品 How to  design E-mail code faster
20. 如何切换语言 How to switch languages
21. 定制电子邮件需要准备资料吗?
22. 您们提供即时服务吗?
23. 模板类型Email(邮件)、Newsletter(简讯)、Html(网页)、My(个人专属)各自的使用环境是什么?
24. 模板或元素的名称表达什么意思呢?从中可以看出哪些信息
25. IE浏览器怎么无法选中(点击)手柄呀?
26. 插入元素有限制吗?
27. 插入的元素与模板有对应要求吗?
28. 我可以自行插入内容行吗?
29. 我可以自行更改文字大小吗?
30. 如何添加新图片
31. 为什么我的图片不能正常显示?
32、为何我添加到本站的图片不显示了。
33. 插入图片有限制吗?
34. 图片保存服务可以一次购买多个月份的服务吗?(暂停服务)
35. 如何获取网页上图片的真实图片地址?
36. 为什么我使用“直接应用 Applying directly”按钮来更换颜色时,经常是第一次修改颜色有效,第二次就无响应了呢?
37. 邮件中的文字设置成较大的字体,会被邮件服务商识别为垃圾邮箱吗?
38. 一般情况下,电子邮件的宽度多少最合适?
39. 有格式刷功能吗?
40. 如何获取颜色值?
41. 如何进入到全屏模式进行操作?
42. 如何关闭提示功能?
43. 忘记密码怎么办?
44. 为什么样式设置无效(或使用格式刷无效)?
45. 怎么知道我要设置的元素位置或准确指定某一元素呢?
46. 为何模板闪了一下就没有了?

 

1. 你们只是在卖模板吗?

答:准确意义上讲,我们不是在卖模板,而是提供一种最简易的邮件制作方法和制作工具,让客户不需要任何编程知识就能制作图文并茂的专业邮件。

在此基础上,提供了文章保存功能和分享到朋友圈功能,即为您拓展了商品宣传渠道:您可以十分方便地将制作好的邮件分享到微信朋友圈,让您无须公众号就能在微信中分享文章,让产品广告效果发挥到极致。

还有,产品还附送了在线电子名片、图片和模板的定期保存等等功能,让您的制作更加方便。

制作邮件的过程一般是,先选择一个与您需求(即您的构图)类似的模板,在此基础上进行在线编辑和修改,可以任意添加或修改文字、图片、链接,可以复制和移动区块,还可以任意修改文本或背景颜色,通过本产品能让您的创意发挥到极致,最终制作出一个与模板完全不一样的时尚专业的图文邮件,助力产品推广,提高效益。

 

2. 我可以先体验一下再考虑购买吗?

答:可以的。

您可以在“如何”或“购买服务”页面上点击“先练练手”链接,直接进入体验页面,在那里您可以先体验一下。

另外,在拒绝页面也有体验链接,您可以从那里进入并体验。

或者,请直接点击这里体验。Click here for free trial。注意,需要在本站注册用户并登录才可体验。

很多客户对我们的邮件制作方法十分的感兴趣,但从未使用过本产品,没有任何的概念和感觉,无法确定是否下订单,从而错过了使用这个好产品的机会。

为了感谢大家对本站的支持,我们提供了免费体验免费使用的机会,感兴趣的用户可以试一下。

体验页面的功能同正式产品基本相同,等您熟悉了相关操作后再购买产品也不迟。

温馨提示:体验页面只有10分钟的时间,到时会关闭页面。不过,您可以再次重新打开此页面,重新练习。也就是说您可以多次重复打开体验页面进行体验(没有次数限制)。

 

3. 有没有快速的帮助说明呢?

答:有的。在编辑页面的“说明”标签下有最常用的操作说明。

如果您感觉到这些操作说明还不够详细,可以查看快速图文教程视频教程或帮助列表中的相关文章。

 

4. 如何购买服务 How to buy

答:点击上部菜单中的“购买服务 PURCHASE”链接,就会打开产品服务及价格页面,请选择一个支付方式,再点击付款页面上的“购买”按钮,然后扫码支付即可(或按照相应的说明进行付款)。

 

5. 为什么我自行定制的邮件内容出现错位呢?

答:错位的原因是您将内容输入到了不合适的位置。

比如,有的客户将内容插入到错误的位置(最外侧的定位表格)中,而不是规定的单元格区域(即蓝色虚线框内的绿色单元格)中,虽然在编辑时显示正常,但在客户收到邮件时就会出现问题,因为客户的查看邮件的设备各种各样,有手机、平板、不种操作系统的计算机等等,设备屏幕宽度相差悬殊,兼容性也千差万别,设计邮件时稍微不注意就会造成兼容性或错位问题,更有甚者会造成乱码或错乱,导致邮件无法观看。

为什么要规定内容位置呢?

大家都知道,计算机、手机和IPAD的屏幕宽度是不一样的,为了让邮件在所有的屏幕上显示都一样,即邮件能自动自适应屏幕宽度,业界的做法是使用两个表格进行嵌套定位,最外侧表格用于自适应宽度和定位(不能输入任何邮件内容),内侧表格用来放置邮件内容,这样就能达到自适应效果,而且大大避免了乱码问题。

如何将内容放到正确的位置呢?

请将内容添加到区块中的蓝色虚线框内的某个绿色单元格中,而不是在绿色单元格的其他地方添加内容。

也许您已经发现了,每一个区块都是有多个表格进行嵌套而成的,一般情况下,外侧的表格(灰色实线框)是定位用的(不能输入内容),而只有最内侧的表格(蓝色虚线框)中的绿色单元格中才可以输入内容。如果您将内容输入到了绿色单元格外的其他地方,就会出现错位或乱码,造成邮件无法观看或使用。

再次强调:请在蓝色虚线框内的绿色单元格中添加内容!

温馨提示:在编辑时,系统会错误提示并标注红框。如果感觉频繁这个提示太烦人,你可以关闭它。方法是多次点击左侧栏的“提示”按钮,会依次关闭相应级别的提示。

 

6、为什么收到了错误提示,并且标注了红框?

答:在编辑时,如果文字或图片的位置不合规时,就会收到此提示,并且系统自动会在不合理的内容上标注红框(稍后会自动消失),以提醒编辑人员。

这是一个有益的提醒,可以最大限度地帮助您在编辑邮件时避免所添加的内容位置不合规,从而有效避免邮件错位(甚至无法观看)的情况发生。

那么,不合规的情况是如何产生的呢

正常情况下,每个区块是由至少两个表格嵌套而成的,其最外层的表格负责自适应性和兼容性,而第二层的表格负责添加内容,这两个框架表格是不能缺省的,更不能删除。当然,如果因为布局需要,还可以在第二层表格内添加或嵌套更多表格(我们可以称之为内容布局表格,内容布局表格是可以删除的)。

在编辑时,如果未使用区块或将区块的两个外层框架表格删除了,此时所添加的内容就会被放到错误的位置,将来所生成的邮件就会出现错位(甚至乱码),所以,为了避免这种情况的发生,系统会自动检查您的区块是否合规,如果“不合规”就会在页面上提示,并标注上红框。

温馨提示

区块的两个外层框架表格是不能删除的,区块是业界最流行、通用和必须的做法,它的作用有三个:一是能保证邮件的兼容性,不会错位,保证邮件可读性;二是保证邮件的自适应性,即可以在手机、PC或平板上都能自适应,看起来更加美观;三是邮件一致性,让邮件在任何平台上都能看到布局一样的邮件。

那么,哪里才是添加内容的正确位置呢

请在区块的蓝色虚线框(第二层表格)内的绿色单元格中添加内容!不要在绿色单元格外的任何地方输入内容!

解决或删除方法

那么怎么删除这些出现错误提示的内容或区域呢?有时删除内容后,照样还会有提示,好像删除不掉一样。

这要根据内容的不同情况来使用不同的方法来解决,可采取以下方法尝试之:

1)如果是空白区块(鼠标移动到内容上时在区块左下方出现区块按钮),直接点击此区块的删除按钮(X),即可删除它。

2)如果是空白元素(无表格且无内容),就在此红框内点击一下鼠标(选中此空白元素),然后使用键盘上的回退键或删除键来删除它。

3)如果是空白元素(有不可见表格且无内容),先点击右键,出现右键菜单,再在右键菜单上点击“删除表格”按钮,删除表格;删除全部表格后,再使用键盘上的回退键或删除键来删除空白元素。

4)如果有内容(有表格且有内容),先将内容备份到记录本中(或复制到新建区块中),然后再按方法3进行操作,即依次: 删除全部表格(内容) >> 删除空白元素。

那么,我应该如何避免这种错位情况的发生呢

1)首先,必须使用区块,而不是直接添加内容。这一点必须牢记。

你在添加内容时,必须先复制或新建一个区块(点击区块左下方的+号按钮即可复制或新建),再在区块内的合理位置添加内容,而不是在区块外直接添加内容。

2)其次,不要删除区块的最外两层的框架表格,这个要切记。

新用户可能不知道这个规则,所以常常是先复制一个区块,然后删除原有内容(包括两层外框架表格),再添加内容,因为我们在WORD中就是这么干的(习惯了),但WORD文档一般只使用WORD这个软件打开它,一般不会用其他软件打开,所以兼容性问题不严重(假如使用WPS打开也可能是乱码)。

但是邮件和WORD不一样,邮件需要兼容不同服务商的邮箱和不同的平台(手机、PC、平板),为避免内容错乱,需要特别注意兼容性问题。

温馨提示:常规做法是使用区块下方的“新建”区块来新建一个空白区块,再在区块中添加自己的内容,而不能使用复制区块后再删除定位(框架)表格后再添加内容。

3)区块应该保持同样的宽度

同样的区块宽度能避免上下内容宽度不一致(层次不齐),从而让整个邮件更加美观。当然,这个与错误提示无关,只是想到了错位问题,顺便提醒一下。

关于区块构成的更多解释

一般情况下,区块是至少应该有两个外层框架表格构成。最外面的第一层表格宽度为100%,主要用作自适应并自动居中;内侧的第二层表格设置固定宽度,让邮件在不同平台上均有相同的外观。当然在第二层表格中还可以根据自己的需要再次添加或嵌套更多的表格,此时需要注意的是应该根据总宽度和列数来计算表格或单元格的宽度,以避免撑大或破坏整个邮件的布局。

最后,再啰嗦一句,从上面的叙述中可以看出区块存在的必要性了,所以不能直接在区块外添加内容,而应该是在区块内容区的正确位置添加内容。

 

 

7. 关于空格使用的问题

7.1 我可以使用空格来居中文字吗?

答:不建议。

应该使用“样式”中的“居中”功能来设置文字的居中,这样才能更好地兼容计算机、手机或Ipad等等设备。

如果使用添加多个空格来居中文字,在计算机上看起来好像达到了居中效果,但在手机上显示时就乱套了,因为手机屏幕宽度小,而多个空格又占用位置,所以就无法达到居中的效果了。

7.2 我可以使用空格来增加段落与单元格边框之间的空白吗?

答:可以使用空格来增加段落与单元格边框之间的空白,但不建议那么做,原因有二:一是有更好的方法,即使用样式中的间距;二是假如几个段落的字体不一样的话,是无法准确来对齐的。

建议使用“样式”中的间距来设置单元格的空白,这样更简单且更整齐。

请参阅样式的使用(即样式面板中的间距),点击这里查看

布局  

样式使用方法:点击右侧栏的“样式面板”,打开样式面板;选中要操作的单元格(点击一下单元格就可以了),再在“布局”中的“间距”的输入框中输入数字9(空白大小,单位PX),最后点击“间距”标签,即可给单元格元素应用9px的空白。

7.3 我可以使用增加很多空格来换行(推动字符移动从进而造成换行)或布局吗?

答:不能。

虽然表面上看起来是可以的,但这样做的结果是造成兼容性十分的差,比如在计算机上看起来布局整齐,但在手机上却彻底乱了套(错位了),这是因为文字会根据屏幕大小自动排版换行,所以你原来在计算机上的用添加空格来导致的自动换行在手机上就失效的,最终在手机上的显示效果是混乱的,让人感觉不专业。

正确的做法是:使用新的单元格行或使用回车换行,这样能保证在计算机上、手机或Ipad等等设备上均能在正确位置正确显示,达到更好的兼容性。

 

8. 关于回车换行的说明

8.1 我可以使用很多回车换行来增加段落间的空白吗?

答:可以,但不建议这么做,因为有更好的方法,即使用新的单元格行。

具体操作方法:在当前单元格上按右键,在右键菜单上选择“行”>> “在下方插入行”,然后再在新行上设置单元格的高度即可(右键 >> 单元格属性 >> 高度),这样可以随意或精确控制新空白单元格行的高度,可以单独控制,且有利于布局美观。

8.2 我是使用普通回车(Enter)还是使用Shift+Enter呢?

答:一般情况下使用普通回车(Enter)即可,如果想在段落的前后增加P标签(HTML标记),则可以使用Shift+Enter来换行。

普通回车键(Enter)换行时的行间距较小 ,而使用Shift+Enter来换行的行间距较大(注:会添加P标签,所以使用样式时可能需要选择“父级”)。

具体参见下面的样例:

下面的3行是使用上档键+回车键(Shift+Enter)来换行的效果:

这是使用上档键+回车键(Shift+Enter)来换行的第1行

这是使用上档键+回车键(Shift+Enter)来换行的第2行

这是使用上档键+回车键(Shift+Enter)来换行的第3行

而下面的3行是使用常规回车键(Enter)来换行的效果:

这是使用回车键(Enter)来换行的第1行
这是使用回车键(Enter)来换行的第2行
这是使用回车键(Enter)来换行的第3行

 

9. 关于链接的说明

9.1 给文字添加链接和给图片添加链接到底有什么区别?

答:你可以给文字添加链接,也可以给图片添加链接,虽然操作类似,但又有较大的区别。

给文字添加链接时,只使用1个网络地址,即需要跳转到你网站的那个地址(URL)。

而给图片添加链接,则要使用2个网络地址,一个是图片自己的网络地址(图片保存到哪里的绝对地址URL),另外一个才是需要跳转到你网站的那个地址URL(即链接标签下的那个URL地址)。

9.2 我可以自行插入超链接吗?

答:可以 ,方法见下。

9.3 如何添加新链接 ?

答:具体方法如下:

请先选中需要创建链接的文本或图片,然后点击上面工具栏中的链接图标,会打开一个窗口,在超链接的类型的下拉框中选择“地址”,然后在“URL”输入框中输入自己的链接URL的地址,然后点击确定按钮。建议同时在窗口的“目标”标签选择“新窗口”。

更详细的方法请参阅修改链接或创建链接

温馨提示1:邮箱的超链接添加方法类同,唯一的不同是在属性的“超链接类型”输入框中选择“电子邮件”而不是“地址”。

比如,如果您添加了邮箱的超链接 kenweinicom@163.com ,当您点击这个邮箱链接时,会自动打开电子邮件客户端,甚至还会自动输入某些内容。

温馨提示2:链接地址应该使用绝对地址,即应该包含主域名和目录地址,比如:http://www.kenweini.com/qr,如果写成了www.kenweini.com/qr,则会出错,提示找不到文件。

 

10. 为什么我的区块和区块之间有白线(空白)?

答:可能是错误操作造成的。

一是删除区块不当或删除不完全造成的。

比如有人这样删除区块:使用右键菜单法删除了区块中的表格(或者使用回退键法删除了区块中的表格),依次操作,等到所有表格和内容全部删除后就认为删除了整个区块。

实际上,上面的操作并没有把整个区块删除干净,还会有残留的区块元素(删除不完全),这些元素会占用空间,或者在兼容性强的计算机上可能看不出来,但无法保证其他平台上会显示有空白,从而造成兼容性问题。

温馨提示:正常的删除区块的方法是使用区块上的删除按钮来删除区块(简单快速),而不是使用退格键或右键菜单删除法。

二是空白处可能添加了空格,删除即可。

三是所设置的区块背景颜色和内容区背景颜色差异造成的。

解决(删除空白)方法:

方法一:使用键盘上的退格键或删除键来彻底删除留下的空白(空格)。

方法二:用右键法先删除区块的残余表格后,再使用方法一删除空白(因为区块已经不完全,无法显示区块删除按钮,这是没有办法的办法)

方法三:如果区块基本元素还在,可以用鼠标点击一下空白,随便输入几个字母,此时鼠标再移动到此区块,就会出现正常按钮,点击区块删除按钮即可。

 

11. 为什么我的区块背景颜色不显示?

答:估计是你的区块上有背景图片,因为背景图片的优先级高,背景图片会遮挡住背景颜色。换一句话说,就是不是不起效,而是因为遮挡而看不到。

解决方法:

删除背景图片即可,具体操作如下。

首先,选中区块,然后在左侧栏“更多功能”中点击“ 背景图片 Background image ”,然后在新出现的背景图片操作区块中点击“ 删除 Delete ”按钮即可。

 

12. 如何保存自己的邮件编辑进度或保存为自己的专属模板?

答:您可以自行保存邮件编辑进度,以备下次接续使用(保存以后就有了自己的专有模板),也就是说,如果编辑途中想中断编辑操作,请一定要记得临时保存编辑进度,否则所有的辛勤劳动均会丢失,因为系统不会自动保存你的进度。

一、 临时保存的方法

请点击编辑页面右侧栏的右上角的“临时保存 Temporarily Save”的按钮,来保存进度。

温馨提示:在这里有一个技巧,那就是可以自行命名自己的模板的标题(默认标题为:用户名+日期)。具体操作为:先不要点击“临时保存 Temporarily Save”按钮,而是先点击右侧栏的那个“标题 Title”按钮,会在页面的中上部出现标题,修改标题为自己想使用的标题名字后,再点击“临时保存 Temporarily Save”按钮,即可将模板或进度保存为具有指定标题名称的模板了。

二、 使用进度或使用个人专属模板的方法

请点击页面最上面的“我的模板”,会来打开已保存的进度(模板)列表。在列表中选择某一个进度(模板),然后点击“定制 Customize”来加载进度(模板),继续进行邮件的编辑。

温馨提示:1)自保存的个人专属模板(或邮件代码编辑进度)只会保存到规定时间(详情参阅这里),过期后此模板及所包含的图片均会被系统自动删除(如果想长期使用,请在我的模板列表中购买延长保存服务)。2)购买了图片保存服务的模板会保存到延长后规定期限(过期后也会自动删除)。

 

13. 如何预览自己所定制的邮件 How to preview the email or newsletter you customized?

答:在编辑页面上点击工具栏上的“全屏”按钮(有4个箭头的那个),即可预览效果。再次点击,会返回编辑页面。

 

14. 如何修改行间距

答:有以下方法可以使用:

方法一: 使用样式面板法

请参阅样式的使用(即样式面板中的行高),点击这里查看

方法二:设置属性法

第一步,请选中段落的部分文字;第二步,选中左侧栏“行间距”下的“Line”;第三步,点击 + 号来增大或 - 号来减小行间距(您还可以在文本框中手动输入数字)。更多详情请参阅帮助中的“快速教程 Quick Tour”中的功能8。

方法三:单元格高度法

右键>>单元格属性>>高度。通过设置单元格高度值来间接地修改行与行之间的间距

方法四:添加新行

右键>>行>>在下方插入行,然后设置单元格的高度即可。

您可以使用添加新行的方法来间接地修改行与行之间甚至是区块与区块之间的间距

方法五:回车键的不同

Shift+Enter键:使用上档键+回车键(Shift+Enter)来换行,行间距较大(实际上是添加了P标签)。

Enter键:直接使用回车键(Enter)来换行,行间距较小。

 

15. 如何取消单元格的边框

答: 有两个方法:

方法一:样式面板法

请参阅样式的使用(即样式面板中的边框),点击这里查看。这个方法功能更强大。

方法二:右键法

请先定位那个单元格(鼠标左键单击即可) >> 右键 >> 单元格 >> 单元格属性 >> 边框颜色。

在边框颜色中选择和背景颜色一样的颜色即可(因为两个颜色一样,就看不出边框的颜色了,但实际上还是设置了颜色的)。

 

16. 如何使用代码来发送图文并茂的邮件?

答:您有很多方法可以发送所定制的邮件:一是使用网页版本的邮箱进行发送,比如163邮箱;二是使用邮件客户端进行发送,比如Foxmail;三是使用群发软件进行发送,比如客维通。具体请请根据自己的喜好进行选择适合自己的邮件发送方法。

发送操作与常规的邮件发送没有多大的区别,唯一不同就是内容输入框需要使用代码输入方式。我们以QQ邮箱为例说明如下:

send email

另外,有人让我推荐一个群发软件,那我就推荐客维通之邮件版吧。推荐原因是可免费使用和完全能完成图文发送任务。另外客维通之网页版功能更多,不但为广大用户提供了电子邮件的强大发送功能,它会让您的计算机变成一个邮件发送平台,您不但可以发送(群发)邮件,而且还可以进行客户维护发送、定时发送或编程发送等等,多种方式的配合会让客户维护变得更简单、更省心和更高效。

 

17. 如何在离线名片上添加具有自己特色的图片

答: 首先选中左侧栏的主背景色选项(或直接选中编辑区的某区块),然后点击更多功能中的“背景图片”按钮,在新出现的输入框中粘贴(Ctrl+V)背景图片的网络地址,点击“插入”按钮即可。

 

18. 为什么扫码我的在线电子名片的地址二维码时,页面并没有更新呢?有时还提示“页面未找到”呢?

答:这是因为系统的缓存造成的。

一、解决方法:

如果您用微信扫码名片后,发现内容并没有更新,您可以尝试点击微信的刷新按钮来解决,也可以静待24小时等待缓存自动清除。产生原因可能是您原来扫码过此页面,从而产生了缓存。

二、页面没有找到的解决方法:

方法同上,不再赘述。

产生原因:假如您在还没有创建自己的“在线电子名片”前,就点击了自己账户下的“电子名片”链接,此时系统会提示“页面未找到”,同时系统会缓存这个信息。即使当您后来又创建了自己的“在线电子名片”,但对于匿名用户来说,系统还记得“页面未找到”这个信息,所以还会照样会显示“页面未找到”这个提示。

 

19. 如何才能更快地更熟练地使用此产品 How to  design E-mail code faster

答:为了能让大家清晰地知道设计步骤,更快更熟练地使用此产品,我们特地在菜单栏的最左侧添加了“如何 HOW”菜单,点击后会打开一个新页面,它详细地说明了自设计邮件的步骤,而且有视频教程可供大家学习和观看。建议大家在设计前先观看一遍视频教程,看完后就能熟练操作和设计了。

Click “如何 HOW”from the top menu bar, you will see a video tutorial, that is for you!

 

20. 如何切换语言 How to switch languages

答:系统会根据您的账户的语言类型或浏览器的语言类型来使用不同的语言。

账户的语言类型设置:请使用您的账户和密码登录,然后点击右上角的“账户 Account”,点击“编辑”标签,在语言设置区选中语言类型即可。

Language detection: Follow the user's language preference or Determine the language from the browser's language settings.

User's language preference configration: Log in and click the Account link in the top menu. Click the Edit tag to edit your account. Select language  type in language settings area.

 

21. 定制电子邮件需要准备资料吗?

答:我们建议预先把邮件内容提前准备好,以便能快速定制。 再具体一点,就是说要将邮件所使用的文字、提示、跳转链接URL、图片地址URL等数据提前保存在一个文本文件中,把邮件所需要的图片也预先上传到您的网站上(必须能公共访问图片),在定制邮件时,直接复制准备好的内容,并将其粘贴到编辑区中,这样就能快速地定制出自己的邮件。

 

22. 您们提供即时服务吗?

答:限于人力、物力、成本和距离等等原因,我们可能无法提供即时的客户支持服务。如果您遇到问题需要咨询,可以给我们发送邮件或提交服务单或联系客服QQ,我们会尽快为您提供服务。请点击菜单中的“关于我们 ABOUT”来查看联系方式。

另外,技术支持一般以QQ方式进行,因为这种图文方式可一目了然,能尽快解决您的问题。

 

23. 模板类型Email(邮件)、Newsletter(简讯)、Html(网页)、My(个人专属)各自的使用环境是什么?

答:Email(邮件)、Newsletter(简讯)都是使用在电子邮件环境中,两种并没有本质的区别,如果非要说区别,也只能说前者看起来更象Email,而后者更象Newsletter。

Html(网页)只能使用在网页环境中,不能使用在电子邮件环境中,否则可能会出现错位等等问题。

My(个人专属)就是自己的模板(或临时邮件代码编辑进度),只能自己使用,别人无法使用也不可见。

 

24. 模板或元素的名称表达什么意思呢?从中可以看出哪些信息?

答:从模板或元素的名称可以看出很多信息,比如:邮件类型属于哪一 种(Email、Newsletter还是Html),整个邮件是固定宽度的还是响应型的(数字前标有F标志的为固定型,在数字前标有R标志的为响应 型),邮件内容宽度是多少(标题中的数字就是宽度,比如600就表示宽度为600px)等等。

模板或元素的命名规则:模板名  + 邮件类型(Email、Newsletter还是Html) + 宽度类型(F或R)+ 邮件内容宽度(比如600)。

比如:清新现代式模板 Email R600表达的意思为:模板名为清新现代式模板,邮件类型为Email,整个邮件是响应型的(宽度自适应),并且邮件内容宽度为600。

比如:信函通知样式 Email F700表达的意思为:模板名为信函通知样式,邮件类型为Email,整个邮件是固定宽度的,并且整个邮件及内容宽度为700。

 

25. IE浏览器怎么无法选中(点击)手柄呀?

答:如果无法单击选中手柄,可以双击手柄试一下(如果打开了其他窗口,请关闭之)。

温馨提示:建议在设计邮件时使用标准浏览器,比如火狐浏览器(Firefox),或者谷歌浏览器(Google Chrome)。有时IE浏览器的兼容性稍差。

 

26. 插入元素有限制吗?

答:没有限制,您可以根据自己的需要插入任意多的元素。

但需要注意的是,插入的元素的宽度必须与模板的宽度一致,否则定制出来的成品可能会出现错位等问题。

 

27. 插入的元素与模板有对应要求吗?

答:有对应要求。

首先,注意插入位置。一般情况下,应该将新添加的元素插入到某个选定区块的下方,而不是插入到邮件内容的光标处(假如插入到光标所在处的某些文字中间,可能会破坏邮件的整个结构,甚至会错位,造成邮件不能使用)。当然“自适应空白行 Email R0-100%”除外,它可以插入到任何地方。

其次,注意元素与模板的宽度一致。元素与模板名称的最后部分是宽度数值,比如某个区块元素的名称为“特点强调 Email R600”,则其中的600就是区块的宽度,它只能插入到宽度为600的模板中,而不能插入到其他宽度的模板中(否则可能会引起错位,造成邮件不能使用)。

第三,注意元素与模板的类型一致。元素与模板名称的宽度数值前面的字母是类型标识,比如某个区块元素的名称为“特点强调 Email R600”,则其中的R就是区块的类型(表示响应型或自适应型),它只能插入到类型为R的模板中,而不能插入到其他类型的模板中(假如插入到类型为F的模板中,也可能会引起错位,造成邮件不能使用)。

 

28. 我可以自行插入内容行吗?

答:可以,一般情况下有两种插入方法。

方法一:插入元素法(插入区块)。

具体操作方法为:首先在编辑区选中某个手柄,然后在元素列表区中点击某个元素的缩略图,就会将此元素插入到选中区块下方。

方法二:属性法(插入空白行)。

具体操作方法为:首先在编辑区用鼠标定位表格和光标位置,右键单击出现右键菜单;然后就可以插入行或列了。

插入行:左键单击右键菜单上的行中的在上(下)方插入行,即可插入新行。插入新行后就可以在其中输入文字内容或插入新图片了。

删除行:左键单击右键菜单上的行中的删除行,即可删除所在行。

温馨提示:您还可以按同样的方法删除列。

 

29. 我可以自行更改文字大小吗?

答:可以,具体方法为:

方法一:使用样式:

选中文字所在单元格(点击一下即可),在样式面板中的“字号”输入框中输入数字,再点击“字号”标签即可应用。

温馨提示:样式面板打开方法:在左侧栏中的常用中点击“样式”即可打开。别忘记选中样式面板下部的“单元格”选项。

方法二:使用上部工具栏上字体按钮:

首先,在编辑区中用鼠标选中需要变更字体的文字。

然后,在编辑区上方的工具栏中用鼠标点击“大小”的下拉列表,选择合适的字号即可。

温馨提示1:使用类似的方法您还可以加粗字体、变更为斜体、更改字体等等,但需要注意的是字体可能会存在不兼容现象,需要自行测试效果。

温馨提示2:使用此方法会给选中的文字添加span标签(对选中的文字分开控制,未选中的不处理),而使用样式法则不会(因为它选择是指定元素,比如样式面板中指定了是单元格还是元素)。

 

30. 如何添加新图片

答: 请先用鼠标在编辑区定位插入位置,然后点击工具栏中的图像图标,会打开一个窗口,请在“图像信息”标签下的的“网络地址URL”输入框中输入图像的网络地址,并设置宽度和高度,然后点击确定按钮。

更详细的方法请参阅图片相关

 

31. 为什么我的图片不能正常显示?

答:可能原因有:

一、您的图片地址不正确

要想正确显示图片,您必须将图片上传到互联网上,并且获取正确的图片地址URL。如果地址URL不正确,就会找不到图片,从而无法显示。

温馨提示1:邮件代码中的图片实际上只是一个网上图片的地址而已,并不存在于代码中,所以如果图片地址URL不正确,邮箱或浏览器就无法下载图片,自然就不显示了。

温馨提示2:图片必须上传到互联网上,且人人可查看(不能设置查看权限)。还有,自己本地计算机中的图片是不能用的,因为收件人无法看到你本地的图片。

二、您的图片有权限

某些免费的空间有诸多限制,比如具有防盗链功能、有查看权限、有时间限制等等,前二者将造成图片彻底不显示,而后者会在图片显示一段时间后地址失效,造成图片不显示。

类似的空间有:百度图片、QQ空间、网易相册、部分论坛等等,它们都会有图片的限制,如果将图片上传到这里,可能会造成发送出去的邮件中的图片不能正常显示。

建议将图片上传到自己的网站,如果没有网站,也要找一个没有限制的图片空间(比如www.chuantu.biz),以确保自己发送出去的邮件中的图片能正常显示,达到营销效果。

温馨提示:另外,有时图片不显示可能是邮箱的问题,不是图片本身的问题,因为有一些邮箱默认是不显示图片的,比如QQ邮箱就是默认不显示图片的,需要手动点击后才能查看图片。

 

32、为何我添加到本站的图片不显示了。

答:不显示的原因只有三种可能:

一是被删除了,不存在了自然不会显示;

二是图片地址不正确,系统无法找到和下载(加载)图片;

三是图片有权限,只能自己查看,别人无法观看。

如果您将图片上传到了本网站,当天能正常显示,后来就不显示了,可能原因有:

一是您未真正保存图片。

图片上传后都是临时保存的(有未保存的提示),你需要点击“插入”按钮来保存图片,直到看到成功保存的提示。如果没有如此操作,系统会认为此图片不需要(上传了图片但未在邮件中使用,自然是无用的图片),第二天会自动删除多余无用(未保存模板)的图片,这也是为了保存系统干净,提高系统响应速度的好办法。

二是你的图片被删除了。

保存在本网站的图片是有保存期限和数量限制的,过期后系统会自动删除过期图片以保证系统干净,提高运行速度。图片保存时间和上传数量与购买的产品有关,详情查看这里

 

33. 插入图片有时间和数量限制吗?

答:可以在编辑区插入任意多的图片,也就是说没有数量和时间的限制,您可以根据自己的需要在编辑区的正文中插入多个图片(注意,这里不是指上传图片,而是图片显示数量)。

但需要注意的是,上传图片到本网站(肯为旎DIY)却有数量和时间的限制,数量和时间取决于你购买的产品(产品不同,数量时间均不同),详情参见这里

温馨提示:建议您将图片上传到自己的网站或其他网站中,这样你才能拥有最大管理权,以方便您的管理和使用。如果您将图片上传到本网站,而且想延长图片保存时间,请购买“自定制产品的图片保存服务”。

 

34. 图片保存服务可以一次购买多个月份的服务吗?(暂停服务)

答:可以。具体方法是,点击购买按钮后,不要点击“支付 Checkout”按钮,而是点击“购物车 Cart”,更新购物车中的产品数量后,再点击支付按钮。

温馨提示:您可将图片保存到自己的网站或其他网站,比如百度图片等等,从而节约这部分费用。

 

35. 如何获取网页上图片的真实图片地址?

答:用户浏览器打开网页后,浏览器地址栏的页面地址并不是真实的图片地址,请按照以下方法获取真实的图片地址(URL)。

在网页上找到图片,然后在图片上点击鼠标右键,再点击右键菜单上的“复制图像地址”(有的浏览器为“复制图片网址”),就能获得了真实的图片地址(URL)。

另外,有的浏览器的右键菜单列表上没有“复制图像地址”或“复制图片网址”项,此时请点击右键菜单上的属性,在新打开的信息中会看到真实的图片地址(URL),全选URL并复制即可。温馨提示:百度图片好像也有时间限制,过期可能无法使用。

温馨提示:百度网盘上的图片有查看权限(只有自己能看到),不能用于邮件,否则会造成图片不显示,这个需要特别注意。

 

36. 为什么我使用“直接应用 Applying directly”按钮来更换颜色时,经常是第一次修改颜色有效,第二次就无响应了呢?

答:这是浏览器兼容性造成的,解决的方法是换用标准浏览器。

如果您发现有类似事情发生,请果断放弃这个浏览器,而换用标准浏览器。标准浏览器有火狐或Chrome等等浏览器。

我们建议使用火狐或Chrome浏览器,这样能为您减少很多麻烦,提高工作效率。

 

37. 邮件中的文字设置成较大的字体,会被邮件服务商识别为垃圾邮箱吗?

答:有这种可能性。

如果您发现有类似事情发生,请在定制邮件时将那些含有较大字体的文字制作成图片,然后插入到原来文字所在位置,换一句来说,就是使用图片来替换原来的较大字体的文字。

 

38. 一般情况下,电子邮件的宽度多少最合适?

答:建议宽度为600或650px,高度为1-2屏较为合理。如果您仔细观察,会发现很多大站所发送的邮件都是这样的宽度和高度,这样兼容性会更好,用户也不用来回拖拉鼠标来查看邮件,比较人性化。

 

39. 有格式刷功能吗?

答:我们提供了三种级别的强大的格式刷功能:区块级别、单元格级别、元素级别,通过三者的配合,可大大提高工作效率。

第一种,区块级别的格式刷

它使用起来很简单,直接点击区块下的+号即可复制一个一模一样的区块,更换新区块的内容即可。

使用场景:假如您想重复使用某一个区块和它的所有格式,您只需要复制这个区块即可(点击区块下的+号即可复制),您会发现新区块保留了原来区块的所有格式;然后将新区块移动到合适的位置,再更换新区块中的内容即可。

更换内容时的注意事项:如果区块中某一行的文本有元素级样式,请不要拖选文本,而要点选文本(点击一下即可),输入内容后再删除无用文本,这样能防止元素级样式丢失。

第二种,单元格级别的格式刷

这是最常用的功能,也是真正符合常规格式刷概念的功能。

点击左侧栏常用部分的“单元格”按钮,会在左侧栏中部打开“单元格”操作面板,您会看到“格式刷”按钮。

具体使用方法: 编辑区选中源单元格 >> 点击左侧单元格面板的“复制” >> 编辑区选中目标单元格 >> 点击左侧单元格面板的“格式刷”

温馨提示:选中目标的方法可使用点选(点击一下目标即可),也可以使用拖选(拖拉鼠标选中文本)。

更详细的说明请参阅: 如何使用格式刷

第三种,元素级别的格式刷

点击左侧栏常用部分的“文本”按钮,会在左侧栏中部打开“文本”操作面板,您会看到“格式刷”按钮。

具体使用方法: 编辑区选中源元素(拖拉选中文本) >> 点击左侧文本面板的“复制” >> 编辑区选中目标元素(点选或拖拉选中文本) >> 点击左侧文本面板的“格式刷”

 

 

40. 如何获取颜色值?

答:对于获取区块颜色值和单元格颜色值,获取方法有所不同。

1)获取区块颜色值的方法为:先选中区块(点击区块手柄选中),再点击左侧栏中的“获取颜色”按钮即可,此时,颜色值会自动填充到上方的输入框中。

温馨提示:选中区块时,默认自动选中左侧栏“选中的区块”区域的“内容背景”选项;如果是想获取“区块背景"的颜色,请手动选中左侧栏“选中的区块”区块的”区块背景“选项

2)获取单元格颜色值的方法为:点击单元格(即选中),右键 >> 单元格 >> 单元格属性 >> 背景颜色,复制那个背景颜色值即可。

温馨提示:单元格颜色值可能是RGB值,您可以将这个颜色值转换为十六进制颜色值,即使用右侧栏中的“工具”标签下的功能进行颜色值转换。

 

41. 如何进入到全屏模式进行操作?

进入全屏模式:

方法一:

点击右侧栏的“工具”标签,再点击“全屏并折叠”按钮,就进入了全屏模式,并且自动隐藏了上部的菜单。

在全屏模式里进行编辑操作,视野更宽阔,可大大减少无用元素的视觉干扰,可比美专用软件的窗口设计。

方法二:

点击右侧栏的“工具”标签,点击“全屏操作”按钮,也会进入全屏模式,但不会隐藏上部的菜单。

温馨提示:这个按钮是个乒乓键,第一次点击会进入全屏,再次点击就会退出全屏。

方法三:

按键盘上的“F11”键,也会进入全屏模式,但不会隐藏上部的菜单。

退出全屏模式:

方法一:

如果当前窗口已经处于全屏模式,点击右侧栏的“工具”标签中的“全屏操作”按钮,就会退出全屏模式。

方法二:

按键盘上的“Esc”键,也会退出全屏模式。

折叠菜单

点击右侧栏的“工具”标签,点击“折叠菜单”按钮,就会折叠上部的菜单。

温馨提示:这个按钮是个乒乓键,第一次点击会折叠上部的菜单,再次点击就会打开菜单。

打开菜单

如果当前窗口的菜单已经处于折叠状态,点击右侧栏的“工具”标签中的“折叠菜单”按钮,就会打开菜单。

 

 

42. 如何关闭提示?

关闭方法

点击左侧栏的“提示”按钮,会循环关闭对应的提示,详见下面的说明。

提示等级:

提示分为3个等级,即常规提示、检查错误提示、生成代码错误检查提示,可以根据自己的需要关闭不同等级的提示。

常规提示:所有常规操作时的提示,比如复制成功、样式CSS查看等等。

检查错误提示:在编辑时,随时检查可能出现的错误,比如代码不合规就会提示,并且给元素标上红框。

生成代码时的错误检查提示:在生成代码时会检查编辑、元素是否合规,如果不合规就会提示错误,中止生成代码,并且给元素标上红框。

默认情况下为第3等级,即全部提示都打开:提示开、检查开、生成开!

第一次点击,会关闭生成代码时的检查功能,即:提示开、检查开、生成闭!

第二次点击,会关闭生成代码时的检查功能和编辑时的检查功能,即:提示开、检查闭、生成闭!

第三次点击,会全部关闭所有的提示功能,即:提示闭、检查闭、生成闭!

 

 

43. 忘记密码怎么办?

答:请使用如下方法获取密码,详情参阅这里

1) 进入网站diy.kenweini.com,按如下的顺序操作。

右上角的“登录 LOGIN” >> “重设密码 FORGOT PASSWORD”标签  >> 输入用户名(或邮箱)和验证码 >> “邮寄新的密码 E-mail new password”

2) 登录邮箱

登录您的邮箱,会看到系统发送给您的邮件,点击邮件中的那个链接登录。

3) 修改密码

点击邮件中的那个链接后,就会转回到网站,请点击“登录 LOGIN”按钮,就会进入修改密码的页面,请重设密码,然后点击“保存”按钮即可。

以后登录网站,请使用新密码进行登录。

温馨提示1:客户重复输入5次错误密码后被锁定(阻止)的解决方法:换一个IP地址登录,比如使用手机浏览器进行登录。

温馨提示2:为了客户账户安全,重置密码每天只能使用一次。

温馨提示3:登录时请使用注册账户时的用户名,而不是注册时的邮箱。有的客户登录时错用了邮箱,造成无法登录或账号被锁,浪费了时间,破坏了心情,这里再次提醒一下。

 

 

 

44. 为什么样式设置无效(或使用格式刷无效)?

答:使用样式面板给元素设置样式无效(或使用格式刷无效),可能原因有:

1) 选定的元素(父元素)中有子元素时,子元素的样式优先起效。

如果您选定的元素中有子元素,并且子元素也有自己的样式的话,此时设置样式(给父元素)时,感觉总是无效,又不知道原因在哪,让人很纠结。

这是因为子元素的样式优先起效,从而覆盖了父元素的样式,从而造成父元素的样式看起来无效(实际上给父元素设置的样式还是存在和起效的,只是看不出来,不信的话,删除子元素的样式后,再看看效果会怎样)。

比如:<span style="color:red;"><span style="color:blue;"><a style="color:green;"><b>晋升规定</b></a></span></span>,最终起效的文字颜色是green,red和blue均不会起效。

但看不懂这些代码怎么办呢,如何能直观地知道自己的单元格元素中有子元素呢?如何能快速解决问题呢?请参阅下面的提示3。

温馨提示1:为什么会出现很多子元素(子标签)呀?我自己并没有添加呀!

答:第一种可能:当你复制网页、WORD、EXCELL上的内容,然后粘贴到平台编辑区时,就会添加很多无用的子元素(子标签),这些子元素(子标签)可能是网页原来就有的,也可能是系统自动添加的。第二种可能:当你使用编辑区上部的工具栏设置字体、大小、颜色、加粗、斜体、下划线、编号列表等等时,也会添加子标签。

温馨提示2:怎样才能避免添加那些烦人的子元素(子标签)呢!

答:多余的子元素(子标签)的嵌套会给您设置样式带来很大的麻烦,应该避免。

避免无意添加子标签的最简单的方法是:直接使用 Ctrl + Shift + V 的快捷键(而不是使用 Ctrl +  V ),来粘贴内容到编辑区(无须在记事本中复制来复制去的,见下面的方法)。

特别提示:还可以使用记事本来过滤多余的标签:复制网页、WORD、EXCELL上的内容后,先粘贴到某个记事本文档中,然后再全选和复制记事本文档中自己刚才粘贴的内容,最后才粘贴到平台的编辑区的某个单元格中,这样就过滤掉了那些烦人的子标签。

温馨提示3:怎样才能直观地看到自己选中的元素中有子元素(子标签)呢!

答:这个很简单。您只需要点击(定位)编辑区的某个内容,就会在编辑区的最底部的下框上显示出此内容(即元素)所有使用(或包裹)的标签,即:body div table tbody tr td table tbody tr td span span a b,请注意最后那4个标签span span a b,其意思就是在td(单元格)中的文字嵌套了4个标签(其具体代码就是本温馨提示1的上面那一行的代码)。换一句话说就是,如果最后有span、a、p或div等标签,就说明单元格中有子元素,参阅下图(下面第45项的图中的⑩所标示)。

那么,找到了原因,如何快速解决问题呢?

解决方法很简单,那就是选中样式面板中最下部的“元素”选项(参阅下面第45项的图中的③处左侧),而不是“单元格”或其他选项,然后再重新设置样式即可。实际上,最好的解决方法(实践方法)是尽量不要在单元格中添加子元素(子标签)或为子元素设置样式,而是在单元格中设置样式(即最后的标签是td,参阅下面第45项的图中的⑩所标示),这样做就能在实际编辑中工作中避免很多不必要的麻烦,从而不让自己陷入此种纠结的境地。

温馨提示4:元素的标签都是什么意思呢!我怎么知道我选中的元素是什么类型(是单元格还是链接或者是其他)呢?

答:首先回答第一个问题:标签名很多,但只需要知道几个标签名就可以了,比如,table是表格;td是单元格;span是行内元素;div和p是块元素;a是链接;img是图片等等。

然后回答第二个问题:在编辑区点击某个内容,就会在编辑区的最底部的下框上显示出此内容所有使用(嵌套)的标签,最后一个标签即是此内容(元素)使用的标签,比如最后一个标签是td,表示是单元格,此时设置样式时请选中“样式面板”下部的单元格选项即可;再比如最后一个标签是a,表示是链接,此时设置样式时请选中“样式面板”下部的链接选项即可;再比如最后一个标签是div(或p或img),表示是某个元素,此时设置样式时请选中“样式面板”下部的元素选项即可(假如选中了单元格选项,此时设置的是单元格而不再是单元格中的某个元素了,这个需要区分,即不同的选项设置不同的元素)。其他标签(比如table标签)比照操作,不再赘述。

最后,还有一个要说明的是:可根据查看元素的类型来选择功能,比如选择使用哪个面板(左侧栏的更多功能中的单元格面板、文本面板、超链接面板、表格面板),也可以根据查看元素的类型来选择“样式面板”下部的选项(详见上面第二个问题回答内容),从而更准确地设置元素样式。

温馨提示5:假如我想把第一行设置为黑体和颜色为红色,第二行想设置为Arial字体和颜色为灰色,不使用子标签,应该怎么实现呢?

对于整行元素,很容易实现这个目的,那就是单独添加新行法:右键菜单 >> 行 >> 在下方插入行,在新行中输入独占一行的内容,然后使用样式面板给这个新行(即单元格行)设置黑体和红色(注:使用样式面板设置样式不会给元素自动添加子标签),然后再另外添加一新行,在新行中输入独占一行的内容,使用样式面板给这个新行(即单元格行)设置Arial字体和灰色,完成。换一句话说就是,应该是每一行(单元格行)独占内容和独占样式(好处多多:比如还可以单独设置行高等),而不是在一行(单元格行)中通过回车的方法添加多行内容(注:回车后会在td中添加P子标签)。

对于一行多子标签内容,可以换用添加新表格的方法,即在某一行(单元格行)中添加一个新的一行多列的表格来解决,然后给每一个列(单元格)设置单独样式。

但对于连续一行中想设置某部分文字设置样式(比如颜色)时,就只能使用子标签了(另注:使用上方工具栏的字体、大小、颜色、加粗、项目编号等方法设置样式时,均会自动给元素自动添加子标签,而使用样式面板设置样式不会自动添加子标签)。

2) 样式面板或格式刷使用时存在错误操作

样式面板的使用请参阅这里。格式刷的使用请参阅这里

熟练操作后,就会发现操作真的很简单,而且真的很万能

 

 

45. 怎么知道我要设置的元素位置或准确指定某一元素呢?

答:很多小伙伴在使用样式面板给元素设置样式时,遇到一些困惑,比如,怎样才能准确指定将要设置样式的元素呢?因为某一元素可能处于多个层级嵌套中,不太容易从编辑区看出其相互关系,从而给指定造成困难,总不能靠猜测吧。

这确实是实际工作中遇到的问题!无法准确指定元素,自然就无法准确给元素设置样式了,十分纠结。

实际上,样式面板上已经提供了一个很好用的工具,那就是“位置”工具,可以十分完美地解决上述问题。

温馨提示:注意本处使用的是样式面板中CSS中的“位置”工具,它提供的信息更多一些(注:有两个“位置”工具:①处左侧和④处)。

send email

45.1 查看位置或指定元素

1)打开CSS小面板

依次点击:样式面板 >> CSS(见图中①),打开CSS小面板。

 2)定位元素和选择所应用到的类型

在编辑区点击一下元素(见图中②),目的是选定元素。另外,还要选择和确认一下所应用到的类型,此处选中表格(见图中③)。

温馨提示:我们在这里想查看的是表格所处的位置,所以选中的是表格。你可以根据自己需要选择其他类型,比如单元格、链接等等。

特别提示:如果设置样式的话,常规做法是给单元格设置样式,而很少给表格设置样式,此处只所以选择表格来举例,只是因为上图的表格的层级比较清楚(见图中⑥和 ⑧),便于说明如何查看位置(另注:这不代表常规做法是给表格设置样式,此处再次提醒一下)。

 3)查看位置

点击样式面板中的“位置”(见图中④),就会显示所选定的元素的相关信息:

图中⑤处所显示是元素类型(table)和元素的位置(红色虚线框)。注:元素类型也就是你在第2步所选中的“表格”。

图中⑥处所标出的红色虚线框就是这个表格在区块中的位置,这样看起来是不是直观多了。

至此,查看位置操作完毕(不要被图中这么多标示编号所吓到,它们只是为下面的说明服务的,同时减少截图和节约版面)。

 

45.2 查看指定元素的父级元素

那么如何查看那个外围的表格(见图中 ⑧ )的位置信息呢?

方法是:

1)点击右下侧的“父级”标签(见图中 ⑦ )后,其输入框中的数字会自动增加为1(即代表查看上一级。另注:也可手动输入指定层级数值)。

2)再点击样式面板中的“位置”(见图中④),就会在⑤处显示父级元素的相关信息,在 ⑧ 处标出父级元素的位置(将会以红色虚线框标出,只所以现在是蓝色虚线框,是因为还未对其操作)。

 

45.3 如何查看指定元素的样式(CSS代码)

1)接续上面的操作,不再赘述。

 2)然后点击样式面板中的“查看”按钮(见图中 ⑨ ),就会在⑤处显示指定元素的CSS代码。

温馨提示:你可以全选和复制(Ctrl+C)这些CSS代码,以备应用到其他元素(见下述)。

 

45.4 如何给指定元素手动添加样式(CSS代码)

1)定位元素和选择所应用到的类型

在编辑区点击一下元素(见图中②),目的是选定元素。还要选择和确认一下所应用到的类型,常规是给单元格设置样式,所以应该选中单元格(参考图中③)。

再次提醒:常规做法是给单元格、链接、span等设置样式,而很少给表格设置样式(指给文字设置样式时)。

2)输入CSS代码

在上方输入框中输入CSS代码(见图中A处 ),注意每一个样式要用英文的“;”隔开。

3)追加CSS代码

点击“追加”按钮(见图中B处 ),就会给所选中元素追加所输入的CSS样式。

温馨提示1:如果想完全添加自己的CSS代码(即不使用原有的),请先点击右侧的“清除”按钮清除选定元素的原有CSS代码,再追加自己的即可。

温馨提示2:为什么要手动输入呢?样式面板不就是用来设置样式的吗?是的,样式面板能完成大部分样式的设置工作,但没有包括全部样式,比如不常用的阴影就无法做到,要想添加特殊CSS样式,就要自己输入CSS代码,这样你就无所不能了。详情参阅:如何添加自己的CSS

 

45.5 如何知道指定元素在这个区块中的代码层级

请注意查看编辑区最下部的边框上的提示标签(见上图中 ⑩ ),这里清楚的提示了各个标签的包含关系,即从左到右,依次都是父与子的关系。

我们以最右侧的最后四个元素table、tbody、tr和td举例说明:单元格td的父元素是tr,tr的父元素是tbody,tbody的父元素是table。

你可以单击最下部的边框上的的标签,比如td,就会选中⑤处整个单元格;同埋,如果点击倒数第4个标签即table,就会选中⑤处整个表格,这样也可以体会其包含关系。

温馨提示:左数第1个标签body代表整个页面(可忽略之);左数第2个标签div代表你选中的那个区块;左数第3个标签table代表区块的外层表格(自适应表格);左数第7个标签table代表个区块的内容区表格;左数第11个标签table表示在内容区表格中再次添加的表格(可根据需要添加,非区块必须)。

 

结论:结合上面所说的查看位置、自添加CSS、最下部的边框上的提示标签及位置信息等等,就可以十分准确地查看或指定某一个元素,从而为设置样式打下坚实的基础。

 

 

46. 为什么加载的模板闪了一下就没有了呢?

答:出现模板闪退的可能原因有:一是浏览器兼容性有问题;二是与某些工具有冲突;三是未知原因。

对应解决方法如下:

1)换一个浏览器,比如,换用火狐浏览器、Chrome浏览器或QQ浏览器,更换后一般都能解决问题。

2)关闭冲突工具,比如,在页面打开了查找功能,就可能出现闪退现象,此时关闭查找功能后,就能正常工作了。

3)对于未知原因,没有最好的方法,请更换浏览器试试吧。这样能节约自己的时间成本,没有必要折腾自己。