【改编】各模块添加滚动条实例 + 参数详解
作者：众网友+王士伟
出处：缘定沧桑居
在“友情链接”处添加滚动条只需下面一条代码即可：
#m_links{overflow-y:auto;height:250px}
不过，加一些参数可以让滚动条更有个性，和页面搭配得更完美。下面就是我的页面各种滚动条的详细代码，大家可以参照着修改：
文章列表的滚动条：
#m_blog{scrollbar-face-color: #E100E1;
scrollbar-shadow-color: maroon;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: #E100E1;
scrollbar-darkshadow-color:#E100E1;
scrollbar-arrow-color:#E100E1;
scrollbar-base-color: #E100E1;
scrollbar-track-color: #E100E1;
overflow-y:auto;height:1194px;
filter: chroma(color=#E100E1);} /*文章列表的滚动条*/
友情链接的滚动条：
#m_links{scrollbar-face-color: #E100E1;
scrollbar-shadow-color: maroon;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: #E100E1;
scrollbar-darkshadow-color:#E100E1;
scrollbar-arrow-color:#E100E1;
scrollbar-base-color: #E100E1;
scrollbar-track-color: #E100E1;
overflow-y:auto;height:823px;
filter: chroma(color=#E100E1);} /*友情链接的滚动条*/
文章分类的滚动条：
#m_artclg{scrollbar-face-color: #E100E1;
scrollbar-shadow-color: maroon;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: #E100E1;
scrollbar-darkshadow-color:#E100E1;
scrollbar-arrow-color:#E100E1;
scrollbar-base-color: #E100E1;
scrollbar-track-color: #E100E1;
overflow-y:auto;height:250px;
filter: chroma(color=#E100E1);} /*文章分类的滚动条*/
最新评论的滚动条：
#m_comment{scrollbar-face-color: #E100E1;
scrollbar-shadow-color: maroon;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: #E100E1;
scrollbar-darkshadow-color:#E100E1;
scrollbar-arrow-color:#E100E1;
scrollbar-base-color: #E100E1;
scrollbar-track-color: #E100E1;
overflow-y:auto;height:458px;
filter: chroma(color=#E100E1);} /*最新评论的滚动条*/
参数说明：
1、overflow-y : 设置当对象的内容超过其指定高度时如何管理内容；overflow-x : 设置当对象的内容超过其指定宽度时如何管理内容。
参数:
visible：扩大面积以显示所有内容
auto：仅当内容超出限定值时添加滚动条
hidden：总是隐藏滚动条
scroll：总是显示滚动条
2、height : 设置滚动条的高度（修改其后数值即可）。
3、滚动条颜色参数设置：
scrollbar-3d-light-color 设置或检索滚动条亮边框颜色
scrollbar-highlight-color 设置或检索滚动条3D界面的亮边（ThreedHighlight）颜色
scrollbar-face-color 设置或检索滚动条3D表面（ThreedFace）的颜色
scrollbar-arrow-color 设置或检索滚动条方向箭头的颜色
scrollbar-shadow-color 设置或检索滚动条3D界面的暗边（ThreedShadow）颜色
scrollbar-dark-shadow-color 设置或检索滚动条暗边框（ThreedDarkShadow）颜色
scrollbar-base-color 设置或检索滚动条基准颜色
空间模块巧移动 + 文字快速插链接
一、首先说说空间模块巧移动：
改变空间主页各模块的排布位置可以在空间中依次点击：设置－高级设置－自定义模板－开始自定义
然后鼠标拖动各个栏目的标题处，移动到你想要的位置，松手即可。
但是如果你曾经把一个模块拖动到“文章列表”下面，而后来发表了许多文章，想把下面的那个模块拖回来是就会发现，无法移动到上面。
其实有个简单的方法：
先到下面鼠标左键按住想要拖动的模块的标题栏，接着按键盘上的“Pg Up”（上页）键，就会发现页面向上翻了，而模块还在鼠标指针上。
按几次达到想要的位置后，松开鼠标左键，该模块就会移到你想要的地方去了^_^
二、然后我们说说文章快速插链接：
我们在文章中经常会遇到插入超链接的情况，直接贴网址虽然也可以自动转换为超链接，但是我觉得就影响了文章的美观。
所以我比较喜欢用文字链接，但是每次都用鼠标点上面的设置链接按钮也未免太慢了……
用过微软FRONT PAGE的朋友应该知道，该软件插入超链接是有快捷键的，我在空间里测试里一下，的确可以用！
所以写日志时想给文字加超链接，先将链接指向的网址复制一下，然后选中想要加的文字，最后按快捷键“CTRL+K”——在弹出的提示框中粘贴刚复制的地址，确定即可。
|
|
|
|
|
|
|
|
| 2 |
|
|
其实模块拖动还有个更好的技巧：
1, 依次点击空间的：设置－高级设置－自定义模板－开始自定义—内容模块
2, 把所有的模块都取消，确定
3, 再把你要的模块都添加回来，确定
4, 现在所有的模块里都是空的（只是显示为空，你的文章等其实都在），要拖动很方便的。 |
|
|
|
|
|
|
|
|
|
|
对于CTRL+K插入超链接的方式，只有在IE浏览器下支持，其它浏览器（例如：firefox、maxthon）不支持。 |
|
| 2 |
常用插入图片位置的代码及效果图 |
|
|
|
贴子相关图片:
 |
|
|
|
|
| 3 |
回复：【原创】常用插入图片位置的代码及效果图 |
|
|
|
贴子相关图片:
 |
|
|
|
|
| 4 |
回复：【原创】常用插入图片位置的代码及效果图 |
|
|
|
贴子相关图片:
 |
|
|
|
|
| 5 |
回复：【原创】常用插入图片位置的代码及效果图 |
|
|
|
贴子相关图片:
|
|
|
|
|
| 6 |
回复：【原创】常用插入图片位置的代码及效果图 |
|
|
|
贴子相关图片:
 |
|
|
|
|
| 7 |
回复：【原创】常用插入图片位置的代码及效果图 |
|
|
|
贴子相关图片:
 |
|
|
|
|
| 8 |
回复：【原创】常用插入图片位置的代码及效果图 |
|
|
|
贴子相关图片:
 |
|
|
|
|
| 9 |
回复：【原创】常用插入图片位置的代码及效果图 |
|
|
|
贴子相关图片:
 |
|
|
|
|
| 10 |
回复：【原创】常用插入图片位置的代码及效果图 |
|
|
|
贴子相关图片:
 |
|