| 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: |
- Pages:
- 1
- 2
| Board Template Setup | |
|---|---|
| Tweet Topic Started: Jun 27 2014, 11:42 PM (1,190 Views) | |
| Cameron RedGem | Jun 27 2014, 11:42 PM Post #1 |
![]()
Member
![]() ![]() ![]()
|
Hello everyone, I do need some help with the basic board template when you firstly setup most of the stuff on it. ![]() 1. I like the background to be an image if you can point that out to me (left side very far where that blue is to be placing a image at) 2. Where the "Welcome Cameron RedGem", the orange that is above from it, is there a way to change it to a different color? 3. The while for that board, is there a way to change it to be an image for the board? 4. How can you get right the Zetaboards logo and the line where the "Search and Members" are at? Also is there a way to center the "Search, Member, Calendar, etc"? If you can help me thanks. |
![]() |
|
| -The- | Jun 28 2014, 06:13 AM Post #2 |
|
#the { display: none; }
![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
All of your fixes can be found in the Theme Appearance of your theme. Go to Themes > Themes > Press Theme Appearance of your selected theme. The CSS is long, use Ctrl+F to search for the specific tags that I have showed you. 1) The background blue can be controlled via this snippet of the CSS: Change the background:#5a70b3 to another HTML hex code for a single colour, or use the following tag: background-image: url( url of your image will go here ) ;. Have the image handy before editing the CSS. 2) The orange can be controlled via this snippet of the CSS: Edit the background url if you want to use another image (it doesn't have to be long, as the repeat-x part of the CSS automatically places many along the top to give the impression of a long bar, making the #top_bar fluid.) 3) Fine #wrap in the CSS. Then using the background-image: url( url of your image will go here ) ;, you may use an image instead. 4) If I understand correctly, you want to align the logo to the right? If so, head out of the theme appearance (after editing of course! You don't want to lose it!), and into the Theme Settings page of your theme. Now you want to edit the logo setting: change it to this: For your own specific banner, you can upload your own file. In order to center the submenu (search, members etc etc), find #submenu in your CSS and add align:center; before the last } Hope it helps, be sure to ask for help if you need it! -The- |
![]() |
|
| Cameron RedGem | Jun 28 2014, 02:37 PM Post #3 |
![]()
Member
![]() ![]() ![]()
|
Okay, So I did them but for 4, that wasn't the answer the was looking for ... now that I looked at the question I said, I screw up on it. I was wondering how to get the logo above "Welcome Cameron RedGem". How do center the Search, Members, Calendar, etc.? How do you also change it just be one line with a transparency? |
![]() |
|
| Cory | Jun 29 2014, 10:03 AM Post #4 |
|
Member
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
Place the <!-- HEADER --> tag before the <!-- TOPMENU --> tag in your Edit Theme Layout to move the logo above the top menu. To center the submenu links, change right to center: That is located in your CSS (Edit Theme Appearance). If you don't want the background to appear for the submenu or submenu bar, you can remove the background line on the strip above and this strip as well: You'll probably want to remove the border lines as well. |
![]() |
|
| Cameron RedGem | Jul 4 2014, 01:18 AM Post #5 |
![]()
Member
![]() ![]() ![]()
|
Thanks for the help. Though I do have more to ask.![]() 1. How can I make that blue background go away 2. How can I make that top bar and the Welcome thing ... I can I get it to don't go all the way? For the forums and stuff, 1. How can I add a picture to where the "News & Discussion" is at? 2. How can I change the background from that white? Edited by Cameron RedGem, Jul 4 2014, 01:22 AM.
|
![]() |
|
| Cory | Jul 4 2014, 12:40 PM Post #6 |
|
Member
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
If you're using Google Chrome, you should have a default right click Inspect Element option. I think the same can be said for newer versions of Firefox, but I always used Firebug. These tools will allow you to right click on an element and it will tell you exactly what CSS command controls what. You may want to see the guide to theme creation if you're looking to create a new theme from ground up. The blue backgrounds I see in your screenshot are controlled by these strips:
In the middle strip, change this: To this: That will make the margins even with the logo. The last strip above controls the headers you're referring to and it has a interchangable background image by default. The white background is the table cells, which is controlled by this line:
|
![]() |
|
| Cameron RedGem | Jul 4 2014, 09:23 PM Post #7 |
![]()
Member
![]() ![]() ![]()
|
The background only changed part of the forums.![]() ![]() You a know anything else to get the rest black? Also to move the "W101 Trivia" to center? Edited by Cameron RedGem, Jul 4 2014, 11:50 PM.
|
![]() |
|
| Cory | Jul 6 2014, 06:00 AM Post #8 |
|
Member
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
Yes, there are some table cells that have a different background overridden with CSS. Here's the ones in your images:
You can simply remove the background line to get the background to black like you want. You can add that to your CSS to center the category header text. |
![]() |
|
| Cameron RedGem | Jul 6 2014, 10:32 PM Post #9 |
![]()
Member
![]() ![]() ![]()
|
What about the calendar, and portal posts to go black as well? |
![]() |
|
| Cory | Jul 7 2014, 12:53 AM Post #10 |
|
Member
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
Controlled by these strips:
|
![]() |
|
| Cameron RedGem | Jul 10 2014, 10:52 PM Post #11 |
![]()
Member
![]() ![]() ![]()
|
Okay, thanks for the help Another thing though in Admin CP is that when you say something in the announcement, is there any way to edit it or not? Edited by Cameron RedGem, Jul 10 2014, 10:53 PM.
|
![]() |
|
| Cory | Jul 11 2014, 01:01 PM Post #12 |
|
Member
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
What announcement are you specifically referring to? |
![]() |
|
| Cameron RedGem | Jul 15 2014, 04:56 PM Post #13 |
![]()
Member
![]() ![]() ![]()
|
I did found the thing that I need. Its what the Admin CP announcement and I did find where to edit it at. More questions in a few seconds ... Okay phew more pictures to help out on finishing. ![]() ![]() ![]() ![]() On these pictures, you see ... the color white, How can I change it to a different color? Edited by Cameron RedGem, Jul 15 2014, 05:04 PM.
|
![]() |
|
| Cory | Jul 15 2014, 05:12 PM Post #14 |
|
Member
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
All controlled by these strips:
|
![]() |
|
| Cameron RedGem | Jul 15 2014, 10:10 PM Post #15 |
![]()
Member
![]() ![]() ![]()
|
Okay thanks for those. What about the Member List code(s)? also more pictures that I need codes for to change with to a different color. ![]()
Edited by Cameron RedGem, Jul 15 2014, 10:26 PM.
|
![]() |
|
| 1 user reading this topic (1 Guest and 0 Anonymous) | |
| Go to Next Page | |
| « Previous Topic · ZetaBoards - Theme & Code Support · Next Topic » |
- Pages:
- 1
- 2






![]](http://z1.ifrm.com/static/1/pip_r.png)












10:08 AM Jul 11