Printable Version of Topic
Click here to view this topic in its original format
Jcink.com Forums > General Support > Theme/Skin Conversion?


Posted by: Strifefox May 15 2018, 10:25 AM
I will be making a move from Zetaboards to Jcink before the forced move to tapatalk happens. I am really not that good at coding and was wondering if there was an easier way to convert my theme from Zetaboards over to Jcink other than trying to piece it together which i am failing miserably at!

Posted by: John May 15 2018, 10:46 AM
Hi,

Unfortunately, the bad news is that ZetaBoards is a completely different forum platform from ours and this also includes their designs. There is pretty much zero compatability betweeen a ZB stylesheet and ours.

The good news is that we are here to help you with skinnning questions you may have, and we also have a picture based css guide: https://jcink.com/main/wiki/jfb-skinning-css-guide although the stylesheets are different, many of the core elements are the same. Forum rows, post rows, etc. It is just a matter of knowing these elements on our service and then applying the corresponding colors, images, and styles from the other platform. Some designs will be easier to accomplish this than others.

Let me know what you are trying to convert over and I'll see if I can give some specific advice.

Posted by: Strifefox May 16 2018, 12:00 AM
Alright, just a few places that I have run into some issues with.
  • customize submenu /replace with custom one
  • increase base font, mostly on home page (bigger forum title names and slightly larger forum desc text) also on topic view.
  • users are reading X topic background colors
  • member profile name font color
  • search font colors
  • Inbox forum list background color (the space where it shows a list of your pms

Also, some places i am struggling to find:
Adding forum rules.
board wrappers for the logo, submenu and userlinks bar.

Posted by: John May 16 2018, 10:39 AM
QUOTE
customize submenu /replace with custom one


The first step is to hide the existing submenu with #submenu { display: none; }

After that, it's all design related really.

QUOTE
increase base font, mostly on home page (bigger forum title names and slightly larger forum desc text) also on topic view.


It will depend on the skin you're using but generally the table and body tags control most of the text size with font-size attributes however if your goal is just to have some bigger forum titles and adjust the description text, and you are using the default templates, then:

CODE
.forum-desc { font-size 14px; } /* adjust forum desc text */
.forum-row b a { font-size: 14px; } /* adjust forum title names */


QUOTE
users are reading X topic background colors


This element is .activeuserstrip

QUOTE
member profile name font color


Where specifically?

QUOTE
search font colors


Assuming the default skin here, in the css there is a section divided with the heading:

QUOTE
/****************************************
  Search Bar
*****************************************/


Within this is a class:

#searchbar .search-input

the colo attribute controls it.

QUOTE
Inbox forum list background color (the space where it shows a list of your pms


These are .hlight and .dlight

QUOTE
Adding forum rules.


Admin CP > System Settings > Board Guidelines

QUOTE
board wrappers for the logo, submenu and userlinks bar.


We use a single wrapper sheet -- there aren't broken down wrappers for those elements. per say. Generally you would hide the ones there are and then start from scratch by putting your own custom html for these in the wrappers.

Quick note: If you ever want to know what an element is, a quick and easy way that works on any service or site is to right click on it and press "inspect element." The browser will then show you what it leads to, or at least give you an idea of what it's part of it. It's very handy. Firefox and Chrome support this feature.

Posted by: Strifefox May 16 2018, 01:18 PM
I did as suggested by editing the style for Submenu to what you said, and added my own custom submenu code though it wouldn't display at all.
CODE
<div id="submenu_bar"></div><div id="submenu">
   <a href="link"><img src="image"><b>Get Started!</b></a>
   <a href="link"><img src="image">News Portal</a>
   <a href="link"><img src="image">Calender</a>
   <a href="link"><img src="image">Members</a>
   <a href="link"><img src="image">Search</a>
   <a href="link"><img src="image">The Bazaar</font></a>
<hr>
   <a href="link"><img src="image">Current Applicants</a>
   <a href="link"><img src="image">Current Cadets</a>
   <a href="link"><img src="image">Active Keepers</a>
   <a href="link"><img src="image">The Wings</a>
   </div>


There is the code i inserted just above (and again tried below) the Board Header. It only showed up if i added back the submenu option in the css. P.S i took out actual links and images to cut down on possible accidental advertising lol



I am using the base Jcink theme as my basis for design, and the .forum-desc and .forum-row are not in the css for me to find. Is there another name they can go by? *I did edit Table, tr, td and it increased the forum name text so that problem solved!



Fixed the username profile thing, I prefer the older style anyways so this works out better for me http://files.b1.jcink.com/html/emoticons/biggrin.gif

Hehe, and trust me Inspect Element is like my best friend for finding stuff when I am lost http://files.b1.jcink.com/html/emoticons/biggrin.gif



The next snag I have come across is the logo and submenu area, I would like to move it in like I did the wrappers and make it an auto width with a default set padding. i tried applying the paramiters to it but it wouldn't listen to me *le sigh*

Finally the board rules, is that globally or can you set them per forum. So that when you enter any forum to look at threads, it can have its own set of rules.

Edit: is there away to display money from the shop in the mini profile per posts?

Posted by: Ever-Wandering Souls May 16 2018, 08:06 PM
Hi, another ZB community admin looking at a potential Jcink move here - how low are the odds of a tool that would allow conversion of ZB CSS/Board Templates over to Jcink's? I know some of us are willing to consider our old forums an archive and move, if we can better transfer our "look" and "identity."

Thank!

Posted by: John May 18 2018, 02:45 PM
QUOTE (Ever-Wandering Souls @ May 16 2018, 09:06 PM)
Hi, another ZB community admin looking at a potential Jcink move here -  how low are the odds of a tool that would allow conversion of ZB CSS/Board Templates over to Jcink's? I know some of us are willing to consider our old forums an archive and move, if we can better transfer our "look" and "identity."

Thank!

Pretty low. I'm not saying that to be mean, but it is really difficult for us to write a converter that will attempt to "guess" the stylesheet and other template elements and then put it all together correctly. It's not impossible, but really perfecting something like that is a huge challenge.

At best, perhaps a basic converter could be created just to transport the most basic of skins (the ones that didn't deviate too far from the default).

'
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)