Welcome Guest [Log In] [Register]
This board has been archived and is no longer accepting new questions. If you have a support question for your ZetaBoard, please visit us at the new support board. Registration is free and easy.


Visit the NEW ZetaBoards Support forum!

Username:   Password:
Add Reply
Color Change
Topic Started: Nov 29 2007, 03:30 PM (1,172 Views)
badtzmaru
Member Avatar
Member
[ *  *  * ]
Woow, the zoom feature is so cool!! @_@ This is really handy! I was thinking of just uninstalling it after I got the one color I needed, but I think I may keep it. :D Thanks again!!

(Thanks for the other suggestions, but I can't skin. x_x I'll keep them in mind if I start to try, though. :) )
Offline Profile Quote Post Goto Top
 
Nicola
Darth Vader's Sewing Instructor
[ *  *  *  *  *  *  * ]
I also recommend 'Edit CSS' Firefox Add-on. I use that all the time. Just remember to delete the junk it adds to the top of the CSS it lists in the panel at the top.
Offline Profile Quote Post Goto Top
 
Dyegov
Member Avatar
Chrome!
[ *  *  * ]
Nicola
Dec 2 2007, 11:04 AM
I also recommend 'Edit CSS' Firefox Add-on. I use that all the time. Just remember to delete the junk it adds to the top of the CSS it lists in the panel at the top.
I didn't know about that one, but I have just tested it and it's amazing! Thanks a lot for the suggestion ;)
Offline Profile Quote Post Goto Top
 
AllMommies
Member
[ *  * ]
Dromin
Dec 2 2007, 05:51 AM
You can find a color picker here.
Thanks I'm going to try this! Now if I can figure out where to put it in the CSS. Oh Boy wish me luck!

Edit: I tried it on my test board and it does nothing. DO I have to change all the numbers? For where it says background color? Also I can't figur out how to change the orange to a ifferent color. I tird it on a tes board and nothing changed! I must e doing something wrong. Frustrating!
Edited by AllMommies, Dec 5 2007, 01:08 PM.
Offline Profile Quote Post Goto Top
 
Eureka
Member
[ *  *  * ]
AllMommies
Nov 30 2007, 08:52 AM
What I mean is like how on this board it is blue, i would like it to be green to go with our logo. And the orange line I would like it to be pink or a light blue. But I don't know CSS. I've figured out how I can change icons and all but I don't know how to fool with CSS.
To change the background color, it's in the body { background-color: HEX; } css. I assume the orange line is the ones above the submenu and topmenu. The CSS for that is: #submenu_bar and #topmenu_bar. Easy enough.
Offline Profile Quote Post Goto Top
 
Dromin
Member Avatar
Color Member
[ *  * ]
AllMommies
Dec 5 2007, 12:48 PM
Edit: I tried it on my test board and it does nothing. DO I have to change all the numbers? For where it says background color? Also I can't figur out how to change the orange to a ifferent color. I tird it on a tes board and nothing changed! I must e doing something wrong. Frustrating!
Most of the orange parts are images, so you fist have to remove the images (the part in the #submenu_bar and #topmenu_bar CSS where it says "url([image url])") for the background color change to become visible. But it would probably look better if you created your own images and replaced the orange images with them n_n
Offline Profile Quote Post Goto Top
 
Marina K.
Member
[ * ]
Alright, I looked at the different documentations on what CSS code is and how to change it, but I am a TOTAL idiot as far as what to change where. So can someone help me by telling me line by line what part of the code changes what part of the forum?

I figured out about the background url and the hex codes, and to test what affected what, I copied one url and one color in all or half of the code. Now I can't see text, but I really can't figure out how I changed it and where in the code I should change to get it back. About the only thing I figure out were the first three or four lines affect the top menu. Please help!!!
Offline Profile Quote Post Goto Top
 
Nicola
Darth Vader's Sewing Instructor
[ *  *  *  *  *  *  * ]
Marina K.
Dec 8 2007, 05:05 PM
So can someone help me by telling me line by line what part of the code changes what part of the forum?
Please make your own topic rather than using someone elses.

Trust me, it's easier to have a visual guide to direct you around the CSS rather than a text guide... and it would take a *long* time for anyone to make a text-based guide, and it'd be a waste of time. It was made by me who other than Seth has more knowledge about the ZB CSS than anyone else, and it took me a while to get that guide together, it'd take someone else even longer to do a text guide, when a visual guide is better in the end.
If you take it slow, and view one image at a time, you'll figure it out yourself. It's not easy to learn but it will get easier. Look at the first image on the guide, and if you want to change a particular cell, it tells you what part of the CSS it is controlled by.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Theme & CSS Help · Next Topic »
Add Reply