Content
Home
FAQ
Dictionary
How to do...
Buttons
Template

Admin's Status
  • Tony - Working on the site

    • Thank You
  • Raisen_Hell
  • Dark Aeon
  • Tony

    • Debating
    We have yet to decide what this will be for.

    Links
  • Boardnation

    • Your Template Explained




    A:link { COLOR: #005177; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none }

    This part of your template will change the color of your links.


    A:visited { COLOR: #005177; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none }

    This will change the color of your VISITED links.


    A:hover { COLOR: #cc3333; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none }

    This will change the color of the link when you put your cursor on it


    .nav { COLOR: #000000; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none }

    This will change your navigation text when you are going to post something. For example, this is where it would change the coloring of the text.

    Shot Gun RPG General Category General Discussion Post reply ( Re:Welcome To BoardNation)

    It would change the color of the text in italics, kind of a useless option but its there for your convenience.


    .nav:link { COLOR: #000000; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none

    I could not find a difference by changing this code, I'm not sure it does anything.


    .nav:visited { COLOR: #000000; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none }

    This changes the color of your whole Navigation Menu. Your Navigation Menu looks like this: Boardnation General Category General Discussion


    .nav:hover { FONT-WEIGHT: bold; COLOR: #cc3333; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline }

    This also deals with your Navigation Menu, if you change the Font Weight, this will change the weight of your text, for example it is Bold to begin with, but you can change for it to be other then bold. If you change the color, this will also change the color of your whole Navigation Menu, pretty much like the last option of your template. And lastly, your Navigation Menu is default for the Text/Links in it to be underlined, by changing the TEXT-DECORATION, this will take away the underline.


    TD { FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, Serif }

    This will change the color of a lot of your major text, it does not change all of it though, it will not change the description of each forum, too make it simpler it will not change the text in any of your forums thins, it mainly changes the text that borders your forum. FONT-FAMILY is what the fonts are and the order to try them.


    INPUT { FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, Serif; BACKGROUND-COLOR: #afc6db }

    The first color code will change the color of all the text on your buttons and other Input things, for example in the Maintenance Controls it says "Remove posts from 30 days" it will change the number you put in the number of days area, I have the number of days set at 30. The second color code area will change the color of the button, or the background color of the Input Area, for example in the Maintenance Controls it says "Remove posts from 30 days" it will change the color behind the number.


    TEXTAREA { FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, Serif; BACKGROUND-COLOR: #afc6db }

    The first color code area will change the color of your text in your Edit Your Forum Template area, and it will change the text color while your typing up a post your going to make. The second color code area changes the background color of your Edit Your Forum Template area and when you going to make a post


    SELECT { FONT-SIZE: 7pt; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, Serif; BACKGROUND-COLOR: #afc6db }

    The first color code area will change the text color of the Jump to: Forum area. It is that little navigation thing you have at the bottom of a certain forum, for example at the bottom of you General Discussion Forum. The second color code area will change the background behind the text for the Jump To Navigation button.


    .windowbg { FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, Serif; BACKGROUND-COLOR: #afc6db }

    The first color code area will change the text in most of the bars, for example it will change the text color for the "Number of posts in the forum" on the main page of your message board. The second color code area will change the color of the bar or block that the first color code block for this part of the template changed


    .windowbg2 { FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, Serif; BACKGROUND-COLOR: #f8f8f8 }

    The first color code are will change the all the text that describes a forum on you board, it will also change some of the text in your Admin Center. The second color code area changes all the background area of all the text the first color code area changed for this part of your template.


    .windowbg3 { FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, Serif; BACKGROUND-COLOR: #6394bd


    The first color code area will change the Horizontal lines in a post that separates the time the post was made and the name of the post. The second color code area will change nothing noticeable to the eye, either that or it doesn't change anything.

    .hr { COLOR: #6394bd; BACKGROUND-COLOR: transparent }


    The first color code area will change the "Forum Name" "Topics" "Posts" and "Last Post" text at the top of your board, just that text, no others. The second color code area will change the top and bottom bar of your main board, it will also change the Info Center at the bottom's bar. It also changes the YaBB Admin Center bar in your admin center.


    .titlebg { COLOR: #ffffff; BACKGROUND-COLOR: #6e94b7 }

    This will change the "Subject, Started by, Replies, View Last posts in your forums on your boards text.


    .text1 { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; FONT-STYLE: normal; BACKGROUND-COLOR: transparent }

    This will change the color of all your categories names. If you want the background image the url to it is the tag


    .catbg { FONT-WEIGHT: bold; FONT-SIZE: 13px; BACKGROUND-IMAGE: url(); COLOR: #000000 }

    This will change the color of all your border lines on your whole board.


    .bordercolor { FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, Helvetica, Serif; BACKGROUND-COLOR: #6394bd }

    The first color code will change the color of the text when you quote someone’s post. The second color code area will change the background color of a quote that you quoted from someone else’s post.


    .quote { FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, Serif; BACKGROUND-COLOR: #dee7ef }

    This changes the background color for when you use code.


    .code { FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Courier New, Helvetica, Times New Roman, Serif; BACKGROUND-COLOR: #cccccc }

    This style allows you to change the color when someone uses the me tag.


    .meaction { COLOR: red; BACKGROUND-COLOR: transparent }


    This changes the color of the text when you make a "Me Action".

    These CSS tags change the color and properties of the different mebergroups for the users online list. You can apply any valid CSS style to them too.

    .admin_color { COLOR: red; }

    .gmod_color { COLOR: blue; }

    .mem_color { COLOR: black; }