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

2017.02.22

教程 | Blockquote 简约法

米娜桑们,我回来了。话说距离上次的更新,应该是两个月前了(汗)奇迹的是,两个月里依旧有亲们在 Cbox 留言,我还以为大家都忘了这个部落格呢。相较之下,我的日记部落格倒是更新的比较频繁 XD 教程部落格就... 大家心知了哈 xP

Okay. 废话不多说,这次要 po 的教程就是 Blockquote 简约法。相信有经验的博客都应该懂得如何简约 Blockquote. 但同时也有一些博客新手不懂得什么是 Blockquote 简约法。好的,现在就来小小解释一下。简约法就是呢,把一些内容很长的 Blockquote 缩短成可以用 scrollbar 来 view 的内容。当然,如果你还是不明白的话,可以建议你在实验部落格尝试一下效果哟 =]

- Tutorial requested by Lynn -

* 适用于 BT / BS

Blog Template / Blogskin User
1. Ctrl + F 寻找代码 blockquote { 以及 blockquote:hover {

2. 然后在 {...} 里面添加以下代码:
height: 300px;
overflow-y: auto;
3. 点击 preview 预览后,方可保存。

小解释
蓝色代码:blockquote 的高度 *可更改

# 高度可更改为自己想要的,但要注意的是,内容要多过你设下的高度才会出现 scrollbar 来简约。如果内容的长度 < 设下的 height,blockquote 跟平常看起来就会一样 :)

注:
- 要在 blockquote { & blockquote:hover { 里添加相同的代码
- blockquote 出现的 scrollbar 样式会与部落格的一样,教程可参考:点击


1 comment:

  1. 真的很謝謝你噢,愛你的部落 :)
    謝謝你的教程,帶走咯 <3

    ReplyDelete

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

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

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