jimdo美化-jimdo留言、评论部分的修饰|留言、评论框添加背景

        最近在浏览一些网站的时候经常看到很漂亮的留言框,也学着在jimdo上做做,下图是我今天刚刚修改之后的效果:

留言评论-诸葛草帽

        其实现在的样子只是在以前的效果上添加了背景而已,以前写过的相关文章:《Jimdo教程:Jimdo网站留言、评论部分的修饰与美化》《jimdo技巧-jimdo留言、评论、博文中含有较长网址链接导致网页出现问题的解决方法》《jimdo技巧-jimdo留言、博文评论输入框在IE6下的小“bug”修复》,感兴趣的朋友可以去看看,下面说下诸葛草帽这次修改的代码,在css里添加以下代码:

ul.com-list textarea

{width:560px!important;background:#fff url("http://u.jimdo.com/www24/o/sea6d17695a9c2b53/userlayout/img/comment-bg.gif?t=1289453117") no-repeat center;}

ul.com-list input.single

{background:#dcdcdc;}

代码中红色部分是修饰评论和留言框的,添加了一个背景图片,而且居中显示,蓝色部分是上面姓名和主页框部分的,只修改了背景颜色,喜欢的朋友可以自己修改成自己喜欢的样式。如果你也喜欢这个背景的话,你可以直接引用我的图片链接地址或者下载这张图片之后传到你自己的网站上去。图片在下面:

jimdo=诸葛草帽

Write a comment

Comments: 15
  • #1

    网型网秀 (Thursday, 11 November 2010 17:24)

    无觅给我发个邮件说你也介绍了它,要求删掉之前的代码,换成:
    <script type="text/javascript">
    var wumiiSitePrefix = "http://wxwx.jimdo.com/";
    </script>
    undefined
    没有弄懂是个什么意思。好像没有这段代码还是一样的。

  • #2

    诸葛草帽 (Thursday, 11 November 2010 18:38)

    回复网型网秀:现在的无觅和以前的代码稍有不同,具体我也不太清楚,感觉这段代码会影响到相关文章的关联度等方面吧

  • #3

    王滨音乐空间 (Thursday, 11 November 2010 19:52)

    诸葛草帽:你好!我是在你和邻居及网型网秀站里学到很多建站的知识,闲来无事时就把布局重新调整一下,衷心希望得到你的建议和指点。谢谢你。

  • #4

    网上邻居 (Thursday, 11 November 2010 21:37)

    呵呵,这个很好玩。

  • #5

    诸葛草帽 (Friday, 12 November 2010 08:38)

    回复王滨音乐空间:圆角用得很出色,只是ie不能显示这个效果有点可惜,中间有片空白,看着有点别扭,呵呵

  • #6

    诸葛草帽 (Friday, 12 November 2010 08:40)

    回复网上邻居:每天都去邻居那里看几次,怎么最近不搞jimdo了呢?^_^

  • #7

    wshy (Tuesday, 07 June 2011 20:32)

    你好!你做的评论留言版好靓,我想问你这样可以做留言框的四个角半圆,还需要加什么代码,可以指点下吗?

  • #8

    诸葛草帽 (Tuesday, 07 June 2011 20:38)

    @wshy:这个效果也比较容易实现,需要以下代码:
    .commententry{padding:8px;border:1px solid #acacac;border-bottom-left-radius:5px 5px;border-bottom-right-radius: 5px 5px;}
    .com-meta{background:#eee;border:1px solid #acacac;border-bottom:0;padding:8px;border-top-left-radius: 5px 5px;border-top-right-radius: 5px 5px;}
    ,这个效果在ie内核浏览器下貌似不能生效

  • #9

    wshy (Tuesday, 07 June 2011 21:07)

    你的解答真好快,多谢你的指点!

  • #10

    jordan 6 7 olympic pack (Thursday, 16 August 2012 05:20)

    The Olympic Games have grown dramatically since 1908 when they were first held in London . Then just a little more than 2,000 athletes -- nearly all of them men -- competed for 110 gold medals.

    http://www.jordan67olympic2012.com/

  • #11

    Tory Burch outlet (Thursday, 17 January 2013 04:48)

    comment

  • #12

    ヴィトンバッグ (Tuesday, 03 September 2013 15:06)


    僕は外でルイヴィトンを持ってる人をみると、個性のかけらもないし、これほど人と同じもの持って何が嬉しいんだろうと思ってしまいます。
    あんな高いバッグや財布がほしい人の神経が理解できません。僕だったら恥ずかしくて持ち歩けないですよ。
    正直ユニクロでカブったほうがまだましですよ。
    http://www.jpnbag.com

  • #13

    mervat (Sunday, 06 April 2014 11:02)

    http://www.fnur.bu.edu.eg/
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/422-2013-12-10-10-18-01
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/421-2013-12-10-09-48-39
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/419-2013-12-09-07-21-12
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/420-2013-12-10-09-48-38
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/417-2013
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/418-2013-12-09-07-17-28
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/415-2013-12-03-08-09-23
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/416-2013-12-03-08-25-21
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/413-2013-11-21-07-50-21
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/414-2013-11-25-09-38-30
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/411-2013-11-20-08-11-53
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/412-2014
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/409-2013-2014
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/410-2013-11-13-17-25-28
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/407-2013-11-09-08-51-15
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/408-2013-11-13-11-55-53
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/405-2013-11-09-08-42-05
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/406-2013-11-09-08-46-10
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/403-2013-11-09-08-25-45
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/404-2013-11-09-08-28-15
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/400-2013-11-09-07-50-13
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/401-2013-11-09-08-03-31
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/398-2013-11-09-07-29-40
    www.fnur.bu.edu.eg/fnur/index.php/main-news/item/399-2013-11-09-07-43-49
    http://www.fnur.bu.edu.eg/fnur/index.php/main-news/item/397-eugen-ionesco

  • #14

    Liebesrituale (Tuesday, 15 November 2016 16:37)

    mutilates

  • #15

    Benha (Thursday, 18 May 2017 14:02)

    Excellent

    http://bu.edu.eg/