WP-UserAgent16*16素材打包/附给读者墙第一名戴上皇冠方法

本来只准备写后者的,但是因为方法太简单只有一句话,实在短的无法直视,刚好大家都比较欢喜我WP-UserAgent的图,我实在是很懒,所以两篇文章兑一起了,先说读者墙第一名戴皇冠的方法:

读者墙第一名戴皇冠方法

今天下午刚弄的,新鲜出炉,先上效果图~,

截图

实现方法很简单,只需要一句css即可,具体数字根据你们主题而改哈,

.readers-list li:first-child:before{
	content:"  ";
	background:url(图片地址) no-repeat 0 0;
	position:absolute;
	left:50px;
	top:50px 
} 

:first-child是css中的一个伪类,对象为元素的第一个子元素,可以广泛运用在各种地方,折腾~
顺便贡献几个小皇冠素材:小皇冠素材下载

WP-UserAgent16*16素材打包

我只替换了自己网站留言访客用过的agent logo,是16*16的,如果后期大家奋力留言,涌现更多的agent,我会持续更新的 :mrgreen:
最后~这些标志有的是收集的有的是亲手画的,总之很辛苦啦,大家如果喜欢就好,吃水不忘打井人啊…你懂的

LIKE OR SHARE IT:

admin发表于Code目录下,标签为,转载请保留链接

TOP DOWN
发表评论

您必须 [ 登录 ] 才能发表留言!

  1. 沙 发 郑永

    先占个沙发。。呵呵。。

    三月 2, 2013 22:45:25
  2. 板 凳 xsinger

    :first-child:before这样的css语法其实可以解决很多这样的问题,但是我用的很少!
    发奋图强争取拿皇冠, :meme: ,加了你友情链接了~可以去看看!

    三月 3, 2013 00:15:25
  3. 地 板 张书杨

    :guzhang: 也是争取皇冠 哈哈 东西拿走了 感谢分享 辛苦辛苦

    三月 3, 2013 10:11:56
  4. 地 毯 大发

    before也是伪类,哈哈

    三月 4, 2013 11:38:13
  5. 地 面 零落千起

    :koubi: 略屌,排第二

    三月 4, 2013 22:29:01
  6. 地 下 xsinger

    你首页那个new应该不是用这个方法的吧?

    三月 6, 2013 15:16:03
  7. 7 楼 张书杨

    WP-UserAgent图标怎样放到评论者后面?试过很多趟,都是跑到评论底下去了。

    三月 6, 2013 21:38:03
  8. 8 楼 张书杨

    :guzhang: 已经搞定,准备休息了,博主晚安

    三月 6, 2013 23:37:45
  9. 9 楼 Tokin

    :cao: 为什么我弄不出来

    三月 16, 2013 13:11:31
  10. 10 楼 figo

    IE8不支持:first-child,看不到……

    三月 23, 2013 15:20:23
    • 小蝴蝶

      @figo IE8……跪了

      1001室 三月 23, 2013 15:47:44
      • figo

        @小蝴蝶 xp下只能是IE8了,还有大部分所谓的双核,ie内核都是7……

        1002室 三月 23, 2013 16:39:09
    • figo

      @figo 我在头像外的盒子通过before添加背景图像,IE下显示在头像的下面,如何破?! :sui:

      1001室 三月 23, 2013 15:55:43
      • 小蝴蝶

        @figo 为ie做个hack吧….

        1002室 三月 23, 2013 16:00:00
        • figo

          @小蝴蝶 我是这样想的,关键是,how?

          1003室 三月 23, 2013 16:37:30
          • 小蝴蝶

            @figo 如果要支持所有版本的ie,在后面加9,比如 div{color:#0009} 则可以被所有IE识别

            1004室 三月 23, 2013 16:39:12
            • figo

              @小蝴蝶 这个明白,但ie下如何使它显示在前面,这个……?

              1005室 三月 23, 2013 16:41:22
              • 小蝴蝶

                @figo 哦哦 你是说后面啊 你刚才说下面 我还以为是下方.. 这个用before好像不行吧,这也是我之所以用fist-child的原因..如果你想兼容IE,就把皇冠弄正了,直接顶在头像上面吧…这样也就不存在前面后面了…囧

                1006室 三月 23, 2013 16:43:59
                • figo

                  @小蝴蝶 :han: sorry, please type some Chinese words like 小蝴蝶最漂亮 in your comment to pass the spam-check . (copy is ok) 对不起,为了防垃圾评论,评论内容中必须带有中文字符.

                  1007室 三月 23, 2013 16:51:49
  11. 11 楼 kn007

    学习了!

    七月 21, 2013 20:11:56
  12. 12 楼 第十一颗行星

    唉,ajax评论+美化版UserAgent 和 多说评论,没法取舍啊,不知道选择哪个更好了。纠结~

    十一月 5, 2013 15:40:36
  13. 13 楼 嘚啵嘚

    很强大!

    三月 16, 2014 14:30:06
  14. 14 楼 殁漂遥

    貌似很强啊啊!

    四月 15, 2014 15:59:36
  15. 15 楼 牧风

    好图标, 我喜欢

    五月 18, 2014 13:52:59