vForums Support Banner



 

Welcome Guest! Please Login or Register
vForums Support :: Programming & Coding :: Code Requests & Support :: [F] Support Help Please - View Topic
Topic Rating: *****
Printable View
CåñåÐå™
Full Member
***

[Avatar]

Posts: 427
Status: Offline
Gender: Male
Location: Toronto Ontario
Joined:  
Reputation: 7%  


pmwww
[F] Support Help Please (23rd Jan 08 at 8:06pm UTC)
Ok i gave coding a little bit of the infro center a shot .

What i wanted was a Legend listing for the staff which after alot of thinking and tries i finally came out with this.
Code:
 
  1. <table align="center" cellpadding="3" cellspacing="1" class="border" width="100%" id="info_center">
  2. <tr>
  3. <td class="title1">
  4. <span class="title">Information Center</span>
  5. </td>
  6. </tr>
  7. <tr>
  8. <td class="title2">
  9. <span class="title">Stats</span>
  10. </td>
  11. </tr>
  12. <tr>
  13. <td class="window2">
  14. <table width="100%">
  15. <tr>
  16. <td width="17%">
  17. <table width="95%" cellspacing="1" cellpadding="1" align="center">
  18. <tr>
  19. <td class="border">
  20. <table width="100%" class="window1" style="height: 65px;">
  21. <tr>
  22. <td>
  23. Useful Links:
  24. <div style="position: relative; left: 15px; top: 4px;">
  25. <a href="/action/recent">Recent Posts</a><br />
  26. <a href="/action/search">Search Forum</a><br />
  27. <a href="/action/members/view/staff">Staff Members</a><br /><br />
  28. </div>
  29. </td>
  30. </tr>
  31. </table>
  32. </td>
  33. </tr>
  34. </table>
  35. </td>
  36. <td width="16%">
  37. <table width="95%" cellspacing="1" cellpadding="1" align="center">
  38. <tr>
  39. <td width="100%" class="border">
  40. <table width="100%" class="window1" cellpadding="0" cellspacing="3">
  41. <tr>
  42. <td valign="top" align="center" id="info_center_stats" style="height: 70px;">
  43. Members: {total_members}<br />
  44. Topics: {total_topics}<br />
  45. Posts: {total_posts}<br />
  46. Boards: {total_boards}<br />
  47. Categories: {total_categories}<br />
  48. </td>
  49. </tr>
  50. </table>
  51. </td>
  52. </tr>
  53. </table>
  54. </td>
  55. <td width="33%" valign="top">
  56. <table width="95%" cellspacing="1" cellpadding="1" align="center">
  57. <tr>
  58. <td class="border">
  59. <table width="100%" class="window1">
  60. <tr>
  61. <td id="info_center_last_post" align="center" style="height: 70px;">
  62. <font size="2">
  63. The last post made was<br />
  64. {last_post}<br />
  65. {last_post_user}<br />
  66. {last_post_date}
  67. </font>
  68. </td>
  69. </tr>
  70. </table>
  71. </td>
  72. </tr>
  73. </table>
  74. </td>
  75. <td width="16%">
  76. <table width="95%" cellspacing="1" cellpadding="1" align="center">
  77. <tr>
  78. <td width="100%" class="border">
  79. <table width="100%" class="window1" cellpadding="0" cellspacing="3">
  80. <tr>
  81. {if:guest}
  82. <td valign="middle" align="center" id="info_center_pms" style="height: 70px;">
  83. Please <a href="/action/login">Login</a> or <a href="/action/register">Register</a>
  84. {/if:guest}{if:member}
  85. <td valign="middle" align="center" id="info_center_pms" style="height: 70px;">
  86. Total PMs: {total_pms}
  87. <br />
  88. New PMs: {new_pms}
  89. <br />
  90. <br />
  91. <a href="/action/pm">View PMs</a>
  92. <br />
  93. <a href="/action/pm_send">Send PM</a>
  94. {/if:member}
  95. </td>
  96. </tr>
  97. </table>
  98. </td>
  99. </tr>
  100. </table>
  101. </td>
  102. <td width="17%">
  103. <table width="95%" cellspacing="1" cellpadding="1" align="center">
  104. <tr>
  105. <td class="border">
  106. <table width="100%" class="window1">
  107. <tr>
  108. <td style="height: 70px;" valign="top">
  109. Newest Members,
  110. <div style="position: relative; left: 20px; vertical-align: top;" id="new_members">
  111. {newest_members}
  112. </div>
  113. </td>
  114. </tr>
  115. </table>
  116. </td>
  117. </tr>
  118. </table>
  119. </td>
  120. </tr>
  121. </table>
  122. </td>
  123. </tr>
  124. <tr>
  125. <td class="title2">
  126. <span class="title">Users</span>
  127. </td>
  128. </tr>
  129. <tr>
  130. <td class="window2">
  131. <table width="100%">
  132. <tr>
  133. <td width="33%">
  134. <table width="96%" cellspacing="1" cellpadding="1" align="center">
  135. <tr>
  136. <td width="100%" class="border">
  137. <table width="100%" class="window1">
  138. <tr>
  139. <td width="50%" valign="top">
  140. <font size="2">
  141. <b id="total_online">There {online_is} Currently {online_total} User{online_plural} Online</b>
  142. </font>
  143. <table cellpadding="4" width="100%">
  144. <tr>
  145. <td align="right" id="member_counts" width="100">
  146. <font size="2">
  147. {staff_on} Staff Member{staff_on_plural},<br />
  148. {member_on} Member{member_on_plural},<br />
  149. {guest_on} Guest{guest_on_plural}.<br />
  150. </font>
  151. </td>
  152. <td valign="top" id="users_online">
  153. <font size="2">
  154. {online_str}
  155. </font>
  156. </td>
  157. </tr>
  158. </table>
  159. </td>
  160. </tr>
  161. </table>
  162. </td>
  163. </tr>
  164. </table>
  165. </td>
  166. <tr>
  167. <td class="window2">
  168. <table width="100%">
  169. <tr>
  170. <td width="33%">
  171. <table width="96%" cellspacing="1" cellpadding="1" align="middle">
  172. <tr>
  173. <td width="100%" class="border">
  174. <table width="100%" class="window1">
  175. <tr>
  176. <td width="50%" valign="top">
  177. <font size="2">
  178. <b>Staff Legend</b>:<font color=red> Admin</font>,<font color=blue> Super Moderator</font>,<font color=green> Moderator</font>
  179. </font>
  180. </td>
  181. </tr>
  182. </table>
  183. </td>
  184. </tr>
  185. </table>
  186. </td>
  187. </tr>
  188. </table>
  189. </td>
  190. <td width="34%" valign="top">
  191. <table width="96%" cellspacing="1" cellpadding="1" align="center">
  192. <tr>
  193. <td width="100%" class="border">
  194. <table width="100%" class="window1">
  195. <tr>
  196. <td width="100%" valign="top" id="online_today">
  197. <font size="2">
  198. <b id="total_online_today">There {today_has} been {today_total} User{today_plural} Online in the Past 24 Hours</b>
  199. </font>
  200. <table cellpadding="4" width="100%">
  201. <tr>
  202. <td align="right" id="member_counts_today" width="100">
  203. <font size="2">
  204. {staff_today} Staff Member{staff_today_plural},<br />
  205. {member_today} Member{member_today_plural},<br />
  206. {guest_today} Guest{guest_today_plural}.<br />
  207. </font>
  208. </td>
  209. <td valign="top" id="users_online_today">
  210. <font size="2">
  211. {today_str}
  212. </font>
  213. </td>
  214. </tr>
  215. </table>
  216. </td>
  217. </tr>
  218. </table>
  219. </td>
  220. </tr>
  221. </table>
  222. </td>
  223. </tr>
  224. </table>
  225. {if:birthdays_events}
  226. </td>
  227. </tr>
  228. <tr>
  229. <td class="title2">
  230. <span class="title">Birthdays & Events</span>
  231. </td>
  232. </tr>
  233. <tr>
  234. <td class="window2">
  235. <table width="100%" align="center">
  236. <tr>
  237. {if:events}
  238. <td width="{if:birthdays}40{/if:birthdays}{ifnot:birthdays}100{/ifnot:birthdays}%" id="events">
  239. <table width="{if:birthdays}95{/if:birthdays}{ifnot:birthdays}98{/ifnot:birthdays}%" cellspacing="1" cellpadding="1" align="center">
  240. <tr>
  241. <td width="100%" class="border">
  242. <table width="100%" class="window1">
  243. <tr>
  244. <td width="100%" style="height: 45px;" valign="top">
  245. <font size="2">
  246. <b>There {event_is} {event_total} event{event_plural} this month</b>
  247. </font>
  248. <br />
  249. <div style="padding: 4px;">
  250. <font size="2">
  251. {events}
  252. </font>
  253. </div>
  254. </td>
  255. </tr>
  256. </table>
  257. </td>
  258. </tr>
  259. </table>
  260. </td>
  261. {/if:events}
  262. {if:birthdays}
  263. <td width="{if:events}60{/if:events}{ifnot:events}100{/ifnot:events}%" id="birthdays">
  264. <table width="{if:events}95{/if:events}{ifnot:events}98{/ifnot:events}%" cellspacing="1" cellpadding="1" align="center">
  265. <tr>
  266. <td width="100%" class="border">
  267. <table width="100%" class="window1">
  268. <tr>
  269. <td width="100%" style="height: 45px;" valign="top">
  270. <font size="2">
  271. <b>There {birthday_is} {birthday_total} member{birthday_plural} celebrating their birthday today</b>
  272. </font>
  273. <br />
  274. <div style="padding: 4px;">
  275. <font size="2">
  276. {birthdays}
  277. </font>
  278. </div>
  279. </td>
  280. </tr>
  281. </table>
  282. </td>
  283. </tr>
  284. </table>
  285. </td>
  286. {/if:birthdays}
  287. </tr>
  288. </table>
  289. {/if:birthdays_events}
  290. </td>
  291. </tr>
  292. </table>
 
now here is the bit i added to the infro center template.
Code:
 
  1. <tr>
  2. <td class="window2">
  3. <table width="100%">
  4. <tr>
  5. <td width="33%">
  6. <table width="96%" cellspacing="1" cellpadding="1" align="middle">
  7. <tr>
  8. <td width="100%" class="border">
  9. <table width="100%" class="window1">
  10. <tr>
  11. <td width="50%" valign="top">
  12. <font size="2">
  13. <b>Staff Legend</b>:<font color=red> Admin</font>,<font color=blue> Super Moderator</font>,<font color=green> Moderator</font>
  14. </font>
  15. </td>
  16. </tr>
  17. </table>
  18. </td>
  19. </tr>
  20. </table>
  21. </td>
  22. </tr>
  23. </table>
  24. </td>
 
so if you scroll the first code you'll see were i added the staff part, it works but it doesn't show the way i want it to forum link to see what's it like http://testforum.virtualforums.co.uk/
What i want is for the Currently User Online and the Online in the Past 24 Hours to look the way it does on here (support forum) ( which i thought i was doing {Unsure} ) the only different is that my staff legend would be in the middle of both (so you'll have Currently User Online on top, Staff Legend in the middle and Online in the Past 24 Hours on the buttom)
Can someone help me out so it would be that way and tell me what i did wrong please, Thanks {Grin}

Image
click here We have 15 Different Skins/Templates for your vForum
Ross
Administrator
*****

[Avatar]

Posts: 3,709
Status: Offline
Gender: Male
Age: 9 14
Joined:  

Additional Groups:
Support Team
***


Reputation: 45%  


pmwwwtwittergtalkvForum
Re: Support Help Please (24th Jan 08 at 9:39am UTC)
I've not had chance to test this, but give it a try {Smile}

Code:
 
  1. <table align="center" cellpadding="3" cellspacing="1" class="border" width="100%" id="info_center">
  2. <tr>
  3. <td class="title1">
  4. <span class="title">Information Center</span>
  5. </td>
  6. </tr>
  7. <tr>
  8. <td class="title2">
  9. <span class="title">Stats</span>
  10. </td>
  11. </tr>
  12. <tr>
  13. <td class="window2">
  14. <table width="100%">
  15. <tr>
  16. <td width="17%">
  17. <table width="95%" cellspacing="1" cellpadding="1" align="center">
  18. <tr>
  19. <td class="border">
  20. <table width="100%" class="window1" style="height: 65px;">
  21. <tr>
  22. <td>
  23. Useful Links:
  24. <div style="position: relative; left: 15px; top: 4px;">
  25. <a href="/action/recent">Recent Posts</a><br />
  26. <a href="/action/search">Search Forum</a><br />
  27. <a href="/action/members/view/staff">Staff Members</a><br /><br />
  28. </div>
  29. </td>
  30. </tr>
  31. </table>
  32. </td>
  33. </tr>
  34. </table>
  35. </td>
  36. <td width="16%">
  37. <table width="95%" cellspacing="1" cellpadding="1" align="center">
  38. <tr>
  39. <td width="100%" class="border">
  40. <table width="100%" class="window1" cellpadding="0" cellspacing="3">
  41. <tr>
  42. <td valign="top" align="center" id="info_center_stats" style="height: 70px;">
  43. Members: {total_members}<br />
  44. Topics: {total_topics}<br />
  45. Posts: {total_posts}<br />
  46. Boards: {total_boards}<br />
  47. Categories: {total_categories}<br />
  48. </td>
  49. </tr>
  50. </table>
  51. </td>
  52. </tr>
  53. </table>
  54. </td>
  55. <td width="33%" valign="top">
  56. <table width="95%" cellspacing="1" cellpadding="1" align="center">
  57. <tr>
  58. <td class="border">
  59. <table width="100%" class="window1">
  60. <tr>
  61. <td id="info_center_last_post" align="center" style="height: 70px;">
  62. <font size="2">
  63. The last post made was<br />
  64. {last_post}<br />
  65. {last_post_user}<br />
  66. {last_post_date}
  67. </font>
  68. </td>
  69. </tr>
  70. </table>
  71. </td>
  72. </tr>
  73. </table>
  74. </td>
  75. <td width="16%">
  76. <table width="95%" cellspacing="1" cellpadding="1" align="center">
  77. <tr>
  78. <td width="100%" class="border">
  79. <table width="100%" class="window1" cellpadding="0" cellspacing="3">
  80. <tr>
  81. {if:guest}
  82. <td valign="middle" align="center" id="info_center_pms" style="height: 70px;">
  83. Please <a href="/action/login">Login</a> or <a href="/action/register">Register</a>
  84. {/if:guest}{if:member}
  85. <td valign="middle" align="center" id="info_center_pms" style="height: 70px;">
  86. Total PMs: {total_pms}
  87. <br />
  88. New PMs: {new_pms}
  89. <br />
  90. <br />
  91. <a href="/action/pm">View PMs</a>
  92. <br />
  93. <a href="/action/pm_send">Send PM</a>
  94. {/if:member}
  95. </td>
  96. </tr>
  97. </table>
  98. </td>
  99. </tr>
  100. </table>
  101. </td>
  102. <td width="17%">
  103. <table width="95%" cellspacing="1" cellpadding="1" align="center">
  104. <tr>
  105. <td class="border">
  106. <table width="100%" class="window1">
  107. <tr>
  108. <td style="height: 70px;" valign="top">
  109. Newest Members,
  110. <div style="position: relative; left: 20px; vertical-align: top;" id="new_members">
  111. {newest_members}
  112. </div>
  113. </td>
  114. </tr>
  115. </table>
  116. </td>
  117. </tr>
  118. </table>
  119. </td>
  120. </tr>
  121. </table>
  122. </td>
  123. </tr>
  124. <tr>
  125. <td class="title2">
  126. <span class="title">Users</span>
  127. </td>
  128. </tr>
  129. <tr>
  130. <td class="window2">
  131. <table width="100%">
  132. <tr>
  133. <td width="100%">
  134. <table width="96%" cellspacing="1" cellpadding="1" align="center">
  135. <tr>
  136. <td width="100%" class="border">
  137. <table width="100%" class="window1">
  138. <tr>
  139. <td width="50%" valign="top">
  140. <font size="2">
  141. <b id="total_online">There {online_is} Currently {online_total} User{online_plural} Online</b>
  142. </font>
  143. <table cellpadding="4" width="100%">
  144. <tr>
  145. <td align="right" id="member_counts" width="100">
  146. <font size="2">
  147. {staff_on} Staff Member{staff_on_plural},<br />
  148. {member_on} Member{member_on_plural},<br />
  149. {guest_on} Guest{guest_on_plural}.<br />
  150. </font>
  151. </td>
  152. <td valign="top" id="users_online">
  153. <font size="2">
  154. {online_str}
  155. </font>
  156. </td>
  157. </tr>
  158. </table>
  159. </td>
  160. </tr>
  161. </table>
  162. </td>
  163. </tr>
  164. </table>
  165. </td>
  166. </tr>
  167. <tr>
  168. <td class="window2">
  169. <table width="100%">
  170. <tr>
  171. <td width="100%">
  172. <table width="96%" cellspacing="1" cellpadding="1" align="middle">
  173. <tr>
  174. <td width="100%" class="border">
  175. <table width="100%" class="window1">
  176. <tr>
  177. <td width="50%" valign="top">
  178. <font size="2">
  179. <b>Staff Legend</b>:<font color=red> Admin</font>,<font color=blue> Super Moderator</font>,<font color=green> Moderator</font>
  180. </font>
  181. </td>
  182. </tr>
  183. </table>
  184. </td>
  185. </tr>
  186. </table>
  187. </td>
  188. </tr>
  189. </table>
  190. </td>
  191. </tr>
  192. <tr>
  193. <td width="100%" valign="top">
  194. <table width="96%" cellspacing="1" cellpadding="1" align="center">
  195. <tr>
  196. <td width="100%" class="border">
  197. <table width="100%" class="window1">
  198. <tr>
  199. <td width="100%" valign="top" id="online_today">
  200. <font size="2">
  201. <b id="total_online_today">There {today_has} been {today_total} User{today_plural} Online in the Past 24 Hours</b>
  202. </font>
  203. <table cellpadding="4" width="100%">
  204. <tr>
  205. <td align="right" id="member_counts_today" width="100">
  206. <font size="2">
  207. {staff_today} Staff Member{staff_today_plural},<br />
  208. {member_today} Member{member_today_plural},<br />
  209. {guest_today} Guest{guest_today_plural}.<br />
  210. </font>
  211. </td>
  212. <td valign="top" id="users_online_today">
  213. <font size="2">
  214. {today_str}
  215. </font>
  216. </td>
  217. </tr>
  218. </table>
  219. </td>
  220. </tr>
  221. </table>
  222. </td>
  223. </tr>
  224. </table>
  225. </td>
  226. </tr>
  227. </table>
  228. {if:birthdays_events}
  229. </td>
  230. </tr>
  231. <tr>
  232. <td class="title2">
  233. <span class="title">Birthdays & Events</span>
  234. </td>
  235. </tr>
  236. <tr>
  237. <td class="window2">
  238. <table width="100%" align="center">
  239. <tr>
  240. {if:events}
  241. <td width="{if:birthdays}40{/if:birthdays}{ifnot:birthdays}100{/ifnot:birthdays}%" id="events">
  242. <table width="{if:birthdays}95{/if:birthdays}{ifnot:birthdays}98{/ifnot:birthdays}%" cellspacing="1" cellpadding="1" align="center">
  243. <tr>
  244. <td width="100%" class="border">
  245. <table width="100%" class="window1">
  246. <tr>
  247. <td width="100%" style="height: 45px;" valign="top">
  248. <font size="2">
  249. <b>There {event_is} {event_total} event{event_plural} this month</b>
  250. </font>
  251. <br />
  252. <div style="padding: 4px;">
  253. <font size="2">
  254. {events}
  255. </font>
  256. </div>
  257. </td>
  258. </tr>
  259. </table>
  260. </td>
  261. </tr>
  262. </table>
  263. </td>
  264. {/if:events}
  265. {if:birthdays}
  266. <td width="{if:events}60{/if:events}{ifnot:events}100{/ifnot:events}%" id="birthdays">
  267. <table width="{if:events}95{/if:events}{ifnot:events}98{/ifnot:events}%" cellspacing="1" cellpadding="1" align="center">
  268. <tr>
  269. <td width="100%" class="border">
  270. <table width="100%" class="window1">
  271. <tr>
  272. <td width="100%" style="height: 45px;" valign="top">
  273. <font size="2">
  274. <b>There {birthday_is} {birthday_total} member{birthday_plural} celebrating their birthday today</b>
  275. </font>
  276. <br />
  277. <div style="padding: 4px;">
  278. <font size="2">
  279. {birthdays}
  280. </font>
  281. </div>
  282. </td>
  283. </tr>
  284. </table>
  285. </td>
  286. </tr>
  287. </table>
  288. </td>
  289. {/if:birthdays}
  290. </tr>
  291. </table>
  292. {/if:birthdays_events}
  293. </td>
  294. </tr>
  295. </table>
 

Image
CåñåÐå™
Full Member
***

[Avatar]

Posts: 427
Status: Offline
Gender: Male
Location: Toronto Ontario
Joined:  
Reputation: 7%  


pmwww
Re: Support Help Please (24th Jan 08 at 12:36pm UTC)
Cool thank you so much Ross it works great {Grin} .

Image
click here We have 15 Different Skins/Templates for your vForum
 Printable View

All times are GMT+0 :: The current time is 1:08pm
Page generated in 0.8862 seconds
This Forum is Powered By vForums (v2.4)
Create a Forum for Free | Find Forums