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;3. 点击 preview 预览后,方可保存。
overflow-y: auto;
小解释
蓝色代码:blockquote 的高度 *可更改
# 高度可更改为自己想要的,但要注意的是,内容要多过你设下的高度才会出现 scrollbar 来简约。如果内容的长度 < 设下的 height,blockquote 跟平常看起来就会一样 :)
注:
- 要在 blockquote { & blockquote:hover { 里添加相同的代码
- blockquote 出现的 scrollbar 样式会与部落格的一样,教程可参考:点击
Categories: Bii の語法筆記
真的很謝謝你噢,愛你的部落 :)
ReplyDelete謝謝你的教程,帶走咯 <3