越努力越幸运。
不管如何,我比你努力,比你好,比你更问心无愧。

2017.02.22

教程 | 简短式留字箱



- Tutorial requested by 小米 -

我是效果 ;)

我是效果 ;)

我是效果 ;)

我是效果 ;)

我是效果 ;)

我是效果 ;)

就是以上的留言框框了 ;)

1. 设计 → 页面元素 → 添加小工具 → HTML/JavaScript

2. 添加以下的代码:
<div style="text-align: left; border-radius: 0px; width: 200px; height: 75px;
background: #fff; overflow: auto; padding: 6px; border: 3px double #000000;">
内容在这里
</div>
</div>
3. 保存,即可。

小解释
橙色代码:框框的弧度  *可改
蓝色代码:框框的宽度 / 高度(width: 宽度  | height: 高度)  *可改
紫色代码:框框里面的背景(颜色代码查询 color codes)  *可改
靛色代码:边框的粗度 / 类型 / 颜色  *可改
红色代码:框框的内容,用你的字来替代


提示
♥ 若要添加图片在框框的背景里,将 background: #fff 删除,替代成 background: url(背景网址); 即可。

♥ 若要在内容里添加图片,代码就是 <img src="图片网址">

♥ 若要内容分行,在每一段(要分行的字的后面)添加 <br>

3 comments:

っ 谢谢你耐心的看完这篇帖子 ♥
っ 评论将在博主审核后发布,如有不便,敬请原谅哦 :)
っ 除了评论之外,亲也可以选择在 Cbox 留言或 PM 我的部落格专页信箱

ベ 请用词确切,勿使用脏字哟
ベ 部落格不接受匿名评论,评论前请确保你拥有 Google Account 哦
ベ 请仔细列明你的问题好方便我回答哦 :)

* 感谢你的留言,欢迎下次再来。