Page 1 of 1

JQuery UI ThemeRoller

Posted: Sun Oct 14, 2012 3:39 am
by f0b0s
Im having a little trouble, im trying to incorporate a jquery themeroller, but its not working. I have placed the javascript files and css files in overall_header.html, but no go. I placed the files in /style/prosilver2/ where i created a js folder for the js files and i placed the css in theme folder with the icons. I am really stumped :?: Is there a place where i have to specifically place these files?
Thanks for any help.

Re: JQuery UI ThemeRoller

Posted: Sun Oct 14, 2012 4:12 am
by Tom
Could you show how you included them in overall_header.html (the code, I mean)? It could be possible that you simply had an incorrect file path specified.

Re: JQuery UI ThemeRoller

Posted: Sun Oct 14, 2012 9:52 pm
by f0b0s
Here is how they are added.

Code: Select all

<link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />
<link rel="stylesheet" href="../theme/jquery-ui-1.9.0.custom.css" />
<script type="text/javascript" src="../js/jquery-1.8.2.js"></script>
<script type="text/javascript" src="../js/jquery-ui-1.9.0.custom.js"></script>

Code: Select all

The tree:
-> styles/
    -> subsilver2/
        -> js/
            -> jquery-1.8.2.js
            -> jquery-ui-1.9.0.custom.js
        -> theme/
            -> jquery-ui-1.9.0.custom.css
            -> stylesheet.css (phpbb css)

Re: JQuery UI ThemeRoller

Posted: Sun Oct 14, 2012 10:00 pm
by Christian 2.0
When the page is rendered, the overall_header.html template files becomes part of index.php , so your file paths should be relative to the board root. :)

Use the {T_THEME_PATH} variable for linking to custom.css , then move the /js directory to the /template/ folder and use {T_TEMPLATE_PATH}/js/whatever for linking to the js files. Using those variables, phpBB will insert correct paths when the page is rendered. :)

Re: JQuery UI ThemeRoller

Posted: Tue Oct 16, 2012 12:00 am
by f0b0s
Thanks christian, i knew there was something that i had to add. It works now .