GlareVPN使用日本在地伺服器‧日本本地IP位址,述不能訪問日本國內網站的情形將通通消失。  獻給您和隊友:《暗黑破壞神 II:獄火重生》組隊祕訣   SteelSeries超輕量電競滑鼠Aerox 3 2022 Edition登場!   神羅公司募集私設強化兵!《FINAL FANTASY VII THE FIRST SOLDIER》首場官方直播於今日5月7日(五)19:00播出!   MSI 推出高 CP 值 27 吋曲面電競螢幕「Optix G27C7」   PS5獲指定為NBA 2K League的官方主機   DelightWorks設立新公司「株式会社ラセングル」繼承所有包括FGO等的遊戲事業   今次是無限列車篇!鬼滅之刃「橡皮擦系列第二彈」發售決定!   超級機械人大戰DD × 超級機械人大戰30!各個主角將於遊戲中參戰! 

WordPress 博客友情链接li列表前的黑点换成图标

科技

博客吧前不久做了个页面调用友情链接列表,调用成功后发现当前使用的WordPress主题设计使用的是默认的li样式,感觉友情链接排列前的点是一个接着一个的大黑点,很不美观,所以博客吧对其作了修改,利用CSS把li黑点转换成图标显示。实现的方法很简单,略懂CSS编码就可以制作,博客吧简单作下说明。

li黑点转换成图标:

  1. 博客吧文章内容部分的样式是#content.post{},由于调用友情链接的代码使用了ul标签,所以该样式代码应该写成
    #content.post ul li{list-style-type:none; background:url(图标URL地址) no-repeat center left; padding-left:20px;}
  2. list-style-type:none:先去掉黑点
    background:url(图标URL地址):图片的地址
    paddding-left:后面的参数是图片的宽度,如果不编写该句,图标则会被文字覆盖
  3. 演示http://www.boke8.net/blogroll

提醒:由于使用的是文章中的CSS样式,所以这样设计后,文章中的li点也会变成图标,这时可以把#content.post{}复制一个,然后更改post为blogroll,即成为#content.blogroll{},直接再把页面中的<div class=”post”>改为<div class=”blogroll”>

分享家:Addthis中文版

 » 转载请注明出处: 博客吧

 » 本文地址:http://www.boke8.net/wordpress-blogroll-li-ico.html

Go to Source

隨機科技新聞

NordVPN