现在位置: 首页 > 程序设计 > 正文
A+

给评论提交模块动动手术,添加Gravater头像预览框

8个月前 程序设计 812 22

这已经是第二次给评论提交模块动“手术”了,别问我为什么,我就是喜欢折腾。

先声明一下,如果要原样照搬的话,首先你必须是begin主题,如果不是请研究一下你自己comments.php文件的代码再进行修改!

先看一下这个主题原始的样式吧:

这是修改过后的样式:

这是修改过后登陆账号的样式:

原始的样式是内容框在上面,访问者信息框在下面,首先给他们两个的位置调换一下。

找到主题根目录下的comments.php文件,打开找到:展开

把以上的代码剪切到以下代码的下面去:展开

这样位置就已经调换过来了,接下来就是在访问者填写信息的右侧放一个Gravater头像的预览框。

下载js-md5.js文件,把它仍到主题的js文件夹中。

提取码: k7ea

在comments.php文件中找到:

下面添加:

然后在comments.php文件的最底部添加:展开

删除:展开

如果你高兴的话,也可以把输入QQ的那个输入框干掉:展开

最后,在style.css文件中添加样式:展开

完成。

简单的说一下吧,删除的那段代码其实是评论者的用户信息保存,最后CSS样式中的@media screen and()这段代码是为了不让Gravater头像在移动端显示的,其他的就不说了吧。

 

3月21日纠正和补充修改:展开

把上面的那段代码改成:展开

不用删除上贴说要删除的那段代码,直接改成以下代码:展开

上贴的CSS样式改成:展开

去掉了移动端隐藏代码。

在CSS中找到:展开

改成:展开

目前先修改成这样吧,要看效果的话可以在我博客上看,还有移动端的效果也改过了!

发表评论

评论列表 ( 有 812 次浏览 和 22 条评论 其中 访客有 11 条 博主有 11 条 )
  • 8个月前

    有用

  • 8个月前

    知更鸟的主题就是耐看。

    • 锋言锋语作者 谷歌浏览器 Windows 10
      1层
      回复
      8个月前

      回复@maqingxi 大前端的也不错!

  • 林三 谷歌浏览器 Windows 7
    9楼
    回复
    8个月前

    以前喜欢玩这些,现在正在犹豫要不要去掉呢。

    • 锋言锋语作者 谷歌浏览器 Windows 10
      1层
      回复
      8个月前

      回复@林三 早啊,林老师,新博客肯定要折腾一下的,时间长了就平淡了!

  • Action 谷歌浏览器 Windows 10
    8楼
    回复
    8个月前

    不错不错,有头像好看很多呀。

    • 锋言锋语作者 Safari浏览器 Mac OS X 10_14_3
      1层
      回复
      8个月前

      回复@Action 你也可以改改啊!

  • 8个月前

    把鸟的主题折腾的越来越完美了。

    • 锋言锋语作者 Safari浏览器 Mac OS X 10_14_3
      1层
      回复
      8个月前

      回复@张波博客 谈不上,只是按照自己的喜好来修改~

  • 8个月前

    获取头像速度蛮快的,可惜我不是知更鸟的主题。

    • 锋言锋语作者 谷歌浏览器 Windows 10
      1层
      回复
      8个月前

      回复@灰常记忆 不是知更鸟主题也可以的啊,为什么不可以!

  • 8个月前

    如果不是这个主题要怎么修改呢?

    • 锋言锋语作者 谷歌浏览器 Windows 10
      1层
      回复
      8个月前

      回复@潘潘猫 网上有很多教程,我都是在网上看技术文章自己总结修改的!

  • 8个月前

    头像会导致加载变慢么》?

  • Mr.Chou 谷歌浏览器 Windows 10
    地板
    回复
    8个月前

    好多人使用这个主题,大气耐看。

    • 锋言锋语作者 Safari浏览器 iPhone iPhone OS 12_1_4 like Mac OS X) AppleWebKit
      1层
      回复
      8个月前

      回复@Mr.Chou 暂时用,等有能力自己写的时候就自己写!

  • 8个月前

    主题不错嘛,有什么主题的。

  • 灰狼 谷歌浏览器 Windows 7
    沙发
    回复
    8个月前

    这种是用JS来获取,还有一种是利用PHP直接异步请求

    • 锋言锋语作者 谷歌浏览器 Windows 10
      1层
      回复
      8个月前

      回复@灰狼 请告诉我方法,我试试!

搜索