jimdo技巧-jimdo留言、博文评论输入框在IE6下的小“bug”修复

        今天起来发现了网友“飞帆”在《jimdo技巧-jimdo留言、评论、博文中含有较长网址链接导致网页出现问题的解决方法》给我留言说“在IE6下输入的时候,输入框会有一部被隐藏了!”,首先感谢网友飞帆的支持和反馈,其实我之前知道这个问题,留言和文章评论在留言输入框的右侧会隐藏一小部分,而且我也过去很多jimdo知名网站测试过,的确存在这个问题,我写《jimdo技巧-jimdo留言、评论、博文中含有较长网址链接导致网页出现问题的解决方法》原本以为将这个问题一并解决了,看来需要专门修复一下这个小问题了...

        我看了一下留言框源码,发现只有 widthcols 属性,而且width 使用的是“99%”这种定义方法,我个人的修复方法是用直接只用宽度限制,这不一定是最好的方法,如果还有什么更好的方法或者对本站有什么意见和建议,欢迎留言!

        首先需要知道你想要的留言框的宽度,使用QQ截图比较简单,在已经登陆QQ的情况下“ctrl+alt+A”使用截图,如下图:

诸葛草帽电脑工作室

        我全出来的部分显示了区域大小(像素)和鼠标所在位置的颜色代码,我想要的大小是宽度560,所以我的css代码是:

ul.com-list textarea {width:560px!important;}

        将506px修改成你想要的大小,按照你的页面大小设置,并且不要过大,以免导致网页出现变形错位,如果使用官方模板的话在“设置-编辑head部分-添加代码”:

<style type="text/css">
/*<![CDATA[*/
<!--

ul.com-list textarea {width:560px!important;}
-->
/*]]>*/
</style>

撰写评论

        可以达到同样的效果,最后说明一下:由于在评论右上侧有一个“撰写评论”功能(如左图),可以直接跳到撰写评论的位置,用的人估计不多,但是由于它的存在,火狐浏览器下一楼的宽度会和之后的评论的宽度相差很多,即一楼的宽度和设置的宽度相差很多!导致一楼出现小问题,所以如果想要在火狐浏览器下也解决这个问题的话可以把这个功能取消,代码下面提供,如果感觉单单为了火狐取消这个功能不值得的话,可以不使用下面的代码,自行取舍:

.skiptoform {display:none;}

        这个问题不算是太大的问题,jimdo 已经是比较完美的建站系统了。综合这篇文章和前面的文章《jimdo技巧-jimdo留言、评论、博文中含有较长网址链接导致网页出现问题的解决方法》,实现 jimdo 博文、博文评论、留言等自动换行的css代码如下:

.n{word-wrap:break-word;}
ul.com-list textarea {width:560px!important;}

如果使用系统模板可以直接在“设置---编辑head部分”中添加以下代码,可以达到同样效果:

<style type="text/css">
/*<![CDATA[*/
<!--

.n{word-wrap:break-word;}
ul.com-list textarea {width:560px!important;}

-->
/*]]>*/
</style>

Write a comment

Comments: 34
  • #1

    诸葛草帽 (Wednesday, 08 September 2010 09:09)

    测试

  • #2

    测试 (Wednesday, 08 September 2010 09:26)

    测试2

  • #3

    网型网秀 (Wednesday, 08 September 2010 09:40)

    不说还没有注意到呢,呵呵,我也马上去修改下

  • #4

    诸葛草帽 (Wednesday, 08 September 2010 09:44)

    回复网型网秀:这么快,呵呵,先试几天看有没有什么异常

  • #5

    飞帆 (Wednesday, 08 September 2010 14:29)

    今天打开!发现官方好象修复了这个BUG了!

  • #6

    飞帆 (Wednesday, 08 September 2010 14:31)

    不好意思搞错了!错觉…^-^

  • #7

    诸葛草帽 (Wednesday, 08 September 2010 18:51)

    回复飞帆:是么?杯具,等下试试,要是官方已经修复那我就不麻烦了

  • #8

    网型网秀 (Wednesday, 08 September 2010 20:31)

    代码我觉得应该修改下,因为你把所有的input都定义了,而不仅仅是留言薄。

  • #9

    诸葛草帽 (Wednesday, 08 September 2010 21:13)

    回复飞帆:我又测试了下,问题依旧存在啊

  • #10

    诸葛草帽 (Wednesday, 08 September 2010 21:14)

    回复网型网秀:呵呵,是啊,不知道你有什么好办法?

  • #11

    飞帆 (Wednesday, 08 September 2010 23:08)

    可以查看一下我的网页!!我是这样解决的……顺便邀请诸葛测试一下我的站!!

  • #12

    诸葛草帽 (Thursday, 09 September 2010 09:55)

    回复飞帆:嗯,你是不是用代码“ul.com-list textarea {width:550px!important;}
    ”?这个方法很好,我把文章修改下

  • #13

    飞帆 (Thursday, 09 September 2010 11:02)

    恩!诸葛果然名不虚传!给你找到了……^-^

  • #14

    诸葛草帽 (Thursday, 09 September 2010 11:05)

    回复飞帆:你的方法很好,我借用了,呵呵,分享了

  • #15

    独星 (Thursday, 09 September 2010 20:20)

    用火狐有点问题~~~

  • #16

    诸葛草帽 (Thursday, 09 September 2010 21:07)

    回复独星:感谢反馈,我测试了一下,火狐下留言的一楼的确是有问题,需要.skiptoform {display:none;}修复

  • #17

    老胡 (Friday, 10 September 2010 23:06)

    请问:“将506px修改成你想要的大小”应如何理解?最终添加到head里的内容是什么?是这样吗?

    <style type="text/css">
    /*<![CDATA[*/
    <!--
    ul.com-list textarea {width:560px!important;}
    -->
    /*]]>*/
    </style>

  • #18

    诸葛草帽 (Saturday, 11 September 2010 07:15)

    回复老胡:因为每个人的网站留言框的宽度并不是一样的,所以宽度要自己定义,贵站的宽度我测了一下,是430px,所以要将560px改成430px其他不变,最终代码是<style type="text/css">
    /*<![CDATA[*/
    <!--
    ul.com-list textarea {width:430px!important;}
    -->
    /*]]>*/
    </style>
    如果你的head部分以前添加过类似:
    <style type="text/css">
    /*<![CDATA[*/
    <!--
    CSS代码
    -->
    /*]]>*/
    </style>
    的代码的话只需要再添加
    ul.com-list textarea {width:430px!important;}
    到css代码部分即可

  • #19

    老胡 (Sunday, 12 September 2010 16:45)

    多谢诸葛草帽指点,您可帮了我的大忙!我把这篇文章推荐到我的博客首页上,希望更多的人受益!

  • #20

    老胡 (Sunday, 12 September 2010 17:00)

    另外,推荐给我几篇贵站上的关于jimdo技巧方面的文章,我想看看,一定要您认为最精彩的,能解决实际问题的文章,因为你的文章太多,我想偷偷懒,呵呵!

    再就是,在淘宝可以买到Google AdSense 的帐号,二级域名也可以挂的,不过我的实际体会是收入并不怎么好,起码比网上大家晒的少多了,但是你的站这么好,不挂可惜了,Google的广告放在网站上挺好看的。

  • #21

    诸葛草帽 (Sunday, 12 September 2010 21:00)

    回复老胡:很高兴我的文章能帮到您,您是前辈,不用客气!感谢老胡的首页推荐!呵呵,谷歌广告的确是不怎么好申请,好像支付是用支票,有些不方便,所以还是以后再考虑广告是事吧。

  • #22

    淘宝600家园 (Monday, 13 September 2010 21:23)

    诸葛兄:赞同老胡前辈说的,其实你的网站PR都3了,不挂个GG广告有点浪费,申请GG帐号试下,应该可以通过的,地址:http://www.google.com.hk/intl/zh-CN/about.html 点Google AdSense注册,支付有多种途径的,就怕没钱取....呵呵....正规申请一个比较好,不要去淘宝买,个人认为不太好........

  • #23

    诸葛草帽 (Monday, 13 September 2010 22:01)

    回复淘宝600家园:呵呵,感谢支持,那我有时间试试去

  • #24

    老胡 (Tuesday, 14 September 2010 21:10)

    @诸葛草帽,我在jimdo后台的head中添加了下面的内容

    <style type="text/css">
    /*<![CDATA[*/
    <!--
    ul.com-list textarea {width:400px!important;}
    -->
    /*]]>*/
    </style>

    如此,在留言中添加长链接进行测试,发现在IE6下依然是排版错位,问一下毛病出在哪了?

  • #25

    老胡 (Tuesday, 14 September 2010 21:15)

    例如这个网页:
    http://hjp.jimdo.com/2008/12/02/百度遭央视新闻曝光原文/

  • #26

    诸葛草帽 (Tuesday, 14 September 2010 22:45)

    回复老胡:我看了你很多网址,http://hjp.jimdo.com/2008/12/02/百度遭央视新闻曝光原文/出现网页错位原因是2楼出现长链接,代码:
    <style type="text/css">
    /*<![CDATA[*/
    <!--
    ul.com-list textarea {width:400px!important;}
    -->
    /*]]>*/
    </style>
    是修复留言框小bug的,并不能解决留言中长链接的问题,文章我已经修改过了,要综合这两个问题的,所以建议将代码修改成:
    <style type="text/css">
    /*<![CDATA[*/
    <!--
    .n{word-wrap:break-word;}
    ul.com-list textarea {width:400px!important;}
    -->
    /*]]>*/
    </style>

  • #27

    老胡 (Thursday, 16 September 2010 18:00)

    这回真的可以了!多谢,多谢!

  • #28

    诸葛草帽 (Thursday, 16 September 2010 18:42)

    回复老胡:那就好,呵呵,不必客气!

  • #29

    王滨音乐空间 (Saturday, 25 December 2010 21:55)

    圣诞快乐

  • #30

    sdfsdf (Tuesday, 14 June 2011 19:10)

    dsfsdftfg
    dfg
    d

  • #31

    xaoyao (Saturday, 09 July 2011 09:49)

    我也来试试,CF战队系统www.360cf.cc

  • #32

    合肥电脑维修 (Friday, 12 August 2011 23:28)

    高手,看到高手了

  • #33

    返利网站大全 (Saturday, 19 May 2012 22:08)


    草帽兄:你好!这个月13号我发布了2篇博文,关键字是“百分百返利网”——谷歌收录很快,且排到了搜索首页的前面位置,14、15号2天有大量搜索用户点击,单15号那天就有900多Ip,结果到了16、17号网站就被K了,不更新快照了。以前排位很好的关键字,现在一个都找不到影子了。两天来谷歌来路为零。 SIte也比以前收录少了很多!但首页还是排第一!

    到了18、19号这2天,每天只有3个从谷歌来的流量,site一下,发现收录的总量回来

    了,每天快照也更新了,但以前的关键字还是一个都找不到影子啊!!每天也只有5个来

    路, 请问老胡,知不知道这是怎么回事啊??我该怎么补救才好?

    (A/我怀疑是有人用了软件来点击,以提高该关键字热度,被罚了; b,我这段时间网站

    也常有改动标题等!不知是否与这有关?)

    谢谢,请帮忙指点一下,——这种点击情况,在百度、搜狗中也慢慢出现了,我

    现在都把那2篇博文放回了回收站,真的是怕了!!

  • #34

    陈鹏 (Thursday, 21 June 2012 16:01)

    陈鹏个人网站chenpeng.info