UBB.Developers Forums General Discussion Chit Chat Stylesheets help...

Awhile ago, I found this forums site. It's theme was for Diablo and Diablo II, but that doesn't really matter. Anyway, somehow using stylesheets, they made all the input boxes (name, password, subject, etc.) flat, and changed their background colors and border colors.

Does anyone know how exactly to code my txt/css stylesheet to make all my input boxes flat and colored like that? Thanks much.

BTW, I don't remember the exact site now, and the one I think it was has changed their layout so it no longer uses that stylesheet effect anymore.

---Skorpion

------------------


[This message has been edited by Skorpion (edited September 14, 2000).]

I'm not a bastardo , so I'll help you.

To change the background color of the text boxes, texareas, drop down boxes, and other selection lists, simply make a class like:


then in your page it would look like:


to make a button flat and have a border/no border around it, make another class:



Have fun and stay W3 compliant! Haha. ha.

By the way, I used inline styles (style="") to make them here, but external sheets are of course the preferred method of doing such things.
------------------
-david
booey booey bashaka khans® lach de zuperrier



[This message has been edited by evil-empire (edited September 14, 2000).]

ROCK! Thanks a lot, evil-empire. That's exactly what I needed.

---Skorpion

------------------

Good work David... if you are using the licensed version, you can put your style sheets in the headerinsert box, about 2/3 the way down general settings... update threads and it will propagate to the whole ubb...

------------------
Allen

- http://www.stand318.com

three more things:

1. You can change the font properties for text boxes and buttons as well. For text boxes, it will change the font of anything a user types, for buttons it will change the font of the button value (submit, reset,etc.).

2. Heres the really fun stuff. Ok, you know how your cursor turns into a hand when you move it over a link? You can do that for buttons too.




And let me remind you what a normal button looks like:

3. I HIGHLY doubt any of this works in in netscape 4.x! Nothing does, especially not the really cool stylesheet functions like this. But then, it might. Don't worry though, it will in NS6. bless the W3.

And, instead of me coming back here every 5 minutes telling you something else you can do, let me just tell you David's Law:
When using style sheets, experiment.
Try everything.
------------------
-david
I wish the milkman would deliver my milk.
In the morning.

[This message has been edited by evil-empire (edited September 14, 2000).]

How do you do drop down menus?

Thanks for all the help, evil-empire!

CE, what kind of drop-down menus do you mean? The Interplay has a really good javascript pop-up menu program. Their script was what I used and modified for the previous version of my forums. It's really good, simple, and quick. And their legal peepz even give you permission to use it!

If that's the type of menu you're talking about, have at it, hope it helps. If not, I can't help you much more, sorry.

Thanks again, E-E.

---Skorpion

------------------

I'm sorry, when I said drop-down menus I ment selection lists.


------------------
-david
I wish the milkman would deliver my milk.
In the morning.

evil how do you make thoose drop down menus so they look like this?:


[This message has been edited by CE (edited September 15, 2000).]

The same way you make text boxes like that, it all operates on the same principles.

------------------
-david
I wish the milkman would deliver my milk.
In the morning.

**** . **** **** **** **** **** .

None of this stuff works in netscape (4.x). I did three new pages on my site, all of which contain form fields, and all of which I applied some of the previously discussed formatting. In 4.7, weird little boxes show up, and textareas dont work at all. I know SOME of the formatting works, like font, bgcolor and such, but borders and such might be a problem...
hey, that might be it. Some certain border-atrributes are buggy in NS4, let me see if i do it differently...

I'll edit this later if I get it to work.

I tried going to extremeforums.com to see what they did with theirs to make it work, but that site is (apparently) no more. It's replaced by a simple message written by someone who cannot even correctly specify the background color of the page. ich.


[EDIT]
OK, I looked around and found nothing. I changed some of the things and it still doesn't work in netscape. Much as he doesn't want to admit it, the CSS guru needs help. Or maybe there isn't help.

its all netscape's fault. Im very tempted to just say **** it and let the NS4 users rot. but, that wouldn't be proper.
[/EDIT]
------------------
-david
I wish the milkman would deliver my milk.
In the morning.

[This message has been edited by evil-empire (edited September 16, 2000).]

NS doesn't support background color (or indeed, any attribute) of the form elements. They even use their own fixed width font under windows which screws up sizing.

A better way to implement your stylesheets for the UBB would be as follows:


This will automatically color all form fields without you having to edit the HTML at all.

Just a thought

NB. Netscape CSS doesn't support the cursor property for any element. It's IE proprietry **** .

------------------
http://www.iamcal.com

Hmmm...., I hvae some CSS that might change the input as well. Go here. if you want some of that CSS I can post it

------------------
FreewareUBB.com Boards

well, thanks guys, I'll work on that later.

and, actually cal, you're wrong. It's not proprietary **** from IE. It's netscape 4's problem. "Cursor" is standard CSS, netscape 4 doesnt support it. Netscape 4 is pure shite, you see. Doesn't support anything, and that layer tag shite is useless. In NS6 they drop the layer tags and start complying with the W3, as IE has been doing. I'll bet you $5 that 'cursor' works in NS6.

And, interestingly enough, "cursor:hand" is wrong, according to the W3's online CSS validator. It's supposed to be "pointer", but I tried that and it doesnt work. Go figure.

------------------
-david
I wish the milkman would deliver my milk.
In the morning.

ok, 2 minutes later. or something.

earth shattering revelation:
netscape sucks.

I've come to a compromise of sorts. I only defined the background color and font for the form elements. So it still looks like unrefined shite in netscape, but at least it's usable, not-too-****ed-up unrefined shite. In IE, theres still some dignity, but thats only because the border on form elements isn't as wide as it is in NS. Maybe in a few months I'll change it, and **** netscape.

------------------
-david
I wish the milkman would deliver my milk.
In the morning.

[This message has been edited by evil-empire (edited September 17, 2000).]

As you posted yourself, 'cursor' is proprietry. The w3c put pointer into CSS2 AFTER ms had put cursor in IE. Now that it's more formalised we would hope NS will pick it up.

Just a thought

------------------
http://www.iamcal.com

2 days ago i downloaded netscape...after 10 minutes i was cursing it and deleting it, netscape is the biggest pieace of **** made, how the thing stays in business is beyond my mind, it make EVERYTHING look incredibly like **** .

The trick is to make things work with both browsers on both platforms (win & mac). That's all the fun of HTML

Just a thought

------------------
http://www.iamcal.com

a tried posting a long-winded response to that CE, but I forgot to put in my user/pass, and it lost my message, so I went and watched TV.

basically, I said what cal did, but I went off on a tangent about netscape/IE and how much netscape sucks.

------------------
-david
I wish the milkman would deliver my milk.
In the morning.