现在的位置: 首页 > 综合 > 正文

CSDN Blog 界面个性化指南

2013年09月20日 ⁄ 综合 ⁄ 共 983字 ⁄ 字号 评论关闭
一、使用“定制CSS选择器”
展开个人Blog的选项>>配置页,在里面找到“定制CSS选择器”,此项的功能是重写原来的CSS和定制新的CSS样式。原CSS样式可将你的Blog页保存后,在相应的文件夹里的style.css即为默认的CSS样式,可以后新编辑后再粘贴在“定制CSS选择器”里,刷新Blog即可看到页面格式变化。例如,我默认使用的是“Cogitation”样式,我觉得这个样式的链接样式不好看,因为当鼠标县停在连接上时,字体将成为斜体,且影响行距,于是我将它重写为:“#leftmenu A:hover { FONT-STYLE: normal; color:#FF00FF; }”(源代码中无引号),这时,指向链接时文字就不变为斜体了。
将自定义的CSS样式粘到“定制CSS选择器”区域后,即可在写文章时使用了。使用方法如下:

  1. 使用“HTML格式”直接使用CSS样式。调用方法与HTML源码格式相同。
  2. 或将源代码在外部编辑器中编好,再粘贴在文章内容里,注意,这里粘贴的是“源代码”

二、使用“静态新闻/声明”

Blog的另一项个性化设置即为“静态新闻/声明”,经过我的测试,此项只是改变Blog页面上“公告”下面的内容。 当将HTML源码写在这个栏里时,Blog将自动生成一个公告的头和样式,为:
<div id="leftmenu"><h3>公告</h3><div class="News">
从代码可以看出,系统自动加了一个“<div>”标签,所以若我们在里面直接写入源代码的话,这个标签将影响整个内容。故我们必需做一个“</div>”标签来将它关闭。我加上了以下源码将其关闭:
<span >正在研究:</span><br>
<span >  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: javalet@163.com
这样就能多出一个栏目用于显于个人信息了。仿照这样,相信大家可以做出各种各样的效果。

抱歉!评论已关闭.