简单仿腾讯TIM界面

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

腾讯tim效果图

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

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

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

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

Comments (22)

    Generic placeholder image
    Zero 回复

    我从未见过如此厚颜无耻的人!

    Generic placeholder image
    唯灵 回复

    可以试试electron 用html 代码可以做桌面程序@(笑眼)

      Generic placeholder image
      Jrotty 回复

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

    Generic placeholder image
    At 回复

    想问下这个tim.png是从哪里找来的~ @(吐舌)

      Generic placeholder image
      Jrotty 回复

      朋友给的,不知道他在哪找的 @(小乖)

        Generic placeholder image
        At 回复

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

    Generic placeholder image
    illn 回复

    带走了做模板去 @(泪)

      Generic placeholder image
      Jrotty 回复

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

    Generic placeholder image
    雨落无声 回复

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

      Generic placeholder image
      Jrotty 回复

      多说走了,
      走的那么突然,
      刹那间,我愣住了,
      默默的在角落里流泪,
      然后假装坚强的站了起来,
      走到电脑旁,按下开机键...

      woc太开心了,多说又给了我一次水文的机会

    Generic placeholder image
    Sakura 回复

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

      Generic placeholder image
      Jrotty 回复

      并不是,只是写着玩

    Generic placeholder image
    stephen 回复

    准备迁移到网易云跟帖,多说评论完美导入

      Generic placeholder image
      Jrotty 回复

      云跟帖我用着不习惯,要不我可能也去了

    Generic placeholder image
    滴滴 回复

    厚颜无耻到如此地步也是可以的,总体来说挺漂亮。

    Generic placeholder image
    尚寂新 回复

    感觉不错的样子qwq
    另手机哭晕
    噫表情怎么全没了?滑稽!滑稽!Σ(*゚д゚ノ)ノ

      Generic placeholder image
      Jrotty 回复

      换成原生评论了,其实也有只是需要手打@(滑稽)

        Generic placeholder image
        尚寂新 回复
        (滑稽) 其实应该搞个按钮的qwq 另你博客的邮件提醒用的是自己的邮箱不觉得有点不太好嘛qwq(邮箱里被挤满通知邮件的支配感)我博客两个邮箱是分开的 自己自用的一个邮箱 另一个是专门发通知的邮箱