Welcome Guest [Log In] [Register]
We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Locked Topic
General Theme FAQ - Read Before Posting; Seriously, READ BEFORE POSTING :P
Topic Started: Oct 14 2008, 05:15 AM (6,549 Views)
Nicola Oct 14 2008, 05:15 AM Post #1
.....

 General Theme FAQ

Please read this in case the answer you seek is in this thread. This will save your time (most importantly), my time, and time of members who also help within these forums :)

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 item of CSS toward the end of the Theme Appearance.
    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 some of the selectors (the term used in CSS. Selectors are separated by a comma , ) separately.
    To do so, you should remove the specific selectors from the list of selectors:
    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 snippet of CSS is left consistant after removing selectors.
    You can then add them on their own like so:
    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 {
    color: something:
    }
    That'd be the way to separate the category header links from the section of CSS to edit them separately.

    If you have any problems with this, please feel free to make a topic or send in a ticket ^_^




If you have any FAQ items or tips you think may be useful to add, please PM Nicola.
Offline Profile Goto Top
 
Nicola Jan 29 2009, 03:31 AM Post #2
.....

 My hosting was going to cost twice as what I paid last year, and I'm pretty broke atm, so therefore I haven't renewed my hosting, so the theme fixes page will no longer work.

Therefore:
Attached to this post:
Attachments: themefix.html (33.7 KB)
Offline Profile Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Theme & CSS Help · Next Topic »
Locked Topic