vb.org Archive - 3 D Borders ?

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- Member Archives (https://vborg.vbsupport.ru/forumdisplay.php?f=202)

- - 3 D Borders ? (https://vborg.vbsupport.ru/showthread.php?t=40180)

Bro_Joey_Gowdy

06-23-2002 06:32 AM

3 D Borders ?

I believe this is a template hack - if not please move it -

What files must I edit to make all the borders look 3 D ??

I would like all my borders to look 3Dish like the 'ScrollBar' is.

Michael2

06-23-2002 06:41 AM

This should help.

http://www.vbulletin.com/forum/showt...ighlight=bevel

Bro_Joey_Gowdy

06-23-2002 03:44 PM

I found this on another site - then copied the code to an html file and placed it on my site--

This is the 3 D Borders I was wanting -

http://www.joeygowdy.com/forum/preview-3d-borders.html

Quote:

<td>
<table cellpadding="4" cellspacing="1" border="0" width="100%">
<tr id="cat">
<td bgcolor="#A3A3CB" style="BORDER-RIGHT: #606096 3px solid; BORDER-TOP: #E7E7F1 3px solid; BORDER-LEFT: #E7E7F1 3px solid; BORDER-BOTTOM: #606096 3px solid;"" colspan="6">

<center>

<a href="=">3 D Borders</a>

</center>

</td>

Bro_Joey_Gowdy

06-24-2002 11:29 AM

Guess instead of asking that - I should ask WHAT FILES do I have to change ? And whats the line of code I need to enter for it to work ?

plattopus

06-24-2002 01:52 PM

In the Header Insert section of your skin, add the following:

Code:

.bevel {

BORDER-RIGHT: #606096 3px solid;

BORDER-TOP: #E7E7F1 3px solid;

BORDER-LEFT: #E7E7F1 3px solid;

BORDER-BOTTOM: #606096 3px solid;

}

And then go through your templates, and for every table you wish to bevel, add class="bevel" to the <td> tag.

Bro_Joey_Gowdy

06-24-2002 10:51 PM

Thanks plattopus and Michael2 !!

Got it to work - so for future inqueries this is what was done :

1. Go to Admin CP

2. Choose "Add/Modify Style"

3. Scroll down to "Head Insert"

4. Look for </style> and ADD ABOVE it :

Quote:

}
.bevel3d {
BORDER-TOP: #FFFFFF 5px solid;
BORDER-LEFT: #FFFFFF 5px solid;
BORDER-RIGHT: #606096 5px solid;
BORDER-BOTTOM: #606096 5px solid;
}

5. Note- 5px this number can be changed to alter the size of the borders. Save this file.

6. Now go to "Add Replacement" and enter the following:
Replacement set: default
Code to find: {bevel}
Code to insert: class="bevel3d"
Then save.

7. Now go to your "Templates" and insert {bevel3d} into the the files that you want to look 3D-ish, example:

Quote:

<td bgcolor="#8080A6" {bevel3d}><smallfont> </smallfont></td>
<td bgcolor="#8080A6" {bevel3d} width="55%" align="left"><smallfont color="#EEEEFF">Forum</smallfont></td>

8. Enjoy.

tweak

06-25-2002 06:05 AM

I tryed to get the 3d to work but i keep getin Black boxes??? in template ForumHome no post where would i put it?

<tr id="cat">
<td background="{imagesfolder}/catbg.jpg" bgcolor="{categorybackcolor}" colspan="5"><center><a href="forumdisplay.php?s=$session[sessionhash]&forumid=$forum[forumid]"><normalfont color="{categoryfontcolor}">$forum[title]</normalfont></a></center></td>
</tr><tr>
<td bgcolor="{tableheadbgcolor}"><smallfont> </smallfont></td>
<td bgcolor="{tableheadbgcolor}" width="55%" align="left"><smallfont color="{tableheadtextcolor}">Forum</smallfont></td>
<td bgcolor="{tableheadbgcolor}" nowrap><smallfont color="{tableheadtextcolor}">Last Post</smallfont></td> <td bgcolor="{tableheadbgcolor}"><smallfont color="{tableheadtextcolor}">Posts  </smallfont></td>
<td bgcolor="{tableheadbgcolor}"><smallfont color="{tableheadtextcolor}">Threads</smallfont></td>
</tr>

Bro_Joey_Gowdy

06-25-2002 06:16 AM

Sorry, I skipped a couple steps.

I added another step so refer to the original post.

I placed mine as follows:

Quote:

<td bgcolor="#8080A6" {bevel3d}><smallfont> </smallfont></td>
<td bgcolor="#8080A6" {bevel3d} width="55%" align="left"><smallfont color="#EEEEFF">Forum</smallfont></td>
<td bgcolor="#8080A6" {bevel3d} nowrap><smallfont color="#EEEEFF">Last Post</smallfont></td>
<td bgcolor="#8080A6" {bevel3d}><smallfont color="#EEEEFF">Posts  </smallfont></td>
<td bgcolor="#8080A6" {bevel3d}><smallfont color="#EEEEFF">Threads</smallfont></td>
</tr>

Bro_Joey_Gowdy

06-29-2002 03:58 PM

Hmm...

I cannot find the main category bit - where is it at ?

http://www.JoeyGowdy.com/Forum

I need the main categorys to look 3D - what template is that? ?

Bro_Joey_Gowdy

06-29-2002 04:03 PM

Im useing vB2.2.6.

I went under 'forumhome' and inserted {bevel3d} into all of those but the main categories still are not in 3D.

http://www.JoeyGowdy.com/forum

FWC	06-29-2002 06:14 PM

You need to modfiy the forumhome_forumbit_level1_nopost template.

Bro_Joey_Gowdy

06-29-2002 08:42 PM

Thanks FWC

:D

FWC	06-30-2002 06:55 AM

You're welcome. :)

BigJohnson

07-03-2002 12:59 PM

Yes This works outstanding on my forums but i have one question. How o I add 3d borders to my actual posts when i post a message. Because the color alternates all the time and it would be impossible to have the same bevel for 2 different colors. One would look 3D while the other wuld look really funky. Please help thanks.

Atian

07-03-2002 02:09 PM

try doing a search/replace string =\

BigJohnson

07-03-2002 02:29 PM

Well i am not that good with coding. Is there any way you can explain your self a little more please thanks.

Bro_Joey_Gowdy

07-03-2002 05:59 PM

Quote:

Originally posted by BigJohnson
Yes This works outstanding on my forums but i have one question. How o I add 3d borders to my actual posts when i post a message. Because the color alternates all the time and it would be impossible to have the same bevel for 2 different colors. One would look 3D while the other wuld look really funky. Please help thanks.

Umm...
what do you mean ?
Do you want your text area to look 3 d with alternating 3 d colors ?

Michelle69

07-05-2002 02:50 PM

There's an easier way to do this without modifying your header or templates... and will do the actual posts as well as the index page.

Just go to Styles --> Modify --> fonts/colors/etc --> Main Colors

Add the code to your First and Second Alternating Table Background Color replacement.

My code reads this:

First Alternating Table Background Color:
#545454" style="BORDER-RIGHT: #303030 2px solid; BORDER-TOP: #c0c0c0 2px solid; BORDER-LEFT: #c0c0c0 2px solid; BORDER-BOTTOM: #303030 2px solid;"

Second Alternating Table Background Color:
#646464" style="BORDER-RIGHT: #303030 2px solid; BORDER-TOP: #c0c0c0 2px solid; BORDER-LEFT: #c0c0c0 2px solid; BORDER-BOTTOM: #303030 2px solid;"

The result is This

You can copy and paste this in yours, then just replace the hex code with your colours, and adjust the px value if you like.

Bro_Joey_Gowdy

07-09-2002 12:37 PM

(slaps himself)

Thanks... That was so much easier... wonder why I didnt think of that...

:(

Quote:

Originally posted by Michelle69
There's an easier way to do this without modifying your header or templates... and will do the actual posts as well as the index page.

Just go to Styles --> Modify --> fonts/colors/etc --> Main Colors

Add the code to your First and Second Alternating Table Background Color replacement.

My code reads this:

First Alternating Table Background Color:
#545454" style="BORDER-RIGHT: #303030 2px solid; BORDER-TOP: #c0c0c0 2px solid; BORDER-LEFT: #c0c0c0 2px solid; BORDER-BOTTOM: #303030 2px solid;"

Second Alternating Table Background Color:
#646464" style="BORDER-RIGHT: #303030 2px solid; BORDER-TOP: #c0c0c0 2px solid; BORDER-LEFT: #c0c0c0 2px solid; BORDER-BOTTOM: #303030 2px solid;"

The result is This

You can copy and paste this in yours, then just replace the hex code with your colours, and adjust the px value if you like.

king sting

10-02-2002 01:36 PM

thankz Michelle69 that worked great, btw anybody know how i can make the scroll bars not 3d. u know how they seem bevelled i was wondering if there was a way to undo that. i've seen it done before

All times are GMT. The time now is 03:51 AM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01267 seconds Memory Usage 1,766KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)bbcode_code_printable (6)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (20)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: