Attention:

Support Rules and Guidelines
Before you post your support topic, please remember to:
  • Read the support forum rules.
  • Check the wiki and use search to see if your problem can be answered there first.
  • Link your board please, and make sure that the problem on your board is visible to guests or provide a test account.
  • Do not post Board Wrappers and CSS unless requested. With a board link, this is not necessary.
  • Be as descriptive as you can and use as many details as possible when describing your problem.
  • Please briefly mark any links to forums that may not be work-safe.
This will help ensure your support issue will be attended to in a quick and efficient manner.

Pages: (2) 1 2  ( Go to first unread post ) Add ReplyNew TopicNew Poll

 Converting skin
#
Okay I currently use black's custom forum structures, and with the https stuff it obviously doesn't work so I'd like to begin working on converting my skin over now. I've read the guides and I've looked at the templates in the admin cp, but I'm confused as to what I'm actually supposed to put in them to get the look I already have.

I think I need to submit a ticket for this, but I'm also at a loss how to do that :x nvm found the tickets
This is all horribly overwhelming.

link to my site

This post has been edited by Minksfly: Apr 7 2017, 12:23 AM
PM
#
Your layout is not quite breaking because of HTTPS. It's because of this file:

http://www.elegantexpressions.us/black/cs.min.js

Download it, upload it to your board's file manager, and rehost it with https and it'll be fine. The script itself works when using https.

As far as conversion, we do have a guide on the wiki. You do not need to submit a ticket for help with this as well.

The first step is identifying each piece of CFS you have. I would try starting with the stats first and then go from there.

signature
email: admin@jcink.com :: blog: John C.
#
I'm so sorry I have no idea what "rehost it with https" means nor do I know how to download that file. I figured this part out. However my chatbox doesn't work while on the https. I know it works for a friend on chrome, but I use firefox and chrome is not an option for me (and many of my members use firefox as well).

I have also looked at the guide on wiki and it makes no sense to me, unfortunately. I don't know what I'm supposed to put in the html templates and what, if anything, I need to change in my style sheets. Many of us just copy and paste codes from resource sites into our wrappers and styles heets or upload the skins and simply edit colors without understanding anything about the actual coding. I have a bit more understanding than that, but not much.

It looks similar to what I had to do for the mini profile I have; am I right in thinking it's similar?

This post has been edited by Minksfly: Apr 7 2017, 10:53 AM
PM
#
Minksfly simply change http://www3.cbox.ws to https://www3.cbox.ws in your wrappers to switch to the https version of cbox. they are now providing it. Let me know if that works and then we'll move on to the template.

signature
email: admin@jcink.com :: blog: John C.
#
That worked, thank you.
I have already exported my skin and have it backed up so I'm set there.
PM
#
Ok, so first under html template sets create a new blank template and bind it to your skin set. That way we can work on filling in the bits. You only have 3 CFS templates and they don't appear to be complex so this should be a quick conversion.

signature
email: admin@jcink.com :: blog: John C.
#
Okay that's done
PM
#
So to begin converting the board stats, I found your statistics block in the board wrappers. That would be this:

QUOTE
customStats.initialize({
  html: '<div class=caspstats><div class=caspstl><div class=casponlinec><div class=casponlineubar>users online</div><div class=casponlineu>{{onlineList}}</div><div class=caspsortby>{{activityLinkMemberName}} // {{activityLinkClick}}</div></div><div class=casponblockc><div class=casponblock><div class=casponblockt>{{totalUsers}}<br><span class=casponblocks>online</span></div></div><div class=casponblock><div class=casponblockt>{{totalMembers}}<br><span class=casponblocks>total users</span></div></div><div class=casponblock><div class=casponblockt>{{totalPosts}}<br><span class=casponblocks>total posts</span></div></div></div></div><div class=caspstr><div class=onwelcome>welcome</div><div class=onuser>{{newestMember}}</div><div class=caspontodayc><div class=caspontoday>{{onlineTodayList}}</div><div class=caspontodayb>online today</div></div></div><div class=caspbluebar2></div></div>'
});


This means we'll follow the instruction set for customStats.init in the guide.

https://jcink.com/main/wiki/jfh-converting-...ustomstats.init

Which presents you with this code:

CODE
<div id="boardstats" class="tableborder">
  <div class="maintitle">Board Statistics</div>
  <!-- The markup generated by Custom Structure begins here. -->
  <div id="new-statistics">
      (customStats.init html contents here)
  </div>
  <!-- The markup generated by Custom Structure ends here. -->
</div>


How do you use this? Take everything in red and paste it in place of (customStats.init html contents here).

I have done that for you here:

CODE
<div id="boardstats" class="tableborder">
  <div class="maintitle">Board Statistics</div>
  <!-- The markup generated by Custom Structure begins here. -->
  <div id="new-statistics">
<div class=caspstats><div class=caspstl><div class=casponlinec><div class=casponlineubar>users online</div><div class=casponlineu>{{onlineList}}</div><div class=caspsortby>{{activityLinkMemberName}} // {{activityLinkClick}}</div></div><div class=casponblockc><div class=casponblock><div class=casponblockt>{{totalUsers}}<br><span class=casponblocks>online</span></div></div><div class=casponblock><div class=casponblockt>{{totalMembers}}<br><span class=casponblocks>total users</span></div></div><div class=casponblock><div class=casponblockt>{{totalPosts}}<br><span class=casponblocks>total posts</span></div></div></div></div><div class=caspstr><div class=onwelcome>welcome</div><div class=onuser>{{newestMember}}</div><div class=caspontodayc><div class=caspontoday>{{onlineTodayList}}</div><div class=caspontodayb>online today</div></div></div><div class=caspbluebar2></div></div>
  </div>
  <!-- The markup generated by Custom Structure ends here. -->
</div>


Save changes, and now remove the "customStats.initialize" block from your board wrappers. Your stats should be showing up fine now. If not, there is probably a variable or something out of whack and I will take a look.

signature
email: admin@jcink.com :: blog: John C.
#
Okay that's actually not too hard, and not entirely what I was expecting lol. I thought I'd have to edit a whole bunch in my style sheets as well. The only thing I noticed that didn't change over correctly, and I'm not sure why it would be this, but the font for my topic titles changed. It still displays the correct font on the non https version though.

This post has been edited by Minksfly: Apr 12 2017, 08:14 AM
PM
#
Change these includes in your wrappers to https:

CODE
<link href='http://fonts.googleapis.com/css?family=Sofia' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Amatic+SC|Oleo+Script|Lobster|Fredericka+the+Great|Indie+Flower|Poiret+One|Handlee|Special+Elite|Lily+Script+One|Open+Sans+Condensed:300|Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Smokum|Rye|Special+Elite|Josefin+Slab:400,600|Slabo+27px|Oswald:400,300|Nixie+One' rel='stylesheet' type='text/css'>


Fonts are an element that must be served over HTTPS to display on HTTPS.

signature
email: admin@jcink.com :: blog: John C.
#
Okay and I also just noticed that my 'recent posts' 'today's top posters' ect are no longer displayed either. Would that just be changing links over to https as well?
PM
#
You can get the today's top 10 posters etc links using this variable:

<!-- |toplinks| -->

I am unsure where it was before, if you tell me where it was about I can direct you where to paste that. That's not an HTTPS thing.

I would recommend focusing on non-https for now and get the templates in order -- then we can iron out any https issues with included content such as fonts etc. Trying to do both things at once is too much imho, and one really has nothing to do with the other.

signature
email: admin@jcink.com :: blog: John C.
#
It was all located right above the 'Board Statistics' (I got them added back in, in the wrong spot, but it'll work lol), but yeah we can definitely focus on the actual templates right now, apologies! Beyond that everything from that particular template is in working order.

This post has been edited by Minksfly: Apr 12 2017, 12:39 PM
PM
#
Okay so I definitely understand this now so I went ahead and did the next piece for the Forum Row Template. It works, however a bar is now showing up below my forum groups with 'Forum' 'Topics' 'Replies' 'Last Post Info' which is already displayed elsewhere.


CODE
<div id="row-<!-- |forum_id| -->" alt="" class="new-row">
  <div id=caspforum><div class=caspbluebar></div><div class=caspfl><div class=casptitle>{{forumTitle}}</div><div class=casptopics><div class=caspt>{{topicCount}}<br><span style=font-size:10px;font-weight:400;text-transform:uppercase>topics</span></div></div><div class=casptopics><div class=caspt>{{replyCount}}<br><span style=font-size:10px;font-weight:400;text-transform:uppercase>replies</span></div></div></div><div class=caspdesc><div class=caspdescc>{{forumDescription}}</div></div><div class=caspfr><div class=casptopictitle>{{lastPostTitle}}</div><div class=casptopicauth>{{lastPostAuthor}}</div><div class=casptopicdate>{{lastPostDate}}</div></div></div>
</div>

PM
#
Cool, that's great http://files.b1.jcink.com/html/emoticons/smile.gif

You're only missing one migration step. See here -- category header templates. You need to copy the category header template for "customStats.initialize" which is the CFS version is 1.8.x code on this page. Let me know if that is unclear Minksfly.

https://jcink.com/main/wiki/jfh-converting-...ustomindex.init

Do the update for the subforum headers as well.

signature
email: admin@jcink.com :: blog: John C.
0 User(s) are reading this topic (0 Guests and 0 Anonymous Users)
0 Members:
Share this topic:
« Next Oldest | General Support | Next Newest »

OptionsPages: (2) 1 2  Add ReplyNew TopicNew Poll