注意：如果您的模板是自定义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.024data.com/[/URL] 或直接输入网址，系统自动设置为超级链接。

[URL=http://www.024data.com/]沈阳时尚青年网[/URL]

2.显示为粗体效果

[B]文字[/B]

3.显示为斜体效果

[I]文字[/I]

4.显示为下划线效果

[U]文字[/U]

5.文字位置控制

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

[ALIGN=center]文字[/ALIGN]

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


[EMAIL]user@user.com[/EMAIL]

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

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

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


8.插入MicroMedia的Flash

[swf]http://www.024data.com/flag.swf[/swf]

[swf=宽度,高度]http://www.024data.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]