DIR Return Create A Forum - Home
---------------------------------------------------------
Create A Forum - Support Forums
HTML https://support.createaforum.com
---------------------------------------------------------
*****************************************************
DIR Return to: Style Support
*****************************************************
#Post#: 7805--------------------------------------------------
[Guide] Changing the color of board names
DIR By: xboi209
Date: December 30, 2012, 2:16 pm
---------------------------------------------------------
This guide will help you step by step on how to change the color
of board names. There are pictures here to help you through this
guide but if you have any questions, feel free to ask!
Note: This guide is written using Google Chrome!
What we'll want to do first is to highlight the name of the
board, in this case it will be General Discussion. Right click
and click on Inspect Element and the Developers Tools box will
show up. At the bottom right of your screen is a highlight box
saying a.subject, this will be the element you want to modify
with CSS.
HTML http://i47.tinypic.com/o8v1jt.jpg
Now we'll go to your Style Manager in our Admin CP and click on
the Create Style tab. First, name your style, it could be
anything. To make sure there aren't any conflicting code, press
the F3 button on your keyboard and type a.subject. What comes up
are these lines of code:
--- Quote ---
>
> /* the board title! */
> .table_list tbody.content td.info a.subject
> {
> font-weight: bold;
> font-size: 110%;
> color: #d97b33;
> }
>
--- End Quote ---
What should catch your eye already is color: #d97b33; because it
says color but what is the #d97b33? Well it's something called a
hex code, there are millions of colors that our eyes can see and
simple text like lightlightlightlightblue won't solve the
problem so hex codes are used instead. While web browsers accept
text like blue and red, they may not be exactly the same color
across all web browsers, however hex codes will be the same
across all web browsers.
You could use any hex code you want but I'll pick a dark teal
color, 008299. So just replace #d97b33 with #008299 and click
the Create Style button.
HTML http://i45.tinypic.com/r04bp5.jpg
Now on the Style Manager page, click on pick style next to your
newly made style.
HTML http://i45.tinypic.com/9hqffc.jpg
Last thing to do is to check what you changed and enjoy!
HTML http://i48.tinypic.com/2me70bb.jpg
#Post#: 7806--------------------------------------------------
Re: Changing the color of board names
DIR By: xboi209
Date: December 30, 2012, 2:24 pm
---------------------------------------------------------
For anyone reading this, the first picture may be a bit too wide
for your screen so you'll need to scroll over horizontally to
the right to see it.
#Post#: 7838--------------------------------------------------
Re: [Guide] Changing the color of board names
DIR By: Ian
Date: January 2, 2013, 11:17 am
---------------------------------------------------------
i see your forum link :P
*****************************************************
Page 1 of 1