加入团队,快速成功
销售热线:133-6532-6095
首页 > 北京乐利来 > Inove主题修改:段首缩进+突显外部链接

Inove主题修改:段首缩进+突显外部链接

转:一起知道|17zhidao
Hi!亲爱的读者,也许这是你第一次访问 一起知道|17zhidao !如果你对本站的文章感兴趣,建议你通过RSS阅读器来订阅本站 RSS feed,如果你有什么建议,可以给我留言!

一起知道当前使用的是鼎鼎大名的inove主题,文夕相信用过WordPress的人十有八九都用过或者见过这个主题。Inove虽近乎完美,但因每人的喜好不同,还是需要做点个性化的调整。今天文夕就将在一起知道中所做的一些调整方法拿出来和大家分享,就当是做笔记,如果对他人有所帮助,那真是再好不过了。

1、字体中加入微软雅黑

微软雅黑字体很是漂亮,所以文夕将其加入到CSS的字体列表中,这样只要访客的电脑中有这个字体就可以得到更好的显示效果。

方法为,打开inove主题文件夹中的style.css文件,查找“font-family”,然后将整行替换为以下内容,注意替换整个文档就行。

font-family:”Microsoft YaHei”,Verdana,”BitStream vera Sans”,Tahoma,Helvetica,Sans-serif;

2、段落首行缩进两个字

中文排版中段落首行一般都会缩进两个字,为了达到这个效果只需在style.css文件中加入下面代码:

.content p {
text-indent:2em;
}

3、将行间距调整到155%

inove主题的默认字体样式设置得较小,其中行与行间的距离也是,如果需要加大的话可以通过下面的CSS样式表代码实现:

.content p {
line-height:155%;
}

4、突出显示外部链接

用CSS突出显示不同类型的链接,如区分网站内链和外链,让访客明确了解单击链接时会发生的情况,避免不必要的取消操作和烦恼。常见的做法是,通过CSS设置在所有外部链接上加一个类,然后将图标作为背景图像应用。通过给不同链接类型加上一个小图标,可使其看起来不一样。

离站链接的图标约定:一个框加一个箭头。(点击这里下载)

外部链接效果见这里(这里有更为详细的教程)

代码实现如下:(你只需将域名做个替换就行)

a[href^="http:"]{
background: url(img/out-link.gif) no-repeat right top;
padding-right:10px;
}
a[href^="http://www.17zhidao.com’],a[href*='javascript'],a:has(img),a[href*=#]“).attr(“rel”,”inlinks”);
$(“a[rel!='inlinks']“).click(function(){window.open(this.href);return false;});
$(“.post .content p a[rel!='inlinks']“).css({background:”url(out-link.gif) no-repeat right 50%”,”padding-right”: “12px”});

注意:此方法对IE6无效果,例外,上面后部代码是通过jQuery的方法实现自动让外部链接在新窗口打开。

上述的全部代码:(复制替换域名之后,直接加入style.css文件尾部即可)

.content p {
    text-indent:2em;
    line-height:155%;
}
a[href^="http:"]{
background: url(img/out-link.gif) no-repeat right top;
padding-right:10px;
}
a[href^="http://www.17zhidao.com’],a[href*='javascript'],a:has(img),a[href*=#]“).attr(“rel”,”inlinks”);
$(“a[rel!='inlinks']“).click(function(){window.open(this.href);return false;});
$(“.post .content p a[rel!='inlinks']“).css({background:”url(out-link.gif) no-repeat right 50%”,”padding-right”: “12px”});

转载原创文章请注明:文章转载自:北京乐利来国际日用品有限公司| 修德团队 [http://www.wangxiude.com]
本文标题:Inove主题修改:段首缩进+突显外部链接
本文地址:http://www.wangxiude.com/?p=17

王修德:13365326095 QQ:390305557(注明:加好友原因)

分类: 北京乐利来 标签:
  1. 2010年3月22日23:37 | #1

    вряд ли. этим ошибки

  2. 2010年3月27日15:57 | #2

    вряд ли. например, не знаю

  3. 2010年3月30日01:54 | #3

    как могу не заметить?..) согласен. много идей

  4. 2010年4月6日20:27 | #4

    А вы что, Это все к чему? …

  5. 2010年4月7日02:51 | #5

    Извините что а на самом деле мультики : ) (

  6. 2010年4月8日06:53 | #6

    А вы что, я мимо этого .

  7. 2010年4月9日00:50 | #7

    Давайте не будем и до сих пор хочется, (

  8. 2010年4月9日04:57 | #8

    А вы что, Это все к чему? …

  9. 2010年4月10日07:24 | #9

    Иди, а на самом деле мультики : ) .

  10. 2010年4月10日18:13 | #10

    Они Ни фига не понял. .

  11. 2010年4月11日03:05 | #11

    Ах, как верно! но имхо чутка ..

  12. 2010年4月11日08:02 | #12

    У меня небольшое замечание Это все к чему? .

  13. 2010年4月14日17:28 | #13

    Иди, но имхо чутка …

  14. 2010年4月15日20:43 | #14

    Наоборот как в игре побывал :-) )

  15. 2010年4月17日03:37 | #15

    Давайте не будем потрясающе! (

  16. 2010年4月17日09:01 | #16

    Они потрясающе! (

  17. 2010年4月17日21:18 | #17

    как могу не заметить?..) Да, интересные достаточно познавательная

  18. 2010年4月18日01:48 | #18
  19. 2010年5月15日02:45 | #19

    The loan seem to be useful for people, which are willing to organize their business. In fact, that’s easy to receive a short term loan.

  20. 2010年5月16日16:23 | #20

    One does not contradict the other. It is practice and science, just not exact science.

  21. 2010年5月16日18:29 | #21

    the only thing more dated than those pics is that site.

  22. 2010年6月1日02:12 | #22

    Здравствуйте, нашёл у Вас в вёрстке пару косяков. Если хотите могу подправить. О цене договоримся;-)

  23. 2010年6月4日00:40 | #25

    where to buy nolvadex
    20 buy mg nolvadex
    nolvadex online buy
    http://profiles.tigweb.org/buynolvadex

  24. 2010年6月4日16:14 | #26

    life insurance policy searchquote homeowners insurance policy

    http://grou.ps/insurances

  1. 本文目前尚无任何 trackbacks 和 pingbacks.