vForums Support > Programming & Coding :: Code Requests & Support :: > Frame Work (Help Please)
Frame Work (Help Please) - Posted By dog199200 (dog199200) on 28th Mar 09 at 11:49am
hey i was wondering how I can go about adding like a bale setup to the .welcome table as well as the #user_table, this is what I got so far: http://inuyashasworld.virtualforums.co.uk

Currently I was trying to ago about doing the same thing that's done for adding a border around the main area of the forum, but i wanted a border around each section, i think it would look really cool, but i don't know how to delete the old tables, and then recall them within the code, Well her eis what i got so far {Tongue Out} mainly the div setup.

~CSS~
Code:
Select All
 
  1. <style type="text/css">
  2. <!--
  3. /* Place a border around the forum */
  4. #welcome_border {
  5. width: 800px;
  6. margin: auto;
  7. }
  8. #user_table_border {
  9. width: 800px;
  10. margin: auto;
  11. }
  12. #forum_border {
  13. width: 800px;
  14. margin: auto;
  15. }
  16. #welcome_border_head {
  17. height: 37px;
  18. width: 800px;
  19. background-image: url('http://i25.photobucket.com/albums/c51/dog199200/Inuyasha%20Images/bgtopblue.png');
  20. background-repeat: no-repeat;
  21. }
  22. #welcome_border_middle {
  23. padding-top: 0px;
  24. background-image: url('http://i25.photobucket.com/albums/c51/dog199200/Inuyasha%20Images/bgmiddleblue.jpg');
  25. background-repeat: repeat-y;
  26. background-position: center center;
  27. }
  28. #weelcome_border_base {
  29. height: 40px;
  30. width: 100%;
  31. background-image: url('http://i25.photobucket.com/albums/c51/dog199200/Inuyasha%20Images/bgbottomblue.png');
  32. background-repeat: no-repeat;
  33. }
  34. #user_table_border_head {
  35. height: 37px;
  36. width: 800px;
  37. background-image: url('http://i25.photobucket.com/albums/c51/dog199200/Inuyasha%20Images/bgtopblue.png');
  38. background-repeat: no-repeat;
  39. }
  40. #user_table_border_middle {
  41. padding-top: 0px;
  42. background-image: url('http://i25.photobucket.com/albums/c51/dog199200/Inuyasha%20Images/bgmiddleblue.jpg');
  43. background-repeat: repeat-y;
  44. background-position: center center;
  45. }
  46. #user_table_border_base {
  47. height: 40px;
  48. width: 100%;
  49. background-image: url('http://i25.photobucket.com/albums/c51/dog199200/Inuyasha%20Images/bgbottomblue.png');
  50. background-repeat: no-repeat;
  51. }
  52. #forum_border_head {
  53. height: 37px;
  54. width: 800px;
  55. background-image: url('http://i25.photobucket.com/albums/c51/dog199200/Inuyasha%20Images/bgtopblue.png');
  56. background-repeat: no-repeat;
  57. }
  58. #forum_border_middle {
  59. padding-top: 0px;
  60. background-image: url('http://i25.photobucket.com/albums/c51/dog199200/Inuyasha%20Images/bgmiddleblue.jpg');
  61. background-repeat: repeat-y;
  62. background-position: center center;
  63. }
  64. #forum_border_base {
  65. height: 40px;
  66. width: 100%;
  67. background-image: url('http://i25.photobucket.com/albums/c51/dog199200/Inuyasha%20Images/bgbottomblue.png');
  68. background-repeat: no-repeat;
  69. }
  70. body {
  71.     margin-top: 20px;
  72. }
  73. //-->
  74. </style>
 



~Div~
Code:
Select All
 
  1. <div id="welcome_border">
  2. <div id="welcome_border_head">
  3.  
  4. </div>
  5. <div id="welcome_border_middle">
  6. <div class="welcome"></div>
  7. </div>
  8. <div id="welcome_border_base"></div>
  9. </div>
  10.  
  11.  
  12. <div id="user_table_border">
  13. <div id="user_table_border_head">
  14. </div>
  15. <div id="user_table_border_middle">
  16. <div id="user_table"></div>
  17. </div>
  18. <div id="user_table_border_base"></div>
  19. </div
 



{Tongue Out} i put the whole css, but i'm sure you can filter out what is what {Tongue Out}
Re: Frame Work (Help Please) - Posted By Michael (wrighty) on 30th Mar 09 at 11:00am
So you want to remove the old borders & just have one all the way around the outside of each one? {Unsure}
Re: Frame Work (Help Please) - Posted By dog199200 (dog199200) on 30th Mar 09 at 12:46pm
wrighty go to the forum and you'll see what i am trying to do. I got the background in place like by copying the table structure and even got them in place with the images and stuff, Though the very top frame header images is messsed up even though the css is right, i had to add center tags to it to center it, and because of taht its 1 pixel to far to the right i think.

Mainly right now i need to rebuild the functions for the login/logout, like what buttons will show when a person is logged in and when a person is logged out, and when a person is an admin, as well hiding the user bar when the person isn't logged in, as well as all the user bar features,

sorry i know it seems like a,ot, but even showing me working examples of the code i can rework the codes or fragment them and make my own working code, but i've still got php and brisk on my mind and it am having some minor problems getting the mind set for js again...
Re: Frame Work (Help Please) - Posted By Michael (wrighty) on 30th Mar 09 at 4:18pm
Could you do a screenshot & tell me what I'm meant to be looking at? :S
Re: Frame Work (Help Please) - Posted By dog199200 (dog199200) on 30th Mar 09 at 9:38pm
lol i'll do my best, but do to the coding in place, it will have to be of two different forums to show you what i mean, i'll edit this when i get the sceenshots


Edit:

OK umm here is the screen shot, basically what you see in the screenshot shows no matter what, logged in, logged out, admin or not admin, when i need it to all work like a normal forum would...trust me i wish i would just call the features via css, but i did it the way you said to..

Logged In View:
http://i25.photobucket.com/albums/c51/dog199200/forumdis.jpg

Guest View / Logged Out View:
http://i25.photobucket.com/albums/c51/dog199200/forumdisoff.jpg

see the problem when you compare it to what a forum should look like?