搜索

133

主题

0

回帖

0

积分

超级版主

Rank: 12Rank: 12Rank: 12

积分
0
发表于 2020-12-21 18:37:37 3672 浏览 0 回复

[帮助教程] 如何在自定义话术那里用HTML+CSS来实现对样式的自定义?

微信图片_20201223204418.png 微信截图_20201223204707.png
可以提搞页面观赏度,提高激活率
上面此图为按照下面教程胡乱组合用过之后的样子,大家肯定会设计的更好


教程开始:


加粗:<b>话术文字</b>
斜体:<i>话术文字</i>
下划线:<u>话术文字</u>
换行:<br/>
删除线:<del>话术文字</del>
加分割线:<hr/>
文字大小间距等大小变化:<h1>话术文字</h1>      (h1为最大,最小为h6)



简单又好看的小图标的添加:
http://cn.piliapp.com/emoji/list/
点击上面这个链接,打开后点击选择表情自动复制,粘贴在我们的自定义话术里面,就可以看到精美可爱的图标


复杂高级一点的:
设置超链接
<a href="http://超链接" target="_blank" style="text-decoration:underline;color:blue;">话术文字</a>

添加图片
<img src="图片链接"/>

字体颜色设置:
<span style="color:red;">话术</span>
可以是颜色red、blue、yellow等英文,也可以是16进制颜色代码,可以打开这个网站去寻找合适的粘贴使用即可https://www.sioe.cn/yingyong/yanse-rgb-16/

字体大小设置:
<span style="font-size:22px;">话术</span>  需要大小就改22数字


邮箱展示
<a href="mailto:67852973@qq.com?title=邮件标题内容&body=邮件预设内容" style="color:blue">邮箱</a>


设置自定义的字体:字体网站:http://www.googlefonts.cn/
企业微信截图_1634959566854.png
<link href="https://fonts.font.im/css?family=Ubuntu:400" rel="stylesheet">
<style type="text/css">.fontimport{color:#fff;font-family: 'Ubuntu';}}</style>上方两个代码只需填一次即可,其他话术可用下面代码引用上面的字体。
<span class="fontimport">话术文字</span>
第一条代码中需加一个:400如上所示。

这个可以找到需要的字体,让客服(添加微信:67852973)帮忙设置好了给你代码,超过1M的字体包由于影响加载速度,暂时不提供这个服务












回复

使用道具 举报

返回列表
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

登录或注册

团队

智慧卖家

联系电话

13316452973

0755-28712271

联系微信

zhihuimaijia

付费卖家扫码进群

付费卖家扫码进群

快速回复 返回顶部 返回列表