CSDN Blog 界面个性化指南

类别:编程语言 点击:0 评论:0 推荐:

一、使用“定制CSS选择器”
展开个人Blog的选项>>配置页,在里面找到“定制CSS选择器”,此项的功能是重写原来的CSS和定制新的CSS样式。原CSS样式可将你的Blog页保存后,在相应的文件夹里的style.css即为默认的CSS样式,可以后新编辑后再粘贴在“定制CSS选择器”里,刷新Blog即可看到页面格式变化。例如,我默认使用的是“Cogitation”样式,我觉得这个样式的链接样式不好看,因为当鼠标县停在连接上时,字体将成为斜体,且影响行距,于是我将它重写为:“#leftmenu A:hover { FONT-STYLE: normal; color:#FF00FF; }”(源代码中无引号),这时,指向链接时文字就不变为斜体了。 将自定义的CSS样式粘到“定制CSS选择器”区域后,即可在写文章时使用了。使用方法如下: 使用“HTML格式”直接使用CSS样式。调用方法与HTML源码格式相同。 或将源代码在外部编辑器中编好,再粘贴在文章内容里,注意,这里粘贴的是“源代码”。 二、使用“静态新闻/声明” Blog的另一项个性化设置即为“静态新闻/声明”,经过我的测试,此项只是改变Blog页面上“公告”下面的内容。 当将HTML源码写在这个栏里时,Blog将自动生成一个公告的头和样式,为: <div id="leftmenu"><h3>公告</h3><div class="News"> 从代码可以看出,系统自动加了一个“<div>”标签,所以若我们在里面直接写入源代码的话,这个标签将影响整个内容。故我们必需做一个“</div>”标签来将它关闭。我加上了以下源码将其关闭: <span >正在研究:</span><br>
<span >&nbsp;&nbsp;JavaScript</span>
<br><br>
</div> 可以看到,我在最后一行加了一个</div>的标签,将系统自动生成的<div>标签关闭。然后我又在后面加上以下码,写上我的个人信息(注意,最后不要加上</div>): <h3>个人信息</h3><div class="news">
Name: Joshua<br>
HomePage: http://www.javalet.com<br>
QQ: 371551685<br>
E-mail: [email protected] 这样就能多出一个栏目用于显于个人信息了。仿照这样,相信大家可以做出各种各样的效果。

本文地址:http://com.8s8s.com/it/it25476.htm