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:
Locked Topic
General Theme & CSS FAQ
Topic Started: Mar 19 2008, 07:22 PM (6,613 Views)
Nicola Mar 19 2008, 07:22 PM Post #1
Darth Vader's Sewing Instructor

 General Theme FAQ

Useful Links


Frequently Asked Questions


  • Where can I find themes? Can anyone make me one?
    A fair amount of themes created and submitted by users of this board have been added to our Code Index.
    If you’re looking for a more customised look for your board, please visit the following board directories to find a board(s) which may offer requests
    Please note, we do not allow requests/conversions of any sort on this board.

  • How do I change the blue and orange borders that go around the H2/Category headers?
    Locate this snippet around a quarter of the way into the CSS. The first part controls the blue border, the second part controls the orange border around the statistics category header.
    CSS
     

    .cat_head td {
    border-color:#5a70b3;
    padding:0;
    }

    #stats .cat_head td {
    border-color:#e77700;
    }



  • How do I change the colour of the forum names?
    Found around a fifth of the way into the CSS.
    CSS
     
    .c_forum strong a,.c_last strong a {
    color:#425384;
    }


    This snippet also controls the username for the last post cell.

  • How do I change the border colours around the drop-down menus?
    CSS
     

    #top_menu {
    background:#3a5197;
    border-left:1px solid #3a5197;
    float:right;
    margin-top:0px;
    }


    The menus have a 1px spacing between them, so the background of the parent container (#top_menu) peeks through, while the left border goes along the left side of whatever menu is on the left for the user. Preferably these share the same hex code.

  • I can’t remove the gap between the bottom of the menus and my logo
    The first place to look is this snippet of CSS:
    CSS
     

    #top {
    background:url(http://209.85.62.24/static/1/css/dropli.png) repeat-x top #586eb1;
    border-bottom:1px solid #3a5197;
    height:20px;
    padding:0 2% 4px;
    margin-bottom:12px;
    }

    (The bottom margin)
    You’ll also need to add this piece of CSS to remove the default margins from the menus:
    CSS
     

    .drop_menu {
    margin: 0;
    }



  • How do I alter the height of the H2? (Category headers)
    Adjust the padding in this snippet here:
    CSS
     

    .category h2,.topic h2,#portal h2 {
    padding:5px;
    text-align:left;
    }

    This also controls the text align.




Tips


  • All the white link colours are declared in this large chunk of CSS toward the end of the CSS.
    CSS
     

    .category h2 a,#portal h2 a,#portal_foot h2 a,thead a,.category h2 a:hover,#portal h2 a:hover,#portal_foot h2 a:hover,thead a:hover,#top_info a,#top_info a:hover,.drop_menu a,.drop_menu a:hover,#submenu a,#submenu a:hover {
    color:#fff;
    }

    You may find you want to change a lot of the colours.
    To do so, you should remove the specific selectors from the chunk:

    CSS
     

    .category h2 a,#portal h2 a,#portal_foot h2 a,thead a,.category h2 a:hover,#portal h2 a:hover,#portal_foot h2 a:hover,thead a:hover,#top_info a,#top_info a:hover,.drop_menu a,.drop_menu a:hover,#submenu a,#submenu a:hover {
    color:#fff;
    }

    Removing the selectors in bold for example, will remove them without leaving error. Selectors must be separated by a comma. Make sure the chunk of CSS is left consistant after removing selectors.
    You can then add them on their own like so:
    css
     

    .category h2 a, .category h2 a:hover {
    color: something:
    }





If you have any FAQ items or tips you think may be useful to add, please PM Nicola.
Edited by Nicola, Jun 20 2008, 11:05 AM.
Offline Profile Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Theme & CSS Help · Next Topic »
Locked Topic