3d Template

[David]

I know this has been asked and answered before but I can't find the answer for the life of me.  How do I add a 3d effect to my board?

[Spaceman-Spiff]

there are some samples in Gold Boardmod template section
i think it uses border-top, border-left, etc
that will create 3d effects...

example:
border-color: #DFDFDF #4F4F4F #4F4F4F #DFDFDF; border-style: outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;

[David]

Ok, I have already looked in the boardmod templates.  I want to find a working YaBBSE CSS section though.

[Spaceman-Spiff]

example:

.titlebg      {background-color: #094A6F; color: #FFFFFF; border: white red red white; border-style: outset; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; }

[David]

But which ones does it go in?  The yabb ones only do windowbg and windowbg2

[Spaceman-Spiff]

its up to u where u wanna put it
will work for titlebg, winbg and catbg
u can try each one of them and see which ones fit well with the 3d theme
or u can do all of them too...

[Chris Cromer]

Just add this to all of your css tags and you will have a 3d effect:

border-style: outset; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px;

This is better than the other one that was posted because this one uses whatever colors are already on your board. If you remember I used this one on my gray board that you saw(and complimented).

[Michele]

Or, take the shorter approach:

.someTable {
color:  #000033;
background-color: 779999;
border: thick outset #997777;
}

border (width style color )

Width can be a px or pt number, thin, medium or thick (medium is default, none means no border)
Style can be inset, outset, groove, ridge, dotted, dashed or solid (default is solid)
Color can list one, two, three or four colors to use, depending on the style, in the format #123456 (default is font color).

HTH, Mad Moya

[mephisto_kur]

You want something like this? EDIT: I took out the 3d effect!

http://forum.heavybrick.com/index.php?op=forum

[David]

You want something like this?

http://forum.heavybrick.com/index.php?op=forum

Exactly!  

[mephisto_kur]

Its a modified version of this:

http://boardmod.yabbforum.com/templates/templatevault.php?action=describe&id=141

I made changes so it works better with YaPP, but otherwise its that template.