| 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! |
| [Solved]Applying theme elsewhere | |
|---|---|
| Tweet Topic Started: May 24 2008, 04:45 AM (540 Views) | |
| Lama195 | May 24 2008, 04:45 AM Post #1 |
|
Sergeant Watling
![]() ![]() ![]() ![]()
|
Hi, I would like to know how I can make a website on the website maker have the same theme as my board. This is possible with an IF skin (as shown in my screenshots). Below are the pages, ignore the lack of linebreaks, you will notice the left hand menu has maintitle bars (well kind of) and the ZB forum does not. Here's it on IF forums... (Using Boardrules page) ![]() And now on ZB forums... (Using Website Maker) NOTE: Using random board I was playing with ![]() How can I recode my IF code to match any ZB theme? |
![]() |
|
| Nicola | May 24 2008, 05:00 AM Post #2 |
|
Darth Vader's Sewing Instructor
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
So you want to code the HTML so that it matches any theme you have on your board? |
![]() |
|
| Lama195 | May 24 2008, 09:45 AM Post #3 |
|
Sergeant Watling
![]() ![]() ![]() ![]()
|
In simple terms, yes... is that possible? |
![]() |
|
| Nicola | May 24 2008, 10:19 AM Post #4 |
|
Darth Vader's Sewing Instructor
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
Yep, you just need to know the class names/types. For instance, look here: http://s1.zetaboards.com/Testing/pages/announcements/ (you should probably change the Theme to Zeta Original) On that page, I have several boxes which are styled the same way the categories on the main index are. This is because I gave the elements class names etc:
The items in bold are parts of the normal board CSS. It might be fairly difficult for you to do, depends on your CSS/HTML knowledge. |
![]() |
|
| Lama195 | May 24 2008, 10:49 AM Post #5 |
|
Sergeant Watling
![]() ![]() ![]() ![]()
|
Ok so does this replace the part of the code which says:
And my CSS/HTML knowledge kinda sucks but if its a case of replacing parts of the current code I can probably get it. |
![]() |
|
| Nicola | May 24 2008, 03:05 PM Post #6 |
|
Darth Vader's Sewing Instructor
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
Those are InvisionFree class names. You want this instead, for a decent equivalent:
Not quite sure what you could use in place of row4, though. That's the main type of cell on IF... I'd just use a new table row and then a simple cell for content:
Then don't forget to close the tags ![]() There is a sidebar code here if that's what you're after. You'd have to style it with the CSS provided, though. |
![]() |
|
| Lama195 | May 24 2008, 03:14 PM Post #7 |
|
Sergeant Watling
![]() ![]() ![]() ![]()
|
Ok thanks alot Nicola! I could probably do this but it'd take a while and theres a chance I'd mess it up completely, so before I start tampering could you do something for me. I feel kinda cheeky asking this so feel free to refuse. Can you code a basic table as seen in the webpage, with 3 down the side and 2 in the middle... just the skin and bones of it. I'll add the content. This won't just be for me... This code is an IF code which got alot of good reviews and I can repost it. You and the original author will get credit of course. If you can do this I will be eternally greatful. |
![]() |
|
| Nicola | May 24 2008, 05:10 PM Post #8 |
|
Darth Vader's Sewing Instructor
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
You're in luck. I am incredibly bored ![]() Nicola opens her HTML editor Edit: http://s1.zetaboards.com/Testing/pages/support_thing/
Note the end part:
Use standard CSS there to style the two larger boxes. If you want them to 'float' there, i.e without the borders going around both columns, find the <td> lines with a width, and add the following to the end:
Edited by Nicola, May 24 2008, 05:20 PM.
|
![]() |
|
| Lama195 | May 26 2008, 03:44 AM Post #9 |
|
Sergeant Watling
![]() ![]() ![]() ![]()
|
Thanks alot Nicola! You've been extremely helpful! ![]() My coding question is solved and ZB gets a new code. Look here if you're interested |
![]() |
|
| 1 user reading this topic (1 Guest and 0 Anonymous) | |
| « Previous Topic · Theme & CSS Help · Next Topic » |



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






7:21 PM Jul 10