Html code for fancy membership comparison

[Divinum Fiat]

Hi all,

I'm trying to create a fancy table showing the various types of membership levels. I've looked at W3 Schools, Page Column and Quack It, but I can't seem to find what I'm looking for and my html skills are limited. Does anyone have another good source?

Most importantly, is it possible to create a linkable button at the end of each column that allows them to upgrade their membership directly from the column or do they have to go to 'account upgrade?'

Also, when a member tries to access an area where they need to upgrade, now it just tells them that they don't have permission to access that area. Is it possible to create a direct link (or change that text) where it asks them to upgrade their membership level?

 

[Jake Bunce]

You can edit the templates to change the layout of the items on the upgrade page. Here is an example:

http://xenforo.com/community/threads/user-upgrade-images.34828/#post-395754

HTML and CSS ability is required to significantly change things.

Also, when a member tries to access an area where they need to upgrade, now it just tells them that they don't have permission to access that area. Is it possible to create a direct link (or change that text) where it asks them to upgrade their membership level?

I suggest using a notice, or put a note in the forum description. There is no easy way to make the error messages more targeted.

 

[Divinum Fiat]

Thank you, Jake!

 

[Morgain]

Blueprint you can however change the error message to be a bit more helpful.
For example you could add to it "If you would like to upgrade your membership so you CAN access more go HERE.
Maybe that goes to the account upgrade page - nothing more refined. But better than just being blocked.

 

[Divinum Fiat]

Yes, I would like to do that but am not sure where to go to change the message. Thank you, Morgain, great suggestion!

 

[Divinum Fiat]

Forgot to say that I would definitely create a page with a tab at the top that people can click to get a page where it shows in one layout (side by side) what the differences are of each of the levels. What I want to do, however, is make the buttons clickable so it goes directly to the payment page once they select which plan they choose. Not sure if that's possible. It seems like the only way to get to the payment page/button is through their 'account upgrade' page.

 

[Mouth]

I'm trying to create a fancy table showing the various types of membership levels. I've looked at W3 Schools, Page Column and Quack It, but I can't seem to find what I'm looking for and my html skills are limited. Does anyone have another good source?

Most importantly, is it possible to create a linkable button at the end of each column that allows them to upgrade their membership directly from the column or do they have to go to 'account upgrade?

Necromancing a thread ... did you achieve either, or both, of these?

 

[Divinum Fiat]

No, I couldn't get it done. Too complicated for me.

 

[Mouth]

No, I couldn't get it done. Too complicated for me.

FYI, https://www.compareninja.com/ and then just paste it into a Page Node or Help Page
.... it's getting the differences between user group permissions that I'm thinking will be the hard work.

 

[Divinum Fiat]

Thank you, Mouth!