Phantom of the Black Parade
|
Post by Kuroya on Nov 22, 2014 18:13:25 GMT -8
So I kinda sorta just figured out I posted this in the wrong section oops sorry I'll repost it in the right one this time.
TIME FOR MY FIRST TUTORIAL OH BOY I HOPE I DO THIS WELL. This is going to be how to convert between proboards v5 and jcink for templates only. I can do this fairly easily, and it works 99.9 percent of the time. The other .1 percent is usually something going screwy in the template itself or no dohtml enabled. This tutorial is going to be in two posts - one for the simple style-only templates and one for newclass templates.
And for the record - yes, this does work going in reverse. I'm just picking Proboards to Jcink since this is a proboards site.
- - - - -
I'm going to pick a really simple template. Specifically I'm going to take my template Let the Wrong Word Slip and walk you through how I converted it, so you can see how it works. To start, you take the coding provided and copy it. From there, you paste it into something - I recommend Notepad, though I'd assume Word or OpenOffice would work as well.
From there, hit Ctrl + H for PC Users or the equivalent for a Mac (I've never had a Mac, hence why I don't know what the replace key combination is). It will pull up a nice little window where you can find a character and replace it with something else. Good. You want that. Now what you do is very simple. You tell it to find all examples of [ and replace it with <. You do the same again with telling it to find examples of ] and replacing them with >.
Got that done? Okay. Next you should probably turn off Word Wrap if you have it on. If it wasn't to start with, good, you anticipated me. You need to find every time there's an enter and add in a <br> - this will provide a hard enter. You may need to fiddle with the styling to add some form of line-height: 00px; value, but you may not.
Once you get all that done, at the very top of the post, you need to add [*dohtml] (without the asterisks) and at the end, you want to close this tag. This is very important since it allows the converted code to display.
Congrats. You just converted the template. It may not be perfect, but it will be nearly so. Applaud yourself sir/madam.
|
|
Phantom of the Black Parade
|
Post by Kuroya on Nov 22, 2014 18:13:46 GMT -8
This is the second post of my conversion tutorial - otherwise known as how to convert templates that have the newclass function. This is mostly the same, but there are a few differences, so bear with me.
It may or may not work going in reverse. I highly recommend knowing what you're doing if you're doing this in reverse, if only because otherwise it might make you cry.
It also probs doesn't work for any of the other tools with the plugin, so but if it's just divs and newclass, I can help you.
- - - - -
Again, I'm going to pick one of the simpler templates for this (in terms of what I'm doing with it at any rate). Specifically I'm going to take my template Welcome to the Black Parade and walk you through how I converted it, so you can see how it works. To start, you take all of the coding provided and copy it. From there, you paste it into something - I recommend Notepad, though I'd assume Word or OpenOffice would work as well.
Before you get into the next step, it is important for you to get out the actual classes from the rest of the coding. These are distinguished by having the newclass tag around them. Cut them from the template and put them somewhere safe. You'll need those for later.
Go back to your handy Ctrl + H tool for PC Users or Mac equivalent. But before you start changing the brackets, you will need to find the mentions of div][*attr="*class"," (minus the asterisks) and instead replace them with div class=". Once you do that, you can go back and replace your [ for < and ] for >.
Got that done? Okay. Next you should probably turn off Word Wrap if you have it on. If it wasn't to start with, good, you anticipated me. You need to find every time there's an enter and add in a <br> - this will provide a hard enter. You may need to fiddle with the styling to add some form of line-height: 00px; value, but you may not.
Now before you add your dohtml tags, you need to go to the very top and add in <style> as your first tag. This is important since you need to establish your classes. And remember that newclass stuff you stored before we started? Get that back out. You need to take the name of the newclass (which is found in the form of .CLASSNAME) and put it into the format of .CLASSNAME { so that it will work. Now you take the stuff actually inside the newclass tags and place it inside the brackets. Once that is done, close your bracket and hit enter. Rinse and repeat until you have moved over all the classes. Once you finish all the classes, be sure to hit enter again and make the all important </style> closing tag.
Once you get all that done, at the very top of the post (yes, above your style tag), you need to add [*dohtml] (minus the asterisk) and at the end, you want to close this tag. This is very important since it allows the converted code to display.
Congrats. You just converted the template. It may not be perfect (you may need to adjust margins and padding), but it will be nearly so. Applaud yourself sir/madam.
|
|