• inove主题链接两列显示方法

    之前我已经对inove主题sidebar(侧边栏)上面的链接显示做了修改,可以让链接分两列显示,但是之前用的那个方法里面用的是id,这样的话,如果sidebar想要有多个分开的链接目录(比如你的链接有3个分类),那么这样就是错误的,因为一个页面只能有一个ID(需要注意的是,我已经对inove的主题的sidebar做了比较大的修改,原来的sidebar有4个widget,我已经修改为了2个,而且链接和分类目录已经不是左右并列显示了)。

    开始想的比较简单,直接把ID改成class,然后style.css再把“#”换成“. ”就行了,不过这很快就被验证是不行的,因为原来的那个CSS里面嵌套的DIV UL比较乱,写的很不规范,那就自己动手改规范吧。

    我的sidebar显示有两个链接分类,还有一个组织活动(这个没有加到链接里面,是我在sidebar里面直接写代码的)。 更多...

  • typecho按分类显示文章标题颜色实战

    今天想把我用typecho搭建的一个站的文章标题颜色按照分类来显示,也就是不同分类,文章标题的颜色就会不同,效果可以查看www.jingang.org

    刚开始想用<?php if ($this->is(‘category’,’news’)): ?> ,但是想了下,这个只是判断当前页面是不是news分类下面的,并不能达到我的要求,事实也证明我用此判断然后输出样式没有成功。

    那怎么搞呢?typecho群里的宅给我提醒了,“ 直接class=”<?php echo 分类缩略字 ?>” ”,试了下 <?php $this->category(‘,’); ?> 不行,因为那个直接就输出分类的链接了。不过答案很快就给我找到了,<?php echo $this->category; ?> 就可以了。 更多...

  • typecho学习札记

    近日用typecho搭建了一个小站www.jingang.org (为何不用WP?那个VPS的内存不够大,WP是比较耗资源的,而且WP的速度不是很快,typecho在这方面是很有优势的),但是由于typecho的资料比较少,而且刚试用这个程序,很多都不懂,找了半天解决了一些小问题。

    首先是typecho的title我觉得写的不是很好,就找到了默认模板中header.php做了些修改。

    原来的title是这样的 更多...

  • 推动浏览器的W3C标准需要这样做吗?

    不用去点击关闭按钮,下面的是一个图片~~

      更多...

  • 万网域名转出到Godaddy全程记录

    前几天我已经发过两篇文章说我的域名情况了,第一篇是发牢骚,说国内域名转出很难难,文章见《我的域名,何去何从?》,第二篇是《收到万网域名转移码》。零零散散的,感觉不成样子,这里对我的转出经过简单记录下,希望对大家有用。

    1、转出遇阻

    我的域名 zenoven.com是在万网的一个代理m95.cn这里注册的(当时图便宜,对国内域名不了解,现在想想都后悔,如果直接在国外注册就不会这么麻烦了),3月14日之前我就一直在询问代理域名转出的事情,他说要交50,我很愤怒,不想交钱,因为大家都知道域名转出注册商是不应该设置障碍的,而且万网已经说过了,转出是免费的,而他却说是公司规定!垃圾!14号的时候我实在是太想转出了,就跟代理联系,交了50块,接下来却又有问题了!问题就在于我的Registrant Organization上面填的是zenoven,如果想转出的话,就要邮寄zenoven的身份证等信息给万网,这可能吗?给万网打电话,回答是一样的。代理说,还有个办法就是在线过户,这样就可以更改那个Registrant Organization,不过两年之后才能转出。- – !

    两年?天!扯淡!网上说万网这个是霸王条款,丝毫也不为过!让我说这不是霸王,是流氓!你凭什么让我两年之内不能转出? 更多...

  • 各种HTML标签CSS属性默认值汇总

    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 } 更多...

  • CSS Sprites技巧:单个图片插入多个链接

    平时我们做网页的时候会用到img标签来插入图片,再结合a标签可以给图片加上链接,但是其实单独用a标签就可以实现这样的效果,而且可以在单个图片中插入多个链接。

    本文的基本做法就是用CSS Sprites将多个图片合并为1个,用CSS中的background属性代替img标签,用background-position来实现多个图片链接的最终效果。

    例如原来3个图片链接的HTML代码如下 更多...

  • WordPress单日志添加AD及sidebar小工具的应用

    1、单日志添加AD(如Google AD)

    WordPress中single.php是单篇日志模板,如果需要在单篇日志中加入GoogleAdSense或是其他广告,这样做。

    找到你所在主题中single.php如下代码 更多...