VeryUE

非 常 悠 逸

Tag: CSS

改造 Firefox 侧边栏实现浏览器分栏

headerpic

在浏览网页时,有时需要同时打开两个网页进行连接或者比较,这时,如果能对浏览器进行分栏,即方便地显示两个网页是非常有用的。一个比较直接的方法就是将两个网页放在两个不同的浏览器窗口中,通过改变窗口的大小实现网页同时显示。但是,这种方法比较复杂,改变窗口大小时需要同时对两个窗口进行重新调整。这里介绍一种新的方法:通过 Firefox 自带的侧边栏(Sidebar)功能实现分栏。

我们知道,在 Firefox 书签属性中,可以设置 Load this bookmark in the sidebar(在侧边栏打开书签)。这样,点击此书签时会从侧边栏打开。但是,这里存在两个问题:

  1. 只能在侧边栏中打开书签中设置了上述属性的标签;
  2. 侧边栏的宽度有限制,不能满足网页宽度要求。

因此,本文的目的就是要解决这两个问题,实现侧边栏分栏阅读目的。 点击继续阅读全文»

按需加载 Download Monitor 样式

download-monitor

折腾 WordPress 难免要考虑网页优化问题,其中一条准则就是要减少网页的 http 请求,尽量合并或去除 CSS、JS。我也顺便看了一下我的博客,发现只有 Download Monitor 的 CSS 文件还有优化的余地。

Download Monitor 是一个很流行的 WordPress 下载管理插件。默认情况下,它会在各个网页中都加载它的 CSS 样式,但这是没有必要的。我们只需在使用了它的文章页面加载样式。放 Google 一搜,果然有一篇文章符合这个需求。

但是,需要对代码进行一点修改以实现我的目的:

  1. 只在含有 foo标签(可自行修改)的文章加载 CSS 样式;
  2. 只在文章中(非首页、页面等)加载 CSS 样式。

修改后的代码为: 点击继续阅读全文»

WordPress主题Manifest修改实录

Manifest主题是我目前正在用的博客主题,作为一款Minimalism类的主题,它简洁干净(Simple & Clean),非常适合随心所欲的书写文字,不愧是Jim Barraud的作品。

Roamlog翻译了它的1.0版本的介绍,我就引用一下:

主要特点有:

  • Valid XHTML
  • Microformat support
  • 404 页面, 内置“Recent Articles”
  • 存档页面,支持页, 分类, 标签
  • Links 页面
  • 支持 Google AD
  • 不支持 IE6

看上去很舒服的一款主题, 推荐一下, 另外, 搜索框是在最下面, 在 footer 部分还支持添加一些社会化网络(其它的也可)的链接, 可以自行添加.

实际上,作者已经发布了这个主题的1.1版本,可以在其主页看到。1.1的新特征有:

  • 层叠评论。
  • 支持Wordpress画廊。
  • 支持在页面内评论
  • 导航栏中一级子页面支持。

一般来说,基于以下两方面原因,我们通常需要对Wordpress主题进行一定的修改:

  1. 由于英文主题针对英文字母而优化,对中文的支持不好,往往字体偏小。而且会缺少中文字体集(font-family),我们必须进行添加。
  2. 主题中的某些功能不适合,需要修改。

修改的过程不是一蹴而就的,需要不断磨合,在使用的过程中发现问题,及时修改。所以我会在这里记录修改的过程:备份并且分享。 点击继续阅读全文»

无觅相关文章插件,快速提升流量