JQuery UI ThemeRoller

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Suggested Hosts
Locked
f0b0s
Registered User
Posts: 8
Joined: Fri Dec 23, 2011 2:22 am

JQuery UI ThemeRoller

Post by f0b0s » Sun Oct 14, 2012 3:39 am

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.
Last edited by Tom on Sun Oct 14, 2012 4:09 am, edited 1 time in total.
Reason: Moved from the 3.0.x Support Forum to [3.0.x] Styles Support & Discussion.

User avatar
Tom
Former Team Member
Posts: 2665
Joined: Tue Jun 20, 2006 2:12 am
Name: Tom Catullo
Contact:

Re: JQuery UI ThemeRoller

Post by Tom » Sun Oct 14, 2012 4:12 am

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.
Tom Catullo - Former Moderator Team Member
phpBB3 Smiley Pak Generator | Legend Repositioning MOD | My GitHub | My Site

f0b0s
Registered User
Posts: 8
Joined: Fri Dec 23, 2011 2:22 am

Re: JQuery UI ThemeRoller

Post by f0b0s » Sun Oct 14, 2012 9:52 pm

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)

User avatar
Christian 2.0
Former Team Member
Posts: 4458
Joined: Wed Nov 04, 2009 11:16 pm
Location: UK
Name: Christian
Contact:

Re: JQuery UI ThemeRoller

Post by Christian 2.0 » Sun Oct 14, 2012 10:00 pm

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. :)

f0b0s
Registered User
Posts: 8
Joined: Fri Dec 23, 2011 2:22 am

Re: JQuery UI ThemeRoller

Post by f0b0s » Tue Oct 16, 2012 12:00 am

Thanks christian, i knew there was something that i had to add. It works now .

Locked

Return to “[3.0.x] Styles Support & Discussion”