Nikola wrote:
> I was actually thinking about this last night.. You can apply ui-
> state-default and a lot of the other classes. It's just a matter of
> molding your HTML and the Framework together. You can always take CSS
> rules from a given class and apply them to your own HTML to 'match'
> everything. This might involve some background repositioning but
> nothing to hard. I think I'll probably look into this in the near
> future.
>
>
Hi, What I do is a combo. Each theme contains a url with the different
variables that are used in the theme.
So, I style the different parts of the page using markup like:
<div class="ui-widget">
<div class="ui-widget-header">Header</div>
<div class="ui-widget-content"><p>...</p></div>
On top of this i use the themereader[1] class to extract the template
variables and add them into a separate template.css file. Like this:
$tr = new themereader(dirname(__FILE__) .
"/css/jquery-ui-1.7.custom.css");
//print_r($tr->getVars()); <-- gives you the vars of the template
$tr->setTemplate($this->base . "css/template.css");
$outFile = '/var/www/vhosts/www.mysite.com/css/generated.css';
$tr->writeCssFile($outFile);
1. http://www.kraken.no/files/themereader.phps
I call the above in the buildscript I use when I publish my site.
Hope this helps someone :)
Regards,
Tarjei
> On Mar 18, 4:08 pm, Cloudream <[email protected]> wrote:
>
>> AFAIK, the jQuery UI Theme doesn't contain CSS rules for non-widget
>> elements, e.g. body {background-color:xxx;color:xxx;} (maybe you could
>> apply ui-state-default on body?)
>>
>> On Mar 19, 2:49 am, Huey <[email protected]> wrote:
>>
>>
>>> I don't think this is a very good question because I can't even form
>>> one... but oh well!
>>>
>>> Basically I do in house apps and first looked at jquery ui for the
>>> widgets but now the themes have me really excited. I am not much of a
>>> designer so having colors that look good together seems promising.
>>>
>>> Using the demo site:
>>>
>>> http://jqueryui.com/demos/accordion/
>>>
>>> You have the theme selector in the top right. It changes the jquery
>>> UI demo, but not the rest of the site (I know, it isn't designed
>>> to!). If I wanted to make a site where even non-jquery ui stuff was
>>> using the same themes how would I go about doing that? Jquery ui
>>> exposes the widget containers and interaction states, but those aren't
>>> really a fit for all things.
>>>
>>> For instance on the same demo page you have the right and left
>>> sidebars -- Interactions (draggable, droppable, etc...) and Examples
>>> (Default, fill space, etc). If it was desired that these selectors /
>>> menus match the jquery UI theme what is a good plan of action to
>>> take? Is there a way to just take the color from a css class for
>>> instance? Or is this a terrible idea?
>>>
>>> Thanks.
>>>
>>> ps. I have read this link and it is
>>> fantastic:http://www.filamentgroup.com/lab/styling_buttons_and_toolbars_with_th...
>>>
> >
>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
