Diskussionsforum

Med denna modul kan redaktörer lägga ut diskussionsforum i sin webbplats. Det går att skapa valfritt antal forum. Med ett verktyg kan en redaktör hantera de olika forumens inlägg centralt.

Exempel på en vy i ett forum

Diskussionsforumet bygger på följande struktur:

  • Diskussionsgrupp
      - Huvudtråd
        - Diskussion & inlägg

För utvecklare finns det en del style-klasser att ta hänsyn till. Forumet blir inte så vackert utan att man sätter dessa klasser.

Exempel på stylesheet för Diskussionsforum:

  1. C#
  1. .dxDiscussionNav
  2. {
  3. float:right;
  4. }
  7. .dxDiscussionNav,
  8. .dxDiscussionNewThread,
  9. .dxDiscussionThreads th,
  10. .dxDiscussionThreads td,
  11. .dxDiscussionItems th,
  12. .dxDiscussionItems td,
  13. .dxDiscussionThreadHeadline,
  14. .dxDiscussionReply,
  15. .dxDiscussionReplyAuthorLabel,
  16. .dxDiscussionReplyTextLabel,
  17. .dxDiscussionNewThreadAuthorLabel,
  18. .dxDiscussionNewThreadHeadlineLabel,
  19. .dxDiscussionNewThreadTextLabel,
  20. .dxDiscussionReplyButtonDiv input,
  21. .dxDiscussionNewThreadButtonDiv input,
  22. .dxDiscussionReplyAuthor,
  23. .dxDiscussionReplyText,
  24. .dxDiscussionNewThreadAuthor,
  25. .dxDiscussionNewThreadHeadline,
  26. .dxDiscussionNewThreadText,
  27. .dxDiscussionError
  28. {
  29. font-family:verdana, arial, helvetica, sans-serif;
  30. font-size:9px;
  31. color:#5a5a5a;
  32. margin:0px;
  33. text-decoration:none;
  34. text-align:left;
  35. }
  37. .dxDiscussionThreadHeadline
  38. {
  39. line-height:15px;
  40. margin-bottom:10px;
  42. }
  45. .dxDiscussionThreadHeadline,
  46. .dxDiscussionError
  47. {
  48. font-weight:bold;
  49. }
  52. .dxDiscussionNav a,
  53. .dxDiscussionHeadline a,
  54. .pageNav a,
  55. .dxDiscussionNewThread a,
  56. .dxDiscussionThreads td a,
  57. .dxDiscussionItems td a,
  58. .dxDiscussionReply a,
  59. .dxDiscussionReplyButtonDiv input,
  60. .dxDiscussionNewThreadButtonDiv input,
  61. .dxDiscussionThreadHeadline a
  62. {
  63. color:#B31F35;
  64. text-decoration:none;
  65. font-weight:bold;
  66. }
  68. .dxDiscussionThreadHeadline a
  69. {
  70. color:#5a5a5a;
  71. }
  73. .dxDiscussionNewThread,
  74. {
  75. line-height:15px;
  76. margin-bottom:10px;
  78. }
  80. .dxDiscussionHeadline,
  81. .dxDiscussionHeadline2
  82. {
  83. font-family:arial, verdana, helvetica, sans-serif;
  84. font-size:15px;
  85. line-height:15px;
  86. color:#868686;
  87. margin-bottom:10px;
  88. padding:0px;
  89. }
  91. .dxDiscussionNav td a:active,
  92. .dxDiscussionNav td a:focus,
  93. .dxDiscussionNav a:hover,
  94. .dxDiscussionHeadline a:active,
  95. .dxDiscussionHeadline a:focus,
  96. .dxDiscussionHeadline a:hover,
  97. .dxDiscussionThreads td a:active,
  98. .dxDiscussionThreads td a:focus,
  99. .dxDiscussionThreads td a:hover,
  100. .dxDiscussionItems td a:active,
  101. .dxDiscussionItems td a:focus,
  102. .dxDiscussionItems td a:hover,
  103. .dxDiscussionReply a:active,
  104. .dxDiscussionReply a:focus,
  105. .dxDiscussionReply a:hover,
  106. {
  107. color:#DF5065;
  108. }
  110. .dxDiscussionReply,
  111. .dxDiscussionNewThread
  112. {
  113. display:block;
  114. padding-left:16px;
  115. border:0px;
  116. background:transparent url(/Templates/Images/linkarrow.gif) no-repeat 4px;
  117. }
  119. .dxDiscussionThreads,
  120. .dxDiscussionItems
  121. {
  122. width:100%;
  123. margin-bottom:10px;
  124. }
  126. .dxDiscussionThreads th,
  127. .dxDiscussionItems th
  128. {
  129. text-align:left;
  130. background-color:#F5F5F5;
  131. height:15px;
  132. padding:4px;
  133. }
  135. .dxDiscussionThreads td,
  136. .dxDiscussionItems td
  137. {
  138. padding:4px;
  139. height:24px;
  140. border-bottom:solid 1px #F5F5F5
  141. }
  143. .dxDiscussionNav
  144. {
  145. margin-bottom:10px;
  146. }
  148. .dxDiscussionReplyAuthor,
  149. .dxDiscussionReplyText,
  150. .dxDiscussionNewThreadAuthor,
  151. .dxDiscussionNewThreadHeadline,
  152. .dxDiscussionNewThreadText
  153. {
  154. border:solid #5a5a5a 1px;
  155. color:#5a5a5a;
  156. height:12px;
  157. width:150px;
  158. }
  160. .dxDiscussionNewThreadHeadline
  161. {
  162. width:440px;
  163. }
  166. .dxDiscussionReplyText,
  167. .dxDiscussionNewThreadText
  168. {
  169. width:440px;
  170. height:200px;
  171. }
  173. .dxDiscussionReplyButtonDiv,
  174. .dxDiscussionNewThreadButtonDiv
  175. {
  176. width:470px;
  177. text-align:right;
  178. }
  180. .dxDiscussionReplyButtonDiv input,
  181. .dxDiscussionNewThreadButtonDiv input
  182. {
  183. margin:0px;
  184. padding-left:18px;
  185. border:0px;
  186. background:transparent url(/Templates/Images/linkarrow.gif) no-repeat 6px;
  187. cursor:hand;
  188. }
  191. .dxDiscussionError
  192. {
  193. margin:8px;
  194. text-align:center;
  195. border:solid 1px #F5F5F5;
  196. padding:8px;
  197. }