自由人博客
之前我已经对inove主题sidebar(侧边栏)上面的链接显示做了修改，可以让链接分两列显示，但是之前用的那个方法里面用的是id，这样的话，如果sidebar想要有多个分开的链接目录（比如你的链接有3个分类），那么这样就是错误的，因为一个页面只能有一个ID（需要注意的是，我已经对inove的主题的sidebar做了比较大的修改，原来的sidebar有4个widget，我已经修改为了2个，而且链接和分类目录已经不是左右并列显示了）。
开始想的比较简单，直接把ID改成class，然后style.css再把“#”换成“. ”就行了，不过这很快就被验证是不行的，因为原来的那个CSS里面嵌套的DIV UL比较乱，写的很不规范，那就自己动手改规范吧。
我的sidebar显示有两个链接分类，还有一个组织活动（这个没有加到链接里面，是我在sidebar里面直接写代码的）。
今天想把我用typecho搭建的一个站的文章标题颜色按照分类来显示，也就是不同分类，文章标题的颜色就会不同，效果可以查看www.jingang.org
刚开始想用<?php if ($this->is(‘category’,’news’)): ?> ，但是想了下，这个只是判断当前页面是不是news分类下面的，并不能达到我的要求，事实也证明我用此判断然后输出样式没有成功。
那怎么搞呢？typecho群里的宅给我提醒了，“ 直接class=”<?php echo 分类缩略字 ?>” ”，试了下 <?php $this->category(‘,’); ?> 不行，因为那个直接就输出分类的链接了。不过答案很快就给我找到了，<?php echo $this->category; ?> 就可以了。
近日用typecho搭建了一个小站www.jingang.org （为何不用WP？那个VPS的内存不够大，WP是比较耗资源的，而且WP的速度不是很快，typecho在这方面是很有优势的），但是由于typecho的资料比较少，而且刚试用这个程序，很多都不懂，找了半天解决了一些小问题。
首先是typecho的title我觉得写的不是很好，就找到了默认模板中header.php做了些修改。
原来的title是这样的
不用去点击关闭按钮，下面的是一个图片~~
前几天我已经发过两篇文章说我的域名情况了，第一篇是发牢骚，说国内域名转出很难难，文章见《我的域名，何去何从？》，第二篇是《收到万网域名转移码》。零零散散的，感觉不成样子，这里对我的转出经过简单记录下，希望对大家有用。
我的域名 zenoven.com是在万网的一个代理m95.cn这里注册的（当时图便宜，对国内域名不了解，现在想想都后悔，如果直接在国外注册就不会这么麻烦了），3月14日之前我就一直在询问代理域名转出的事情，他说要交50，我很愤怒，不想交钱，因为大家都知道域名转出注册商是不应该设置障碍的，而且万网已经说过了，转出是免费的，而他却说是公司规定！垃圾！14号的时候我实在是太想转出了，就跟代理联系，交了50块，接下来却又有问题了！问题就在于我的Registrant Organization上面填的是zenoven，如果想转出的话，就要邮寄zenoven的身份证等信息给万网，这可能吗？给万网打电话，回答是一样的。代理说，还有个办法就是在线过户，这样就可以更改那个Registrant Organization，不过两年之后才能转出。- – !
两年？天！扯淡！网上说万网这个是霸王条款，丝毫也不为过！让我说这不是霸王，是流氓！你凭什么让我两年之内不能转出？
html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre { display: block }
li { display: list-item }
head { display: none }
table { display: table }
tr { display: table-row }
thead { display: table-header-group }
tbody { display: table-row-group }
tfoot { display: table-footer-group }
col { display: table-column }
colgroup { display: table-column-group }
td, th { display: table-cell; }
caption { display: table-caption }
th { font-weight: bolder; text-align: center }
caption { text-align: center }
body { margin: 8px; line-height: 1.12 }
h1 { font-size: 2em; margin: .67em 0 }
h2 { font-size: 1.5em; margin: .75em 0 }
h3 { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu { margin: 1.12em 0 }h5 { font-size: .83em; margin: 1.5em 0 }
h6 { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong { font-weight: bolder }
blockquote { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address { font-style: italic }
pre, tt, code,
kbd, samp { font-family: monospace }
pre { white-space: pre }
button, textarea,
input, object,
select { display:inline-block; }
big { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub { vertical-align: sub }
sup { vertical-align: super }
table { border-spacing: 2px; }
thead, tbody,
tfoot { vertical-align: middle }
td, th { vertical-align: inherit }
s, strike, del { text-decoration: line-through }
hr { border: 1px inset }
ol, ul, dir,
menu, dd { margin-left: 40px }
ol { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol { margin-top: 0; margin-bottom: 0 }
u, ins { text-decoration: underline }
br:before { content: “\A” }
:before, :after { white-space: pre-line }center { text-align: center }
abbr, acronym { font-variant: small-caps; letter-spacing: 0.1em }
:link, :visited { text-decoration: underline }
:focus { outline: thin dotted invert }
平时我们做网页的时候会用到img标签来插入图片，再结合a标签可以给图片加上链接，但是其实单独用a标签就可以实现这样的效果，而且可以在单个图片中插入多个链接。
本文的基本做法就是用CSS Sprites将多个图片合并为1个，用CSS中的background属性代替img标签，用background-position来实现多个图片链接的最终效果。
例如原来3个图片链接的HTML代码如下