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:
Multiquote (on) Multiquote (off)
Locked Topic
General Theme FAQ - Read Before Posting; Seriously, READ BEFORE POSTING :P
Topic Started: Oct 14 2008, 06:15 AM (28,495 Views)
Nicola-ZNS
.....
[ *  *  *  *  *  *  *  *  * ]
General Theme FAQ

Important:
  • We do not provide support to users who wish to edit other's themes without their express permission. This is to protect the work of the original creators.
  • This forum IS a place to ask for help with installation and display issues relating to technical aspects, software compatibilities, and basic information you need to get started.


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

Useful Links
  • Zetaboards Theme Guide A lengthy but detailed guide on creating a Zetaboards theme.
  • Board Themes (How to create new Theme Sets)
  • Zetaboards CSS Guide Annotated screenshots of board areas showing classes and IDs.
  • Basic CSS Index Basic CSS attributes for those new to CSS
  • Default Theme Layout and Appearance If you unfortunately screw up your theme. This also contains the bug fixed version of the default CSS.
  • Theme Bugs: Unfortunately we've had to get some bugs fixed via the CSS since the release of Zetaboards. Therefore boards will come for the time being, without any of these fixes. See this for highlights of CSS alterations for those wanting to update existing themes with the fixes.
    Fixes include:
    • Large spaces in user and post cell in IE/Opera.
    • Blog header without Avatar (height issue).
    • Code now has preserved whitespace and scrollbars with max-height.
    • Usertitle/Avatar/Username etc misalignment in IE.
    • A few corrections from the BETA that were missed.
    • .drop_menu li’s background not aligning with right border. (The drop-menus containing 'Edit Profile', 'Compose Message' etc)
    • Removal of a few unnecessary lines.


  • Hex Colour Charts



Frequently Asked Questions

  • Where can I find themes? Can anyone make me one?
    You can find a wide selection of themes submitted by both staff and members of this board in our Theme Galleries. You can also search for themes using our Code & Theme Database.
    If you’re looking for a more customized look for your board, you may request a custom theme, custom graphics, or custom coding in the Request Forums.

  • 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://z3.ifrm.com/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 ^_^[/list]




If you have any FAQ items or tips you think may be useful to add, please PM Pete B.
Edited by Eccentric Feline, Dec 8 2012, 09:05 AM.
Offline Profile Goto Top
 
Nicola-ZNS
.....
[ *  *  *  *  *  *  *  *  * ]
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 · ZetaBoards - Theme & Code Support · Next Topic »
Locked Topic