欢迎来 起落博客 加入收藏 设为主页

wordpress教程:wordpress评论窗口添加自定义背景图片



这个功能其实很容易实现的,无非就是修改个CSS,然后上传一个自定义背景图片就OK了,好吧,我承认我爱折腾!哈,先随便用个图片看看效果吧。

首先做的呢,就是先找个准备自定义背景图片,内容呢自由发挥,看你的PS本事了。

然后在主题的css(应该是style.css)中找到textarea的相关属性(我的为#comment,不清楚的大家用“审查元素”查看),代码参考如下:

#comment{ width:96%; height:150px; font-size:12px; overflow:hidden; background-image:url(images/comment-bg.png);background-repeat:no-repeat;background-position:right bottom;}

然后另外一个效果就是触控评论框时显示的背景图(这个之前是背景色,也可以去掉整个效果)
相关:

background-image:url(images/comment-bg.png):背景图片设置

background-repeat:no-repeat:背景是否重复(不重复)

background-position:right bottom:背景右下对齐

只需要加入这些代码,然后上传你的图片即可了。


原创文章,转载请注明:起落SEO博客
本文链接地址: http://76tui.net/archives/781.html

10 个评论:

  1. 这个比较容易实现

    [回复]

    uknow 回复:

    是的 哈哈

    [回复]

    先看看 said on: 19/07/2011 11:40 | Windows XP | 搜狗浏览器 2.X
  2. 虽然没用WP,但是也学习了,支持下!

    [回复]

    流氓兔 said on: 19/07/2011 13:56 | Windows XP | 搜狗浏览器 2.X
  3. 学习一下,即将使用WP

    [回复]

    uknow 回复:

    不错 到时候交流交流呢

    [回复]

    东营SEO said on: 19/07/2011 17:34 | Windows XP | Internet Explorer 6.0
  4. 最近我也希望学习一下wordpress,有机会要想博主请教一下,希望能够认识博主

    [回复]

    uknow 回复:

    嗯嗯 一起交流学习嘛

    [回复]

    桂林seo said on: 19/07/2011 21:26 | Windows XP | 搜狗浏览器 2.X
  5. 特别的好啊,呵呵

    [回复]

    uknow 回复:

    谢谢支持 哈哈~~

    [回复]

    静脉曲张袜 said on: 19/07/2011 21:34 | Windows XP | Internet Explorer 8.0
  6. 呵呵,蛮不错的功能~~~支持了

    [回复]

    uknow 回复:

    嗯 小巧易用呢

    [回复]

    www.80yk.com said on: 19/07/2011 22:32 | Windows XP | Chrome 12.0.742.122
  7. 这个要好好学习一下

    [回复]

    uknow 回复:

    恩恩 一起学习

    [回复]

    北京婚纱摄影 said on: 20/07/2011 00:13 | Windows XP | Internet Explorer 8.0
  8. 过来看看,这个正好我也不是很懂

    [回复]

    uknow 回复:

    呵呵 希望对你有用

    [回复]

    北京网站优化 said on: 20/07/2011 00:13 | Windows XP | Internet Explorer 8.0
  9. 博主很有创意,不过这个背景不怎么好看

    [回复]

    uknow 回复:

    嘿嘿 目前背景随便挑的 为验证功能是否能实现 以后会ps弄弄的

    [回复]

    电视棒 said on: 20/07/2011 01:02 | Windows XP | Internet Explorer 6.0
  10. 呵呵 兄弟我准备把所有文章去看一遍!

    [回复]

    创业想法 said on: 01/09/2011 20:57 | Windows XP | Opera 9.64

发表评论

Your email is never published nor shared. Required fields are marked *

*

*

=5190*

输入您的评论:


评论