MyBB Community Forums
[How To?] When add a custom page, how to add HTML CSS JavaScripts on different files? - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: 1.8 Support (https://community.mybb.com/forum-175.html)
+--- Forum: General Support (https://community.mybb.com/forum-176.html)
+--- Thread: [How To?] When add a custom page, how to add HTML CSS JavaScripts on different files? (/thread-216878.html)



When add a custom page, how to add HTML CSS JavaScripts on different files? - newyork - 04-10-2018

Because so far if I go to Global Template there is only one input area I can put HTML or HTML combined CSS.

Is there a way to add three different files for this custome page?

Thanks Big Grin


RE: When add a custom page, how to add HTML CSS JavaScripts on different files? - Brian. - 04-11-2018

I don't understand what you are asking can you please give more details?

See this to learn how to make a custom page.

or

You can try a plugin called Page Manager

For CSS just add it in the global.css or use style tags in the template it self.

<style>
* Your CSS here *
</style>



RE: When add a custom page, how to add HTML CSS JavaScripts on different files? - newyork - 04-12-2018

(04-11-2018, 09:12 PM)Brian. Wrote: I don't understand what you are asking can you please give more details?

See this to learn how to make a custom page.

or

You can try a plugin called Page Manager

For CSS just add it in the global.css or use style tags in the template it self.

<style>
* Your CSS here *
</style>

What about JavaScripts?

And sometime it comes with JQuery!
What should I do about that?

ALso how about the images and videos, should I upload to root folder or plugin folder?


RE: When add a custom page, how to add HTML CSS JavaScripts on different files? - Brian. - 04-12-2018

You can add the javascript file to the jscripts folder in your forums root and add it in the headerinclude with this code :
<script language="javascript" type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/YOURNAME.js"></script>

or you can try adding that in the template for the page unsure if that will work but it might.

You can upload the images you want in the /images folder and in the template use this code :
<img src="/images/NAME.png" alt="Name" />

For videos see this.