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:
Add Reply
Coding for InvisionFree
Topic Started: Jul 6 2011, 09:13 AM (790 Views)
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
I never realized how difficult it was to code for InvisionFree after coding various ZetaBoards themes. It's actually taking longer. There is just not enough class/ID selections to code specific portions of the skin and some HTML elements act oddly. I had border chaos on the current skin I'm coding, but with a little JS and a lot of CSS, I managed to get them taken care of. I find myself having to use JS and attribute selectors (with a combination of the adjacent sibling selector) a lot to code specific portions of the skin. By the way, I never use actual JS, I install jQuery on most skins I code; it's a lot easier, usually requires less coding and I can actually understand it. I also have to add a doctype so IE will get out of quirks mode and be in strict mode. I think it would be nice to have jQuery and a doctype default on all IF boards.
Offline Profile Quote Post Goto Top
 
Leonardo
Member Avatar
Hakuna Matata
[ *  *  *  *  *  *  * ]
I actually think ZB is longer. I can do Invisionfree pretty quickly. What did you have to do with JS?
Offline Profile Quote Post Goto Top
 
Helena-ZNR
Member Avatar
No PMs on this account please
[ *  *  *  *  *  *  * ]
I think Cory is mainly referring to the backwards conversions of ZB themes to IF. Precisely because ZB has so many more options, it can be challenging to compress all that back into IF coding.
Offline Profile Quote Post Goto Top
 
Leonardo
Member Avatar
Hakuna Matata
[ *  *  *  *  *  *  * ]
I can't think of anything that requires a lot of JS though. Hrmm..any examples?
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
ZetaBoards CSS is definitely longer than InvisionFree's and there's more pages, but I find myself running into a lot more issue on IF than I do for ZB, so it sometimes takes longer. Helena is right, it's the backwards conversions that can take more work when they're not so simple.

Some JS I had to use that I can accomplish with CSS on ZB: Add a bottom border to a few last .pformstrip's that were missing, wrap #navstrip with UL and #navstrip a with LI, add a class to code/quote headers, add a DIV for a background image before the signature block because the signature DIV is a child of the parent post element, so the background image was hidden behind the signature, remove .pformleftw and .pformright border's on Topic History page because they were too thick, remove empty pagination TDs, add class to pagination and wrap a DIV around it, add class to forum rules, add DIV around mini profile, and change poll bar images.
Offline Profile Quote Post Goto Top
 
Leonardo
Member Avatar
Hakuna Matata
[ *  *  *  *  *  *  * ]
There are a few things you don't need JS for.

Code and quote headers are just .post1 table, .post 2 table
Mini profile would be adding display: block to .postdetails
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
I couldn't use .post1 table and .post2 table because it applied to the second TD as well and made the spacing too much, like the borders were too thick and a little bit of the background was showing on the second TD.

I know about that, however, what I'm referring to is the actual area with the user information in it, basically the InvisionFree equivalent to td.c_user dl.
Offline Profile Quote Post Goto Top
 
Leonardo
Member Avatar
Hakuna Matata
[ *  *  *  *  *  *  * ]
I see what you mean. I guess you are too detailed in your work :P
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
InvisonFree requires you to be detailed. :P

I'm a pretty big perfectionist when it comes to my coding work, one little error and I strive to fix it.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Creative Discussion · Next Topic »
Add Reply