vForums Support Banner



 

Welcome Guest! Please Login or Register
vForums Support :: Programming & Coding :: Code Requests & Support :: Frame Work (Help Please) - View Topic
Topic Rating: *****
Printable View
dog199200
Guest
Frame Work (Help Please) (28th Mar 09 at 11:49am UTC)
Resolved
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}
Back to Top - Link to Post
Michael
Moderator
*****

[Avatar]
Recoding the future

Posts: 4,043
Status: Offline
Gender: Male
Location: UK
Joined:  

Additional Groups:
Coding Team
***


Reputation: 58%  


pmtwittervForum
Re: Frame Work (Help Please) (30th Mar 09 at 11:00am UTC)
So you want to remove the old borders & just have one all the way around the outside of each one? {Unsure}
Back to Top - Link to Post
dog199200
Guest
Re: Frame Work (Help Please) (30th Mar 09 at 12:46pm UTC)
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...
Back to Top - Link to Post
Michael
Moderator
*****

[Avatar]
Recoding the future

Posts: 4,043
Status: Offline
Gender: Male
Location: UK
Joined:  

Additional Groups:
Coding Team
***


Reputation: 58%  


pmtwittervForum
Re: Frame Work (Help Please) (30th Mar 09 at 4:18pm UTC)
Could you do a screenshot & tell me what I'm meant to be looking at? :S
Back to Top - Link to Post
dog199200
Guest
Re: Frame Work (Help Please) (30th Mar 09 at 9:38pm UTC)
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?
Back to Top - Link to Post - Last edit:   by dog199200
 Printable View

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