小程教你加个背景图片在WordPress的评论、留言框中

  小程今天在评论、留言框加入了一个背景图片,为博客增加一些色彩,可是自己不懂css,找了半天才把图片加进去。这里就说说怎么做的。

  首先,需要制作一个留言框大小的图片,例如小程的是600×125,每个人的留言框大小都有不同的,所以需要有所改变,这里可以使用这个叫“飞尺”的工具量量自己的留言框大小,然后再用作图工具制作。

  制作好了图片后可以上传到自己的空间,也可以用提供外链的空间,小程这里使用的是外链的方式。

  最后找到自己主题下的style文件,寻找“textarea”这个字段。这里要说明一下,每个主题style文件都不同,例如小程使用的是“elegant-box”主题,我是查找的“textarea”,有些主题则是找“background”,或者找“comment”,一般都是含有“background”或“comment”字段的,大家可以多试试,我也是试了很久。

  当找到之后,在大括号里面添加下面这段代码

background: url(‘图片的链接地址’) no-repeat center center;

  添加后变成这样:

textarea#comment {
    background: url(‘图片的链接地址’) no-repeat center center;
    width:611px !important;
    width:610px;   
}

  有些是已经有了background的语句,将其修改成上面的代码就行了。

  好了,把改的文件上传覆盖,最后就去看看效果吧。

评论

  1. simba
    14年前
    2009-12-09 2:14:33

    免费空间挺快的。在那里申请的,不错,

    • simba
      14年前
      2009-12-09 9:00:56

      呵呵,忘了说,前段时间买空间了,就回国了,所以变快了。

  2. 14年前
    2009-12-09 0:20:10

    谢谢哦!

    • licream
      14年前
      2009-12-09 9:00:10

      不客气

  3. 14年前
    2009-12-08 15:34:56

    看到背景图了,很不错啊

    • 博主
      万戈
      14年前
      2009-12-08 15:59:57

      呵呵,谢谢。可惜自己不懂美术,所以看着有些简单,将来有灵感再改改吧。

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇