“帮助:家园帮助/设置”的版本间的差异
（→主页风格设置） |
（→设置背景图片） |
||
| 第3行： | 第3行： | ||
===修改个人资料=== | ===修改个人资料=== | ||
===群组设置=== | ===群组设置=== | ||
| + | ===主页风格设置=== | ||
| + | |||
== 设置背景图片 == | == 设置背景图片 == | ||
| 第8行： | 第10行： | ||
上传到相册后，就可以使用下面的下拉列表狂来选择您的页面背景了。在选择完成后，点击“更换背景”按钮来保存和应用您的选择。 | 上传到相册后，就可以使用下面的下拉列表狂来选择您的页面背景了。在选择完成后，点击“更换背景”按钮来保存和应用您的选择。 | ||
| + | |||
| + | == 自定义风格 == | ||
| + | |||
| + | 蓝色家园还提供了不包含自定义风格在内的8种风格。每一种风格都有一个默认的预览图片，可以通过点击风格图片下方的“预览”按钮，来使用这个风格打开一个新的全功能页面进行预览，以方便您查看风格的细节。而当您最终选定了自己喜欢的风格之后，就可以点击预览按钮旁边的“启用”按钮来使用该风格。 | ||
| + | |||
| + | 当然，给出的风格不一定能够满足所有人的需求。因此蓝色家园为您提供了“自定义样式”的选项。 | ||
| + | 首先，点击“更换背景”按钮旁边的“自定义CSS”链接或者点击风格列表中的“自定义风格”下面的俩个链接，系统会为您跳转到自定义风格的编辑框。这里，就是您大展才华的地方了。您可以通过Firebug插件来查看“个人主页”中的元素及其默认定义，然后在这里写下对应的css样式。在完成您的创作之后，需要点击“保存修改”按钮以保存您所写下的css样式，这样，在下一次您或者其他人访问您的个人主页的时候，系统就会自动根据这些脚本，做出对应的改变。 | ||
| + | 建议您在编辑自定义样式时，再打开一个个人主页的窗口；此外每添加一条自定义样式之后，都推荐您进行保存，这样，您就可以在每一次保存后刷新个人主页，来查看新增的样式是否正常生效，并避免由于浏览器意外关闭造成的劳动果实的丢失。 | ||
| + | |||
| + | == 以下是一个比较完整的样式例子： == | ||
| + | |||
| + | .mainborder{margin:0 auto;margin-top:24px;} | ||
| + | #mainarea{background-color:#333333;color:#CCFFFF;} | ||
| + | #mainarea a{color:#FFFF66;} | ||
| + | |||
| + | /* the following one is for the firefox*/ | ||
| + | .transborder{display:none;} | ||
| + | |||
| + | #quick_box{background-color:#444444;} | ||
| + | .light_tabs li a{background-color:#444444;border-color:black;} | ||
| + | .light_tabs li.active{display:none;} | ||
| + | textarea{background-color:#444444;border:1px solid white;color:#CCFFFF;overflow-x:visible;padding:2px;} | ||
| + | .t_input{border:0px;border-bottom:1px solid silver;color:silver;background-color:#444444;} | ||
| + | #general{background-color:silver;border:1px solid #333333;} | ||
| + | .submit{background-color:#444444;border:1px solid #CCFF66;} | ||
| + | /* head of user document area */ | ||
| + | .a_header{background-color:#444444;top:0px;} | ||
| + | .a_header h2{top:0px;height:36px;line-height:36px;color:yellow;background:url(http://home.blueidea.com/attachment/200808/29/102890_12200273492qgR.gif) no-repeat 0px 3px;padding-left:36px;} | ||
| + | .a_header h2 em{height:36px;line-height:36px;color:yellow;top:0px;} | ||
| + | |||
| + | div.box_action{color:yellow;background-color:#444444;} | ||
| + | div.title{background-color:#444444;color:yellow;} | ||
| + | div.f_status{background-color:#333333;color:silver;} | ||
| + | .f_status a{background-color:#333333;color:black;} | ||
| + | .facebox{background-color:#444444;color:black;} | ||
| + | |||
| + | .s_clear p{color:white;} | ||
| + | |||
| + | .tabs a{background-color:#333333;border:1px solid black;border-bottom:0px;} | ||
| + | .tabs li.active{border:1px solid yellow;border-bottom:0px;} | ||
| + | .tabs li.active a{border:0px;font-weight:bolder;} | ||
| + | #addfriend{background-color:#444444;} | ||
| + | .space_wall_post{background-color:#444444;color:white;} | ||
| + | |||
| + | /* Field of Personaly Activities List, the styles for feed list items. Since it is ugly, i just disabled is. | ||
| + | .feed li.type_blog, .feed li.type_album, .feed li.type_thread, .feed li.type_share{ | ||
| + | border:0px;padding:0px;padding-left:10px;margin:0px;margin-left:2em;margin-right:1em;} | ||
| + | .feed a.type{left:-2em;} | ||
| + | .feed li.type_thread{border-left:4px solid #3399FF;padding-left:10px;} | ||
| + | .feed li.type_thread:hover{background-color:#000040;} | ||
| + | .feed li.type_friend{border-left:4px solid #FFD700;padding-left:10px;} | ||
| + | .feed li.type_friend:hover{background-color:#002B00;} | ||
| + | .feed li.type_blog{border-left:4px solid #9B5200;padding-left:10px;} | ||
| + | .feed li.type_blog:hover{background-color:#3E2000;} | ||
| + | .feed li.type_doing{border-left:4px solid silver;} | ||
| + | .feed li.type_doing:hover{background-color:#505050;} | ||
| + | */ | ||
| + | |||
| + | /* h3 */ | ||
| + | .box h3{background:url(http://home.blueidea.com/attachment/200808/29/102890_1220028860wTsp.gif) no-repeat 2px 5px;padding-left:33px;height:30px;line-height:32px;border:0px;background-color:#383838;color:#FF9900;font-style:bold;} | ||
| + | |||
| + | |||
| + | == 注意！ == | ||
| + | |||
| + | 系统所给出的其他风格和自定义风格都只是针对个人主页的，所以在您访问到非个人主页的页面时，不要以为您自己定义的CSS样式失效了。另外，页面最上面的导航条似乎是改不动的。 | ||
== 自定义风格 == | == 自定义风格 == | ||
2008-08-31T19:00:27的版本
目录
空间设置
设置头像
修改个人资料
群组设置
主页风格设置
设置背景图片
首先捏，在这里可以设置您的空间的背景图片。图片可以来自网上（URL绝对地址），也可以从您的机器上先上传到网上的图床里，然后再把链接地址放在这里，或者使用本空间的“相册”功能。 上传到相册后，就可以使用下面的下拉列表狂来选择您的页面背景了。在选择完成后，点击“更换背景”按钮来保存和应用您的选择。
自定义风格
蓝色家园还提供了不包含自定义风格在内的8种风格。每一种风格都有一个默认的预览图片，可以通过点击风格图片下方的“预览”按钮，来使用这个风格打开一个新的全功能页面进行预览，以方便您查看风格的细节。而当您最终选定了自己喜欢的风格之后，就可以点击预览按钮旁边的“启用”按钮来使用该风格。
当然，给出的风格不一定能够满足所有人的需求。因此蓝色家园为您提供了“自定义样式”的选项。 首先，点击“更换背景”按钮旁边的“自定义CSS”链接或者点击风格列表中的“自定义风格”下面的俩个链接，系统会为您跳转到自定义风格的编辑框。这里，就是您大展才华的地方了。您可以通过Firebug插件来查看“个人主页”中的元素及其默认定义，然后在这里写下对应的css样式。在完成您的创作之后，需要点击“保存修改”按钮以保存您所写下的css样式，这样，在下一次您或者其他人访问您的个人主页的时候，系统就会自动根据这些脚本，做出对应的改变。 建议您在编辑自定义样式时，再打开一个个人主页的窗口；此外每添加一条自定义样式之后，都推荐您进行保存，这样，您就可以在每一次保存后刷新个人主页，来查看新增的样式是否正常生效，并避免由于浏览器意外关闭造成的劳动果实的丢失。
以下是一个比较完整的样式例子：
.mainborder{margin:0 auto;margin-top:24px;}
- mainarea{background-color:#333333;color:#CCFFFF;}
- mainarea a{color:#FFFF66;}
/* the following one is for the firefox*/ .transborder{display:none;}
- quick_box{background-color:#444444;}
.light_tabs li a{background-color:#444444;border-color:black;} .light_tabs li.active{display:none;} textarea{background-color:#444444;border:1px solid white;color:#CCFFFF;overflow-x:visible;padding:2px;} .t_input{border:0px;border-bottom:1px solid silver;color:silver;background-color:#444444;}
- general{background-color:silver;border:1px solid #333333;}
.submit{background-color:#444444;border:1px solid #CCFF66;}
/* head of user document area */
.a_header{background-color:#444444;top:0px;}
.a_header h2{top:0px;height:36px;line-height:36px;color:yellow;background:url(
) no-repeat 0px 3px;padding-left:36px;}
.a_header h2 em{height:36px;line-height:36px;color:yellow;top:0px;}
div.box_action{color:yellow;background-color:#444444;} div.title{background-color:#444444;color:yellow;} div.f_status{background-color:#333333;color:silver;} .f_status a{background-color:#333333;color:black;} .facebox{background-color:#444444;color:black;}
.s_clear p{color:white;}
.tabs a{background-color:#333333;border:1px solid black;border-bottom:0px;} .tabs li.active{border:1px solid yellow;border-bottom:0px;} .tabs li.active a{border:0px;font-weight:bolder;}
- addfriend{background-color:#444444;}
.space_wall_post{background-color:#444444;color:white;}
/* Field of Personaly Activities List, the styles for feed list items. Since it is ugly, i just disabled is. .feed li.type_blog, .feed li.type_album, .feed li.type_thread, .feed li.type_share{ border:0px;padding:0px;padding-left:10px;margin:0px;margin-left:2em;margin-right:1em;} .feed a.type{left:-2em;} .feed li.type_thread{border-left:4px solid #3399FF;padding-left:10px;} .feed li.type_thread:hover{background-color:#000040;} .feed li.type_friend{border-left:4px solid #FFD700;padding-left:10px;} .feed li.type_friend:hover{background-color:#002B00;} .feed li.type_blog{border-left:4px solid #9B5200;padding-left:10px;} .feed li.type_blog:hover{background-color:#3E2000;} .feed li.type_doing{border-left:4px solid silver;} .feed li.type_doing:hover{background-color:#505050;}
- /
/* h3 */
.box h3{background:url(
) no-repeat 2px 5px;padding-left:33px;height:30px;line-height:32px;border:0px;background-color:#383838;color:#FF9900;font-style:bold;}
注意！
系统所给出的其他风格和自定义风格都只是针对个人主页的，所以在您访问到非个人主页的页面时，不要以为您自己定义的CSS样式失效了。另外，页面最上面的导航条似乎是改不动的。
自定义风格
蓝色家园还提供了不包含自定义风格在内的8种风格。每一种风格都有一个默认的预览图片，可以通过点击风格图片下方的“预览”按钮，来使用这个风格打开一个新的全功能页面进行预览，以方便您查看风格的细节。而当您最终选定了自己喜欢的风格之后，就可以点击预览按钮旁边的“启用”按钮来使用该风格。
当然，给出的风格不一定能够满足所有人的需求。因此蓝色家园为您提供了“自定义样式”的选项。 首先，点击“更换背景”按钮旁边的“自定义CSS”链接或者点击风格列表中的“自定义风格”下面的俩个链接，系统会为您跳转到自定义风格的编辑框。这里，就是您大展才华的地方了。您可以通过Firebug插件来查看“个人主页”中的元素及其默认定义，然后在这里写下对应的css样式。在完成您的创作之后，需要点击“保存修改”按钮以保存您所写下的css样式，这样，在下一次您或者其他人访问您的个人主页的时候，系统就会自动根据这些脚本，做出对应的改变。 建议您在编辑自定义样式时，再打开一个个人主页的窗口；此外每添加一条自定义样式之后，都推荐您进行保存，这样，您就可以在每一次保存后刷新个人主页，来查看新增的样式是否正常生效，并避免由于浏览器意外关闭造成的劳动果实的丢失。
以下是一个比较完整的样式例子：
.mainborder{margin:0 auto;margin-top:24px;}
- mainarea{background-color:#333333;color:#CCFFFF;}
- mainarea a{color:#FFFF66;}
/* the following one is for the firefox*/ .transborder{display:none;}
- quick_box{background-color:#444444;}
.light_tabs li a{background-color:#444444;border-color:black;} .light_tabs li.active{display:none;} textarea{background-color:#444444;border:1px solid white;color:#CCFFFF;overflow-x:visible;padding:2px;} .t_input{border:0px;border-bottom:1px solid silver;color:silver;background-color:#444444;}
- general{background-color:silver;border:1px solid #333333;}
.submit{background-color:#444444;border:1px solid #CCFF66;}
/* head of user document area */
.a_header{background-color:#444444;top:0px;}
.a_header h2{top:0px;height:36px;line-height:36px;color:yellow;background:url() no-repeat 0px 3px;padding-left:36px;}
.a_header h2 em{height:36px;line-height:36px;color:yellow;top:0px;}
div.box_action{color:yellow;background-color:#444444;} div.title{background-color:#444444;color:yellow;} div.f_status{background-color:#333333;color:silver;} .f_status a{background-color:#333333;color:black;} .facebox{background-color:#444444;color:black;}
.s_clear p{color:white;}
.tabs a{background-color:#333333;border:1px solid black;border-bottom:0px;} .tabs li.active{border:1px solid yellow;border-bottom:0px;} .tabs li.active a{border:0px;font-weight:bolder;}
- addfriend{background-color:#444444;}
.space_wall_post{background-color:#444444;color:white;}
/* Field of Personaly Activities List, the styles for feed list items. Since it is ugly, i just disabled is. .feed li.type_blog, .feed li.type_album, .feed li.type_thread, .feed li.type_share{ border:0px;padding:0px;padding-left:10px;margin:0px;margin-left:2em;margin-right:1em;} .feed a.type{left:-2em;} .feed li.type_thread{border-left:4px solid #3399FF;padding-left:10px;} .feed li.type_thread:hover{background-color:#000040;} .feed li.type_friend{border-left:4px solid #FFD700;padding-left:10px;} .feed li.type_friend:hover{background-color:#002B00;} .feed li.type_blog{border-left:4px solid #9B5200;padding-left:10px;} .feed li.type_blog:hover{background-color:#3E2000;} .feed li.type_doing{border-left:4px solid silver;} .feed li.type_doing:hover{background-color:#505050;}
- /
/* h3 */
.box h3{background:url() no-repeat 2px 5px;padding-left:33px;height:30px;line-height:32px;border:0px;background-color:#383838;color:#FF9900;font-style:bold;}
注意！
系统所给出的其他风格和自定义风格都只是针对个人主页的，所以在您访问到非个人主页的页面时，不要以为您自己定义的CSS样式失效了。另外，页面最上面的导航条似乎是改不动的。
