2007-01-10 21:01

前面都讲了讲怎么用一些巧的方法来让你的博客看上去和别人的更不相同,不过要是真的想做到个性化,你还是多少要了解一些CSS和HTML。

css,也就是样式表,他通过设置博客上各个元素的属性来呈现网页,这个属性包括颜色高度字体大小等等。css一般的展现形式为:

css名称 {
    css属性1: 属性值1;
    css属性2: 属性值2;
 }

这样就是一个完整的css,在blogease里,所有的css名称都是固定的,也是对应好网页上每个元素的,因此你不需要修改css名称,只需要知道哪一个css名称对应着哪一个元素就好了。具体对应你可以看我的另外一片文章:CSS结构说明。多说一句的试,只有CSS名称第一个字符是.或者#的才是控制页面某一元素的,其他的是控制html的标签元素的,举例来说:

body {}  ---- 这个是控制html 的<body>标签的

#blogease   ---  这个是控制整个博客页面的

下面,我们首先要大概介绍一些html标签。

如果我们想创建一个链接,写法如下:

<a href="链接的地址">链接显示的文字</a>,例如<a href="http://www.dezine.cn">dezine网</a>,这时候这个链接是在同窗口打开的,如果我们想在新窗口打开这个链接,可以修改如下<a href=http://www.dezine.cn" target="_blank">dezine网</a>,试试看。

显示一副图像,写法如下:

<img src="图像的地址" width="图像宽度" height="图像高度" alt="图像不显示时替换的文字" />,例如<img src="http://www.dezine.cn/data/avatar/3.jpg" alt="我的头像" />这里面我没有写width 和 height,如果没有写,图像会按照它自身的大小显示。

现在我要给这个图像创建一个链接,就这样写:

<a href=http://www.dezine.cn" target="_blank"><a href="http://www.dezine.cn/data/avatar/3.jpg" alt="我的头像" /></a>,你又会发现,奇怪,怎么图像边上有个框框? 我们改写如下:<a href=http://www.dezine.cn" target="_blank"><a href="http://www.dezine.cn/data/avatar/3.jpg" alt="我的头像" border="0" /></a>,没有了吧?

现在我还想另起一行?很简单,输入一个<br/>就可以了

好了,知道这些基本上就够了,现在,假设你想修改链接的颜色,我们就要开始使用CSS了。

看看你的CSS代码里,应该又 a:link  a:visited a:hover a:active 或者试 a 这样的CSS名称,这些都是设置链接属性的。

a:link 和 a 是用来设置普通的链接的属性

a:active是用来设置当鼠标点击链接时链接的属性

a:visited设置已经访问过的链接的属性

a:hover设置当鼠标悬停在链接上时链接的属性

我们可以主要设置a和a:hover两个css来修改css链接的属性。

你可能需要用到的CSS属性:

color 文字的颜色

font-size:  文字的大小

text-decoration 文字是否需要下划线\中划线

background-color:链接的背景颜色

例如我们要建立一个12像素的蓝色的不带下划线的链接,我们的代码这样写:

a {
color:blue;
font-size:12px;
text-decoration:none
}

我们再希望当鼠标划过链接时,链接会显示出下划线,代码再增加:

a: hover{
text-decoration:underline;
}

这样链接的属性就设置好了,css不是很难,对吧?

最后再说一下,你在css代码中还能看到例如

#header .blogtitle a:hover {
}

这样的css,此时的链接的属性设置也仅仅对#header .blogtitle这个元素生效。

网上有很多免费的建立css效果的工具,你可以下载下来用用,比纯手写会方便的多

hehechuan 发表于 Blog开发 | 标签:blogease css html  | 评论(1) | 引用(0)
2007-01-10 01:17
blogease的一大特点是模块系统,用户可以添加不同的模块在博客中,用来展示不同的功能内容。

这其中的公告模块,是可以无限次添加的,用户可以在公告模块中使用html来让公告内容风丰富,比如我们想做一个自我介绍的栏目,我们只要首先添加一个公告模块,修改模块的标题为“自我介绍”,然后在模块内容中,输入我们的html内容就可以了。

也许你又要说了,哎呀,我的html不是很灵光啊,没关系,其实这个也很简单。我们所用的发表文章的编辑器是所见即所得的,你可以先在这个编辑器中输入你的文字和图片甚至是flash,把字换个颜色,加个背景什么的,然后看工具条第一个按钮,上面写着“源代码”的按钮,点它一下,发现什么的,你输入的文字直接转换成为html了吧?恩。。把这段代码直接发到公告内容中就好了。是不是挺简单的?

如果你在例如flickr、del.icio.us、豆瓣等这类网站中有注册,一般这样的网站都会提供一段代码,可以让你在自己的博客中显示你在那些网站上关注的内容的,你也可以把那些代码直接复制到你的公告中。

如果你想添加的计数器,可以申请一个免费的,然后把代码帖过来。我前面有一篇文章是介绍计数器的,可以找找看。

好了,公告模块就讲到这里,自己去试试看吧。
hehechuan 发表于 Blog开发 | 标签:blogease html 公告模块  | 评论(6) | 引用(0)