no_comment(未登陆).html 3.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chorme=1">
  6. <meta name="description" content="">
  7. <meta name="keywords" content="">
  8. <title>多玩通用评论模版</title>
  9. <link rel="stylesheet" type="text/css" href="http://www.duowan.com/assets/css/dwzq-common.css" media="all">
  10. <link rel="stylesheet" type="text/css" href="img/common_comment.css" media="all">
  11. <script src="http://www.duowan.com/public/assets/sys/js/jquery.js?02131514.js"></script>
  12. </head>
  13. <body>
  14. <div class="dw-comment-ctn dw-comment-skin_yellow">
  15. <div class="dw-comment-box dw-comment-mood-ctn">
  16. <h3>读完这篇文章后,您心情如何?</h3>
  17. <div class="content">
  18. <ul>
  19. <li>
  20. <span class="support_num">50</span>
  21. <i class="support_line"><span></span></i>
  22. <a href="" class="comment-mood-pic"><img src="http://duowan.pro/50x50" alt=""><em>愤怒</em></a>
  23. </li>
  24. <li>
  25. <span class="support_num">50</span>
  26. <i class="support_line"><span></span></i>
  27. <a href="" class="comment-mood-pic"><img src="http://duowan.pro/50x50" alt=""><em>愤怒</em></a>
  28. </li>
  29. <li>
  30. <span class="support_num">50</span>
  31. <i class="support_line"><span></span></i>
  32. <a href="" class="comment-mood-pic"><img src="http://duowan.pro/50x50" alt=""><em>愤怒</em></a>
  33. </li>
  34. </ul>
  35. </div>
  36. </div>
  37. <div class="dw-comment-box dw-comment-view-ctn">
  38. <div class="view_list"><a href="">高声唱红歌</a><a href="">高声唱红歌</a><a href="">高声唱红歌</a><a href="">高声唱红歌</a><a href="">高声唱红歌</a><a href="">高声唱红歌</a><span class="comment-more_view">更多<i></i></span></div>
  39. <div class="view_action_bar">
  40. <form action="">
  41. <label for="dw-comment-view">点击表示赞同该观点或者输入其他标签词:</label>
  42. <p class="search_ctn">
  43. <input type="text" class="dw-comment-view" name="dw-comment-view" id="dw-comment-view"><input class="submit" type="submit" value="吐槽">
  44. </p>
  45. </form>
  46. </div>
  47. </div>
  48. <div class="dw-comment-box dw-comment-comments-ctn">
  49. <h3>所有评论<span class="total_num">(<em>24</em>条)</span><a href="" class="new-comment-flash fr">3条新评论</a></h3>
  50. <div class="dw-comment-post-ctn">
  51. <div class="textarea_ctn">
  52. <textarea name="" id="dw-comment-post" class="dw-comment-post"></textarea>
  53. <div class="maks"></div>
  54. <div class="dw-comment-loginbar-ctn">
  55. <p class="dw-comment-loginbar">参与讨论,请先<a href="">登录</a>|<a href="">注册</a></p><a href=""></a>
  56. </div>
  57. </div>
  58. <div class="dw-comment-post-foot">
  59. <div class="dw-comment-sharebar fl">
  60. <dl class="sharebar">
  61. <dt>社会化登录:</dt>
  62. <dd><a href=""><img src="img/sina.png" alt="新浪微博"></a></dd>
  63. <dd><a href=""><img src="img/qq.png" alt="QQ"></a></dd>
  64. <dd><a href=""><img src="img/qq_w.png" alt="腾讯微博"></a></dd>
  65. <dd><a href=""><img src="img/renren.png" alt="人人网"></a></dd>
  66. </dl>
  67. </div>
  68. <div class="dw-comment-post-action">
  69. <div class="comment-expression">
  70. <span class="note">超出<em>28</em>字</span>
  71. <a href="" class="expression-btn"><img src="img/icon_expression.png" alt=""></a>
  72. </div>
  73. <input class="submit not_login" type="submit" value="发表评论">
  74. </div>
  75. </div>
  76. </div>
  77. </div>
  78. <div class="comment-empty-desc center">
  79. 沙发空缺中,快来抢把~
  80. </div>
  81. </div>
  82. </body>
  83. </html>