关于OFFODD的Initial主题之评论框

2018年12月30日 learning ,
9条 2,295次

最近注意到输入框，包括搜索框的底部文字，点击后都是仍然显示，直到输入文字后才替换覆盖。而我的“林三随笔”用的搜索框是鼠标点击后消失底部文字，用户体验确实差了那么一点点呢。

zblogasp常用的搜索代码是：

  1. <input type="text" name="edtSearch" id="edtSearch" size="14" onblur="if (this.value=='') this.value='童鞋，搜搜更健康哟...';" onclick="if (this.value=='童鞋，搜搜更健康哟...') this.value='';" value="童鞋，搜搜更健康哟..." style="color:#888;"/>

将其替换成这个代码即可：

  1. <input type="text" name="edtSearch" id="edtSearch" size="14" placeholder="童鞋，搜搜更健康哟..." style="color:#888;"/>

当然，今天要说的重点不是上面，而是我研究offodd的主题时候发现，大家都是有底部提示文字的，但是相同的代码，为嘛我的博客就没有显示？（最开始我还以为是offodd的设计没有考虑）

关于OFFODD的Initial主题之评论框

主题使用的地址是 xx.maosay.com ，知道的请给林三提示，这里感激不尽！然后就是评论输入框还有段 value="***" required 代码，好像是获取保存信息的，搜索框是不需要的吧。

PS：主题作者的网址：https://www.offodd.com

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin

目前评论：9   其中：访客  0   博主  0

    • avatar 微信 1 Windows NT · Chrome 57.0.2987.98
      回复 2019年1月7日 19:31  0楼

      写得很好，很喜欢，继续支持

      • avatar 菜鸟日记 0 Windows 7 · Chrome 63.0.3239.132
        回复 2019年1月6日 12:20  0楼

        你这个是知更鸟改的吗？

          • avatar LinSan 5 Windows 7 · Chrome 71.0.3578.98
            回复 2019年1月6日 22:09  1层

            没错，确实仍然可以看出很多原始元素的。

            • avatar LinSan 5 Windows 7 · Chrome 71.0.3578.98
              回复 2019年1月7日 19:49  1层

              邮件回复出了点问题，现在第二次回复你，是根据鸟哥主题改的哟。

            • avatar LinSan 5 Windows 7 · Chrome 71.0.3578.98
              回复 2019年1月3日 08:38  0楼

              感谢廖先生的帮忙，原来是我把提示文字设置成了#fff导致看不到，修复css表达后就正常啦！

              • avatar 公子 0 Windows 7 · Chrome 67.0.3396.99
                回复 2019年1月2日 19:30  0楼

                效果挺好

                  • avatar LinSan 5 Windows 7 · Chrome 71.0.3578.98
                    回复 2019年1月7日 19:22  1层

                    欢迎新童鞋来访~

                  • avatar 演员 1 Windows 7 · Chrome 63.0.3239.132
                    回复 2018年12月30日 21:47  0楼

                    确实好看多了！

                  发表评论

                  :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: