Ross Administrator
Posts: 3,709 Status: Offline Gender: Male Age: 8 1⁄1 Joined:
Additional Groups: Support Team
pmwwwgtalkvForum | Border Around Forum (8th May 08 at 8:00pm UTC) | | This will place a set of border images around the forum to give it a framed look. You will need to edit in the image URLs for the head, middle and base images, the heights of the head and base images and the width of the forum.
Global Header:
Code: HTML - <style type="text/css">
- <!--
- /* Place a border around the forum */
-
- #forum_border {
- width: 700px;
- margin: auto;
- text-align: center;
- }
-
- #forum_border_head {
- height: 50px;
- width: 100%;
- background-image: url('http://your-site.com/image-url.ext');
- background-repeat: no-repeat;
- }
-
- #forum_border_middle {
- text-align: left;
- padding-top: 10px;
- background-image: url('http://your-site.com/image-url.ext');
- background-repeat: repeat-y;
- }
-
- #forum_border_base {
- height: 50px;
- width: 100%;
- background-image: url('http://your-site.com/image-url.ext');
- background-repeat: no-repeat;
- }
-
- //-->
- </style>
- <div id="forum_border">
- <div id="forum_border_head"></div>
- <div id="forum_border_middle">
Global Footer:
Code: HTML - </div>
- <div id="forum_border_base"></div>
- </div>
| |
|
|
Nick Very Senior Member
Posts: 3,012 Status: Offline Gender: Male Location: vForums Age: 34 Joined:
pmwww | Re: Border Around Forum (15th Jun 08 at 12:48am UTC) | | it dont work!?
http://freunion.vforums.co.uk
Go to the skin chooser, and click on V3 Skin.
its shows up all wrong .
Darkmage
Edit:
I had to take it out as it was messing everything up.
Can someone show me how to do this. please.
Do you put the image urls in like this.
Code: - <style type="text/css">
- <!--
- /* Place a border around the forum */
-
- #forum_border {
- width: 700px;
- margin: auto;
- text-align: center;
- }
-
- #forum_border_head {
- height: 50px;
- width: 100%;
- background-image: url('http://i185.photobucket.com/albums/x20/magedesigns/top2.jpg');
- background-repeat: no-repeat;
- }
-
- #forum_border_middle {
- text-align: left;
- padding-top: 10px;
- background-image: url('http://i185.photobucket.com/albums/x20/magedesigns/base-1.jpg');
- background-repeat: repeat-y;
- }
-
- #forum_border_base {
- height: 50px;
- width: 100%;
- background-image: url('http://i185.photobucket.com/albums/x20/magedesigns/bottom2.jpg');
- background-repeat: no-repeat;
- }
-
- //-->
- </style>
- <div id="forum_border">
- <div id="forum_border_head"></div>
- <div id="forum_border_middle">
EDIT:
This is what happens, and forget about the banner that it looks like it is over lapping my main banner, it does that for some reason when I take a capture at a full page.
http://i185.photobucket.com/albums/x20/magedesigns/FFVII-ForbiddenReunionV3-Home_12135.png
EDIT: and it seems to center EVERYTHING too. | |
|
Ross Administrator
Posts: 3,709 Status: Offline Gender: Male Age: 8 1⁄1 Joined:
Additional Groups: Support Team
pmwwwgtalkvForum | Re: Border Around Forum (15th Jun 08 at 10:35pm UTC) | | I can't comment on the image you posted as it's too small to show anything enough detail. Perhaps try one with a single category rather than the whole main page?
Anyway, trying the code you posted there on a test board works as it should. I can only presume some other code on that board is conflicting with it. | |
|
|
Nick Very Senior Member
Posts: 3,012 Status: Offline Gender: Male Location: vForums Age: 34 Joined:
pmwww | Re: Border Around Forum (16th Jun 08 at 3:24am UTC) | | I know, T_T I noticed how small it was. I will get another picture.
The top part is ok, but the sides do not show up and the bottom is off. and I put it in V3 skin's Global Header, I do not put it in all Skins global Header. Just "V3 Skin".
EDIT:
Well I found out it was this code:
Code: - <center>
- <table class="border" width="700" cellpadding="3" cellspacing="1" height="95">
- <tr>
- <td class="window2" width="30%">
- <center>
- <b>Staff Members</b>
- <br>
- <br>
- <u><font color=white>Founder</color></u>
- <BR>
- <a
- href=
- "http://freunion.vforums.co.uk/action/view_profile">Sephiroth<BR>a.k.a Darkmage</a>
- <br>
- <br>
-
- <u><font color=Gray>Administrators</color></u>
-
- <br>
-
- <a href="http://freunion.vforums.co.uk/action/view_profile/user/reydaitso/">reydaitso</a>
- <BR>
- <a href="http://freunion.vforums.co.uk/action/view_profile/user/user_name/"> </a>
-
- <br>
- <br>
-
- <u><font color=Green>Global Moderators</color></u>
- <BR>
- <a href="http://freunion.vforums.co.uk/action/view_profile/user/tifa/">Tifa/Aeris</a>
- <BR>
- <a href="http://freunion.vforums.co.uk/action/view_profile/user/user_name/demonfang">Duorzum</a>
- <BR>
- <a href="http://freunion.vforums.co.uk/action/view_profile/user/user_name/"> </a>
- <br>
- <br>
- <u><font color=Blue>Moderators</color></u>
- <BR>
- <a href="http://freunion.vforums.co.uk/action/view_profile/user/daleeria/">Fay</a>
- <BR>
- <a href="http://freunion.vforums.co.uk/action/view_profile/user/user_name/"> </a>
- <BR>
- <a href="http://freunion.vforums.co.uk/action/view_profile/user/user_name/"> </a>
- <BR>
- <a href="http://freunion.vforums.co.uk/action/view_profile/user/user_name/"> </a>
- <BR>
- <a href="http://freunion.vforums.co.uk/action/view_profile/user/user_name/"> </a>
- <BR>
- <a href="http://freunion.vforums.co.uk/action/view_profile/user/user_name/"> </a>
- </DIV>
- </center>
- </td><br>
-
- <td class="window2" width="40%" rowspan="2"><center><b>Updates</b></center>
- <center><b>Forum best Viewed in 1024x768</b></center>
- <br>
- <div style="overflow: auto; width:100%; height: 150px; bgcolor: transparent; border: 0;">
- <br>
- <CENTER>
-
-
- <hr>
- <br>
- <b>June 14, 2008</b> ~Darkmage~ Version 3 has now been released. I have set everyones skin to the V3 Skin, if you want your old skin back, simply go to the bottom of the forum and use the skin chooser, or you can also do it by going to your Profile, and changing it that way. The V3 skin is not complete, I have 1 more thing to add to it, but the code I am trying to use is confusing.
- <hr>
- <br>
- <b>May 16, 2008</b> ~Darkmage~ The Pm system is now fixed. Sorry for and inconvenience.
- <hr>
- <br>
- <b>May 15, 2008</b> ~Darkmage~ We are experiencing some difficulties with the PM system, I apologize for the inconvenience.
- <hr>
- <br>
- <b>April 15, 2008</b> ~Darkmage~ Well Most of you should be able to log in now. If you can't please say so in the Cbox, and I will see what I can do to get you logged in. Because all members that have problems I will make it my problem too.
- <hr>
- <br>
- <b>April 5, 2008</b> ~Darkmage~ I know many of you are having trouble logging in, and even staying logged in, when exiting out of your browser. I am trying to get it fixed as soon as possible. Thank you for your patience.
- <hr>
- <br>
- <b>March 17, 2008</b> ~Darkmage~ I made a new skin called "Plain Advent". As you can see I changed the layout, hope you like it.
- <HR>
- <BR>
- <b>February 21, 2008</b> ~Darkmage~ We have added a new board called Lucrecia's Cave, and we also have the dis aligned text fixed now. I have also Organized the characters list, so it would be allot easier to understand.
- <hr>
- <br>
- <b>February 18, 2008 Monday</b> ~Darkmage~ We are having some minor problems with the text size, this is a new system, and of course there will be bugs at times, so just bare with us, as we try to get it fixed.
- <hr>
- <BR>
- <b>February 13, 2008 Wednesday</b> ~Darkmage~ This is the VForums Version of our original forum. I am testing this forum to see how this forum does.
-
-
- <HR>
- <br>
- </center>
- </div>
-
- <td class="window2" width="40%" rowspan="2">
- <div style="overflow: auto; width: 100%; height: 150px; bgcolor: transparent; border: 0;">
- <center><b><font size=2>Staff Legend</b></center>
- <center>
- <table border="2" cellpadding="2" cellspacing="1" bgcolor=black >
- <tr>
- <td>
- <b>Staff</b>
- </td>
- <td>
- <b>Color</b>
- </td>
- </tr>
- <tr>
- <td>
- Founder/Admin
- </td>
- <td>
- <font color=white>White</color>
- </td>
- </tr>
- <tr>
- <td>
- Admin
- </td>
- <td>
- <font color=Gray>Gray</color>
- </td>
- </tr>
- <tr>
- <td>
- Global Moderator
- </td>
- <td>
- <font color=Green>Green</color>
- </td>
- </tr>
- <tr>
- <td>
- Moderator
- </td>
- <td>
- <font color=Blue>Blue</color>
- </td>
- </tr>
- </table>
- </center>
- </div>
- </td>
- </tr>
- </table>
- </div>
- </td>
- </tr>
- </table></center>
What would be causing it. and here is a test forum I have: http://freuniontest.vforums.co.uk/
| |
|
Michael Moderator
Recoding the future Posts: 4,043 Status: Offline Gender: Male Location: UK Joined:
Additional Groups: Coding Team
pmvForum | Re: Border Around Forum (16th Jun 08 at 10:09am UTC) | | Should be fixed now?
Recopy your top table code - you had 2 </div> that stopped it working. Recopy from your forum! | |
|
Nick Very Senior Member
Posts: 3,012 Status: Offline Gender: Male Location: vForums Age: 34 Joined:
pmwww | Re: Border Around Forum (16th Jun 08 at 7:10pm UTC) | | OK cool thank you, and one other thing is that I though this code would put something like 1 category has top bottom head/base and a grad side, then the other category had a separate head/base/grad side.
Like Wr Creations. | |
|
Michael Moderator
Recoding the future Posts: 4,043 Status: Offline Gender: Male Location: UK Joined:
Additional Groups: Coding Team
pmvForum | Re: Border Around Forum (16th Jun 08 at 8:04pm UTC) | | No. That can be done through the admin panel. 'Modify Images' | |
|
Nick Very Senior Member
Posts: 3,012 Status: Offline Gender: Male Location: vForums Age: 34 Joined:
pmwww | |
[.tR] ookie1 Full Member
Is it choccy? Posts: 167 Status: Offline Joined:
pm | Re: Border Around Forum (19th Jun 08 at 6:34am UTC) | | Is there a way to put links in the bottom image? | |
Hallelujah! 'tis done; I believe on the Son; I am saved by the blood of the Crucified One! |
|
Nick Very Senior Member
Posts: 3,012 Status: Offline Gender: Male Location: vForums Age: 34 Joined:
pmwww | Re: Border Around Forum (19th Jun 08 at 7:43am UTC) | | Is there a way to put links in the bottom image?
Are you talking to me? If so what do you mean? | |
|
Michael Moderator
Recoding the future Posts: 4,043 Status: Offline Gender: Male Location: UK Joined:
Additional Groups: Coding Team
pmvForum | Re: Border Around Forum (19th Jun 08 at 8:17am UTC) | | Is there a way to put links in the bottom image?
<div id="forum_border_base"></div>
Add them in between the > and <
eg: <div id="forum_border_base">A LINK HERERRERE! </div> | |
|
[.tR] ookie1 Full Member
Is it choccy? Posts: 167 Status: Offline Joined:
pm | Re: Border Around Forum (19th Jun 08 at 8:19am UTC) | | Thanks | |
Hallelujah! 'tis done; I believe on the Son; I am saved by the blood of the Crucified One! |
|
RuhRoe Full Member
Posts: 218 Status: Offline Gender: Male Age: 30 Joined:
pmxfire | Re: Border Around Forum (20th Apr 09 at 9:38pm UTC) | | Is there a way to make this go all the way up to the top of the screen instead of stopping at the top image? If you need me to make an image of what I'm talking about just tell me | |
|
Nick Very Senior Member
Posts: 3,012 Status: Offline Gender: Male Location: vForums Age: 34 Joined:
pmwww | Re: Border Around Forum (21st Apr 09 at 5:00pm UTC) | | Try this:
Code: - <style type="text/css">
- <!--
- /* Place a border around the forum */
-
- body, #forum_border {
- margin: auto;
- text-align: right;
- }
-
- #forum_border_head {
- height: 79px;
- width: 100%;
- background-image: url('______');
- background-repeat: repeat;
- background-position: center;
- margin: auto;
- }
-
- #forum_border_middle {
- text-align: left;
- padding-top: 0px;
- background-image: url('______');
- background-repeat: repeat-y;
- background-position: center;
- }
-
- #forum_border_base {
- height: 50px;
- width: 100%;
- background-image: url('______');
- background-repeat: no-repeat;
- }
-
-
- //-->
- </style>
- <div id="forum_border">
- <div id="forum_border_head"></div>
- <div id="forum_border_middle">
- <div id="forum_border_menu_holder"></div>
- <script type="text/javascript">
- get('table','tag')[1].cellSpacing = '0';
- for(b=0; b<=3; b++) {
- get('br', TAG)[b].style.display = "none";
- }
- get('forum_border_menu_holder', ID).appendChild(get('welcome_table', ID));
- if(vf_username != "guest") {
- get('forum_border_menu_holder', ID).appendChild(get('user_table', ID).previousSibling);
- get('forum_border_menu_holder', ID).appendChild(get('user_table', ID));
- }
-
-
-
- </script>
-
-
(Now I know I posted this last night. o_O I even edited it because I noticed a slight error in the code..) | |
|
RuhRoe Full Member
Posts: 218 Status: Offline Gender: Male Age: 30 Joined:
pmxfire | Re: Border Around Forum (21st Apr 09 at 9:46pm UTC) | | Thanks darkmage | |
|