邪罗刹的菠萝阁


> O(∩_∩)O 话说最近一直觉得这个最近文章的侧边栏列表太淡薄,然后就看着很不顺眼。
> 今天终于发现原因所在,原来是缺少了列表图标,图标一放上去就完美了。

> P.s. 好想看下雪啊,我浙江这边最近也只是上半部分下过雪,我在下半部分来着,期待中。

> 看源代码就知道设计者提供了叫 Widget_recent_entrie 的类选择器。
> 这个Elegantbox的设计者真是考虑周到,虽然CSS文件里没有写,但是在模板里都有标记。
> 我觉得这个习惯很好,就算原本没有在CSS里用到,但还是提供这个,方便我们修改。

<li class="widget widget_recent_entries">
<h3>最近文章</h3>
</li>

> 所以在CSS文件中加入以下代码即可,0 表示水平靠左,50% 表示垂直居中。
> Url的相对路径是相对CSS文件的,那么放在 images 的 src 文件夹中就该这样写。
> 左边留 15px 的填充来放置图标,因为我的图标是 12px 的。

#sidebar .widget_recent_entries li {
	background:url(images/src/li.png) no-repeat 0 50%;
	padding-left:15px;
}

> 本文送给CSS初学者,高手勿笑,呵呵。
> 我相信多多帮助初学者,然后大家可以共同进步。

Idea
> 我对于网页的审美观里包括一个概念,平衡。
> 因为我的最近评论和组织俩个挂件都在左边有个相对较大的图标,而整个列表都是字。
> 那么左边的重量就比右边大一些,结果就造成了不平衡。
> 那么在下面就应该有一个元素来把上面的重量托起来,才会平衡。所以才加上图标。
> 而在我的侧边栏这里,只能托,而不能在下面的右边增加元素,试图让左右重量相等。
> 因为从整体上看,如果不托起而增重,并不能平衡,而会让整个列表显得歪歪斜斜,那就不好了。
> 平衡,真是一个很微妙的东西。

Leave a comment
18 Comments.
  1. Awu Mozilla Firefox Ubuntu Linux 坐沙发!#1

    挺好看,你研究的东西我以后都可能用得上啊!

    @
  2. 邪 罗刹 Google Chrome Windows 坐板凳!#2

    @Auston Jary,
    呵呵,加油喔,↖(^ω^)↗。

    @
  3. bolo Mozilla Firefox Windows 躺地板!#3

    没用到Backgroun-image Sprite

    @
  4. 我是菜鸟,支持一下

    @
  5. exia Maxthon Windows 下水道!#5

    你的审美方式的确很特别~
    而且也让人觉得蛮舒服的~
    看得出来,你在这里面下了很多功夫的~

    @
  6. keon Mozilla Firefox Windows 地心!#6

    最近都没空折腾wordpress~~我是个悲剧

    @
    • @keon , ╮(╯▽╰)╭ 你每天肯定好忙哦 那么加油喔 ~
      生活总会渐渐的好起来的 ~
      话说你的 Take Your Time 真有意思 嘿嘿 ~

      @
  7. 是好看了很多阿

    @
  8. HOHO,好好学习 天天向上啊~

    @

Leave a Reply


[ Ctrl + Enter ]