QQ爹の博客 QQ爹の博客

简单仿腾讯TIM界面

in 代码相关 文章转载请注明来源!

昨天下午,突然想用css写出个腾讯TIM的界面,于是开始搞,只写了个单页,没有javascript。

预览地址:https://qqdie.com/areyouok/tim/

为了保证美观度我限制了屏幕尺寸宽度低于800px或者高于1920px不会显示,大屏幕的需要调小窗口才能看哈。

断断续续的撸了五个小时才撸出来的,并没有严格按照tim的比例来仿,只是单纯用肉眼来仿。一些小细节的地方我真的暂时做不出来。

以上一个来自渣渣的作品,后续可能完善也可能弃坑,因为发现并无卵用。

jrotty WeChat Pay

微信打赏

jrotty Alipay

支付宝打赏

文章二维码

扫描二维码,在手机上阅读!

csshtml腾讯TIM
发表新评论
已有 21 条评论
  1. 唯灵
    唯灵Windows 10QQ浏览器
    回复

    可以试试electron 用html 代码可以做桌面程序

    1. Jrotty
      Jrotty本文作者Windows 10谷歌浏览器
      回复

      @唯灵 这个就是做着玩玩的,很多东西写的都很烂

  2. At
    AtWindows 10谷歌浏览器
    回复

    想问下这个tim.png是从哪里找来的~

    1. Jrotty
      Jrotty本文作者Windows 7谷歌浏览器
      回复

      @At 朋友给的,不知道他在哪找的

      1. At
        AtWindows 10谷歌浏览器
        回复

        @Jrotty 这就很尴尬了2333,不过还是谢谢你

  3. illn
    illnWindows 10谷歌浏览器
    回复

    带走了做模板去

    1. Jrotty
      Jrotty本文作者Windows 10谷歌浏览器
      回复

      @illn 我用了比较有趣(keng)的写法

  4. 雨落无声
    雨落无声Mac OS X谷歌浏览器
    回复

    貌似脚踢换用原版评论框了?

    1. Jrotty
      Jrotty本文作者Windows 10谷歌浏览器
      回复

      @雨落无声 多说走了,
      走的那么突然,
      刹那间,我愣住了,
      默默的在角落里流泪,
      然后假装坚强的站了起来,
      走到电脑旁,按下开机键...woc太开心了,多说又给了我一次水文的机会

  5. Sakura
    SakuraWindows 7谷歌浏览器
    回复

    要自己做社会化评论框的节奏...

    1. Jrotty
      Jrotty本文作者iPhone OSUC浏览器
      回复

      @Sakura 并不是,只是写着玩

  6. 湛蓝色印记
    湛蓝色印记Android L谷歌浏览器
    回复

    厉害了

PREVIOUS NEXT
雷姆
拉姆
音乐加载中...
0:00