帮助

博客操作说明

注意：如果您的模板是自定义HTML生成的，那么系统提供的模板对您来说是无效的，如果您想使用系统模板，就必须选择恢复默认样式，然后再选择系统模版！

一、上传我的CSS和自定义HTML的区别
二、自定义HTML部份：主模板和副模板的区别
三、恢复默认样式的作用
四、自定义HTML处的保存和应用的区别
五、上传CSS注意事项
六、系统模板的CSS的样式说明
七、自定义HTML的标签说明
八、UBB帮助说明

一、上传我的CSS和自定义HTML的区别
上传我的CSS：一般来说，本站的模板，只要更改CSS文件就可以实现整体样式的改变，像系统里几个模版的HTML代码都是一样的，仅仅更改了CSS而已，所以如果你会CSS，推荐使用这种方式来改变您的博客模板!更改CSS以前请阅读CSS的帮助文档和下载本站的DIV模板的结构包！以便您便好的制作出合适的CSS样式！ 自定义HTML：是指改变博客网页的HTML代码来达到博客网页样式的改变！当这里您可以使用表格等工具！点这里查看自定义HTML的标签说明！
二、自定义HTML部份：主模板和副模板的区别
主模板是指首页和列表页，副模板是指日志的显示页面！
三、恢复默认样式的作用
恢复默认样式将会将您的博客样式回复到您刚注册时的原始状态，一般在您定义博客样式后导致您的博客无法访问时使用！
四、为什么我保存了HTML模板,而我的博客样式还是没有变过呢?
保存HTML模板后不会立即生效,您要在"我的HTML列表"中选择你保存过的HTML模板，然后点应用才会生效！
五、上传CSS注意事项

1,改变CSS以前您可以下载本站的DIV模板的结构包,一边制作CSS，一边看静态页的效果，满意了再上传！
2,如果有图片,请先上传，然后将CSS中的图片路径替换!
3,DIV包中index.html,show.html,lsit.html分别是：首页，显示页，列表显示页的静态页，CSS.CSS是您需要修改的文件,您可以一边修改,一边看index.html,show.html,lsit.html这几个页面的效果！
4,每个样式下面都可以:样式名 空格 a:link 这样的方式定义此样式下的超联接！
5,修改好后，请您在本地保存好相关文件，以免在上传时出错，全功尽弃！

六、系统模板的CSS的样式说明

CSS名 | 功能
#body | 定义网页的BODY区域
a:link | 定义默认情况下，网页上超联接的样式
a:visited | 定义默认情况下，网页上点击过的超联接的样式
a:hover | 定义默认情况下，网页上鼠标移停留时超联接的样式
a:active | 定义默认情况下，网页上鼠标点下去时超联接的样式
#header | 定义头部文件
#blogname | 博客名称，下面可以有#blogname a:link #blogname a:visited等，定义博客名的超联接样式，也可以不定义
#blogtitle | 博客标题

#center

为了居中在Mozilla Firefox浏览器下正常，用了这个，一般定义如下：
居中：

#center {
padding: 0px;
margin: 0px auto;
width: 多少px;
}

不居中：
#center {
padding: 0px;
margin: 0px auto;
}

#middle | 这个css无论什么时候都要左对齐
#middleleft | 日志列表，显示的那一侧
.articleslist | 日志标题，天气，作者，内容，分类等一个整块，每一条日志就一个这样的块
.list | 日志以列表形式显示时的样式
.articleslist h1 | 普通日志标题
.articleslist h2 | 天气，作者，时间，出处
.articleslist h3 | 日志最后的分类，部落，评论数，阅读数等
.articleslist h5 | 置顶日志的标题！
.articleshow | 日志内容
#comments | 评论块
.commentslist | 每一条评论的块，每一条日志就一个这样的块！
.commentslist h1 | 评论标题
#comments input | 评论文本框
#comments textarea | 评论内容框
#righth | 日志，分类，统计，归档那一侧
.righth1 | 日历，分类，最新回复等侧面的标题样式
.rightdiv | 下面还有.rightdiv li即<ul class=".rightdiv"><li>我的分类</li><li>我的分类</li></ul>
.photo | 个人头像的样式
#about 和 #about li | 个人简介的样式
#announcement | 公告CSS样式
#foot | 页尾的样式
#calendar | 日历显示部份
以下样式一般情况下不需修改
.page | 分页部份，下面有.PAGE H1:为页码显示,.PAGE H2:为显示,列表部份
#headbg | 日历:几几年几月的样式
.lnyear | 上一年,下一年,上一月,下一月几个小箭头的样式
.eachdaybg |
.eachdaybg td | 普通的日子的样式.eachdaybg td a:link等可以定义有联接的日子的样式
#getdate | 今天的样式
#weekday |
#weekday td | 星期样式
.quote | 引用时的样式
.code | 代码样式

七、自定义HTML的标签说明

通用部份
#blogtitle# | 博客标题
#blogname# | 博客名称
#Calendar# | 日历
#ByClass# | 日志分类及导航
#ByMonth# | 归档
#Announcement# | 公告
#Aubot# | 自我介绍，包括头像
#buluo# | 部落
#NewReply# | 最新回复
#Link# | 联接
#Statistics# | 统计
首页及日志列表页
#do# | 日志循环开始，必须放在#title#的前面,要和#foot#对应
#title# | 日志标题
#wh# | 天气，作者，时间，出处
#zy# | 日志摘要
#foot# | 日志阅读数，所属分类，部落等
#loop# | 日志循环结束,必须放在最后#foot#的后面,要和#DO#对应
日志显示页
#ArticlesTitle# | 日志标题
#wh# | 天气，作者，时间，出处
#UserBlogInfo# | 日志内容
#Foot# | 日志阅读数，所属分类，部落等
#tag# | 标签
#comments# | 回复列表及回复表单
自定义HTML时用到的CSS属性(请将下面的CSS复制到您的HTML模板里,否则可能在显示时会有一些问题)

<style type="text/css">
<!--
.page {
font-size: 13px;text-align: right;margin: 5px 0px;padding: 5px 0px;font-weight: normal;width: 100%;
}
.page h1 {font-size: 13px;font-weight: normal;margin: 0px;padding: 0px;text-align: left;
}
.rightdiv {
padding: 0px;
margin: 10px 0px;
float: left;
}
.rightdiv li{
padding: 5px 0px;
text-align: left;
list-style-type: none;
margin: 0px;
}
#about {
float: left;
margin: 0px 0px 10px;
padding: 2px;
}
#about li {
list-style-type: none;
margin: 0px;
padding: 0px;
}
.lnyear {
cursor: hand;
}
-->
</style>

八、UBB帮助说明

什么是UBB代码？
UBB代码是HTML的一个变种,是Ultimate Bulletin Board (国外的一个BBS程序)采用的一种特殊的TAG。您也许已经对它很熟悉了。UBB代码很简单，功能很少，但是由于其Tag语法检查实现非常容易，所以我们的网站引入了这种代码，以方便网友使用显示图片/联接/加粗字体等常见功能。

这里讲给出UBB代码使用的几个例子。

1.有两种方法可以加入超级连接，可以连接具体地址或者文字连接。

[URL]http://www.smallstick.net/[/URL] 或直接输入网址，系统自动设置为超级链接。

[URL=http://www.smallstick.net/]smallstick[/URL]

2.显示为粗体效果

[B]文字[/B]

3.显示为斜体效果

[I]文字[/I]

4.显示为下划线效果

[U]文字[/U]

5.文字位置控制

在文字的位置可以任意加入您需要的字符，center位置center表示居中，left表示居左，right表示居右，justify表示两端对齐

[ALIGN=center]文字[/ALIGN]

6.加入邮件连接有两种方法可以，可以连接具体地址或者文字连接

[EMAIL]webmaster@smallstick.com[/EMAIL]

[EMAIL=Mailto:webmaster@smallstick.com]smallstick[/EMAIL]

7.插入图片，并可以点击图片打开新窗口查看图片。

[IMG]http://www.smallstick.com/images/logo.gif[/IMG]

8.插入MicroMedia的Flash

[swf]http://www.test.com/flag.swf[/swf]

[swf=宽度,高度]http://www.test.com/flag.swf[/swf]

9.实现文字飞翔效果(跑马灯)。

[FLY]文字[/FLY]

11.实现文字颜色改变。

[COLOR=颜色]文字[/COLOR]

12.实现文字大小改变。

[SIZE=数字]文字[/SIZE]

13.实现文字字体转换。

[FACE=字体]文字[/FACE]

15.插入RealPlayer格式的rm文件。

[RM=]http://....[/RM]

[RM=宽度,高度]http://....[/RM]

16.插入为Midia Player格式的文件。

[MP=]http://....[/MP]

[MP=宽度,高度]http://....[/MP]