This can help:

https://github.com/mvalipour/jq-metro

**UPDATE (Sep 2011):**

The library is now becoming more complete towards supporting all metro-style controls and a jquery-mobile extension for developing metro-style HTML5 mobile apps.




  [1]: http://www.jqmetro.com

Try out [http://jquit.com/builder][1]. It&#39;s a nice tool for generating Metro UI themes for jQuery UI. You can configure the colors to match your website&#39;s color scheme. 


  [1]: http://jquit.com/builder

This question was asked a long time ago but since it still shows up in a search...

Very nice looking metro UI: http://metroui.org.ua/

Seams to look better in IE due to anti-aliasing.

This site provides a full php/html/css/javascript framework for metro ui:

http://metro-webdesign.info/#home

Well here&#39;s another Jquery metro plugin. [Metro JS][1]. Actually it&#39;s quite impressive. You should give it a shot.


  [1]: http://www.google.com/url?sa=t&amp;rct=j&amp;q=metro%20js&amp;source=web&amp;cd=1&amp;ved=0CFUQFjAA&amp;url=http://www.drewgreenwell.com/projects/metrojs&amp;ei=9ZDjT4gNjorxBIaklYYI&amp;usg=AFQjCNG28ZW9uZB_U8g2LwHXP22nwo6-zg&amp;cad=rja

Found another one here: http://forr.st/~5n3

Seems to be more based on tiles rather than menus, though.

Not to sound flippant, but CSS? ASP.NET MVC 3 doesn&#39;t (to my knowledge) use controls like ASP.NET does, so you&#39;re writing and styling the views yourself.

I have a page with anchor tags throughout the body like this:

    &lt;a id=&quot;test&quot; name=&quot;Name 1&quot;&gt;&lt;/a&gt;
    &lt;a id=&quot;test&quot; name=&quot;Name 2&quot;&gt;&lt;/a&gt;
    &lt;a id=&quot;test&quot; name=&quot;Name 3&quot;&gt;&lt;/a&gt;


The ID is always the same but the name changes.


I need to populate a list of the names of these anchor tags, for example; Name 1, Name 2, Name 3. This is where I&#39;ve got to so far:

    document.write(document.getElementById(&quot;readme&quot;).name);

This writes out the name of the first anchor tag. I&#39;m in need of a way to get multiple elements by Id.

----------

Any help is greatly appreciated.



Get multiple elements by Id

It&#39;d be really handy to have collection KVC accessor snippets in xcode, as they&#39;re a pain to do by hand. Has anyone who&#39;s been using 4 for a while worked out how to add new ones?

(...we&#39;re allowed to talk about it now, right?)

Can I add my own code snippets to xcode 4?

Anyone know of an easy way to style a website with a windows phone 7 like metro theme ?  
Either a `CSS` or a `jQuery`-based theme would work.

Metro theme for website

<p>Anyone know of an easy way to style a website with a windows phone 7 like metro theme ?<br>
Either a <code>CSS</code> or a <code>jQuery</code>-based theme would work.</p>


I have a `&lt;div&gt;` that has many other `&lt;div&gt;`s within it, each at a different nesting level. Rather than give every child `&lt;div&gt;` an identifier, I rather just give the root `&lt;div&gt;` the identifier. Here’s an example:

    &lt;div class=&quot;a&quot; id=&quot;a5&quot;&gt;
      &lt;div class=&quot;b&quot;&gt;
        &lt;div class=&quot;c&quot;&gt;
          &lt;a class=&quot;d&quot;&gt;
          &lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;

If I write a function in jQuery to respond to class `d` and I want to find the ID for its parent, class `a`, how would I do this? 

I cannot simply do `$(&#39;.a&#39;).attr(&#39;id&#39;);`, because there are multiple class `a`s. I could find its parent’s parent’s parent’s ID but that seems of poor design, slow, and not very polymorphic (I would have to write different code for finding the ID for class `c`).

How to find a parent with a known class in jQuery?

I am unit testing some JavaScript with Jasmine and wish to spy on (mock) an element of the DOM that is accessed by a jQuery selector.

My spec is:

    it(&quot;should be able to mock DOM call&quot;, function() {
    
        spyOn($(&quot;#Something&quot;), &#39;val&#39;).andReturn(&quot;bar&quot;);
    
        result = $(&quot;#Something&quot;).val();
    
        expect(result).toEqual(&quot;bar&quot;);
    
    });

In my specrunner.html I have:

    &lt;input type=&quot;hidden&quot; id=&quot;Something&quot; value=&quot;foo&quot; /&gt;

Unfortunately the spec fails with:

&gt;should be able to mock DOM call Expected &#39;foo&#39; to equal &#39;bar&#39;.


Spying on JQuery Selectors in Jasmine

We are using jQuery in our application. We have used a jQuery plugin to implement JavaScript session. 

It is working properly in Firefox and most Internet Explorer 8 browsers. 

But in some Internet Explorer 8 browsers it does not work. It gives the following error.

    
    Message: &#39;JSON&#39; is undefined
    Line: 6
    Char: 3
    Code: 0


    Message: &#39;$.namesession&#39; is null or not an object
    Line: 53
    Char: 2
    Code: 0

`

The version of Internet Explorer in both the cases is same. 

But there were some differences in Internet Explorer settings like *Use SSL3.0* and *Enable Smart Screen filters* check boxes in the Advanced tab in the Internet options were unchecked. 

When we checked it, it started working. When we unchecked them it was still working. 

What is the actual problem in IE8?


&#39;JSON&#39; is undefined error in JavaScript in Internet Explorer

I have a plugin in some pages but in some other pages I don&#39;t want it so I didn&#39;t reference its script file.  

How to check if the plugin functions exist before using it.

In my case I am using this plugin:  and I use it like this:

	$(&#39;#marquee-inner div&#39;).marquee(&#39;pointer&#39;).mouseover(function() {
		$(this).trigger(&#39;stop&#39;);
	}).mouseout(function() {
		$(this).trigger(&#39;start&#39;);
	}).mousemove(function(event) {
		if ($(this).data(&#39;drag&#39;) == true) {
			this.scrollLeft = $(this).data(&#39;scrollX&#39;) + ($(this).data(&#39;x&#39;) - event.clientX);
		}
	}).mousedown(function(event) {
		$(this).data(&#39;drag&#39;, true).data(&#39;x&#39;, event.clientX).data(&#39;scrollX&#39;, this.scrollLeft);
	}).mouseup(function() {
		$(this).data(&#39;drag&#39;, false);
	});


What I want is to make a check before calling this marquee function if it exist or not.

How to check jQuery plugin and functions exists?

Is there an easy way to get a tag name?

For example, if I am given `$(&#39;a&#39;)` into a function, I want to get `&#39;a&#39;`.

jQuery: Get selected element tag name

I have an item on the DOM that I&#39;d simply like to have fill its parent&#39;s width, regardless of what that is:

    &lt;div width=&quot;800&quot;&gt;
        &lt;div class=&quot;filler&quot;&gt;&lt;/div&gt;
    &lt;/div&gt;

How can I specify in CSS that the `filler` class match the width of its parent?

    .filler {
        ?
    }

CSS for &quot;fill parent width?&quot;

    &lt;div id=&quot;wrapper&quot; style=&quot;width:90%;height:100px;background-color:Gray;&quot;&gt;
        &lt;div id=&quot;one&quot; style=&quot;height:100px;background-color:Green;float:left;&quot;&gt;&lt;/div&gt;
        &lt;div id=&quot;two&quot; style=&quot;height:100px;background-color:blue;float:left;&quot;&gt;&lt;/div&gt;
        &lt;div id=&quot;three&quot; style=&quot;height:100px;background-color:Red;float:left;&quot;&gt;&lt;/div&gt;
    &lt;/div&gt;


I have a parent div which will contain 2 or 3 child divs. I want child divs to take equal widths automatically. 

Thank You



CSS side by side div&#39;s auto equal widths

I want to create a close button using CSS only.

I&#39;m sure I&#39;m not the first to do this, so does anyone know which font has an &#39;x&#39; the same width as height, so that it can be used cross-browser to look like a close button?

Unicode character for &quot;X&quot; cancel / close?

I am eager to start using Html5 in particular the `&lt;header&gt;/&lt;footer&gt;/&lt;article&gt;/&lt;nav&gt;` tags.

What happens if the browser doesn&#39;t support these?

Also I need to style these so: For Example: The `nav` has borders and margins etc. You know standard CSS stuff.

So if I style them using the `nav` tag then IE7 &amp; IE8 etc are going to ignore this?


header/footer/nav tags - what happens to these in IE7, IE8 and browsers than don&#39;t support HTML5?

I want to change Eclipse theme like this Eclipse Dark Theme:

![eclipse dark theme][2]

I try to do all step in this page but eclipse theme not changed (but eclipse editor changed).  
I want to change all part of eclipse IDE change to black color, not only eclipse&#39;s editor.

  [2]: http://i.stack.imgur.com/sBJyS.png

How can I change Eclipse theme?

I want to change the size of a PrimeFaces component. For example, a [`&lt;p:orderList&gt;`][1]. It has a class called `ui-orderlist-list` which is defined in `primefaces.css` with a fixed 200x200 dimension. No matter what I do in my `theme.css`, it is overwritten by this attribute and there is no way I can make the content part of a `&lt;p:orderList&gt;` wider.

For other components I might want to override just one instance of a component, not all. 

Can anyone please tell me how can I do all this?


  [1]: https://www.primefaces.org/showcase/ui/data/orderList.xhtml

How do I override default PrimeFaces CSS with custom styles?

I have an iphone app ready and approved by the app store. Now I want to create different themes for my app. Can someone please help me out, with info/links/steps on how to create themes for my app?

I want to create a Metal theme for the Boys and a Pink theme for the Girls. Again by theme I mean, the whole app(features and functionality) is gonna stay the same, but depending on who the user is(boy or girl), he/she can choose the theme they wish to see. And when the theme changes, only the images/Background/music will change according to the applied theme.

Thanks a lot!

How to create Multiple Themes/Skins for iphone apps?

The Visual Studio 2012 offers two themes, Light and Dark. I want to switch the theme to Dark, but I&#39;m not able to find any menus or options to do that.

I found out a way importing settings from:

    Microsoft Visual Studio 11.0\Common7\IDE\ FontsAndColorsThemes\1ded0138-47ce-435e-84ef-9ec1f439b749.vssettings

And the code editor is now in Dark theme, but other windows are still in Light theme, such as the Solution Explorer, Toolbox, and Toolbars.

What should I do to switch themes?




How can I switch themes in Visual Studio 2012?

I would like to be able to use the same drawable to represent both:

![Blue icon][1] and ![Red icon][2] 

as the same drawable, and re-color the drawable based on some programmatic values, so that the end user could re-theme the interface. 


What is the best way to do this? I have tried (and reused the icons from) [this previous S.O. question][3] but I can&#39;t represent the change as a simple change of hue, since it also varies in saturation and value..


Is it best to store the icon as all white in the area I want changed? or transparent? or some other solid color?


Is there some method that allows you to figure out the matrix based on the difference between Color of red_icon and Color of blue_icon?


  [1]: http://i.stack.imgur.com/81xak.png
  [2]: http://i.stack.imgur.com/nQ1ez.png
  [3]: https://stackoverflow.com/questions/4354939/understanding-the-use-of-colormatrix-and-colormatrixcolorfilter-to-modify-a-draw

Content Type	Original Author	Original Content on Stackoverflow
Question	DanielEli	View Question on Stackoverflow
Solution 1 - Jquery	Mo Valipour	View Answer on Stackoverflow
Solution 2 - Jquery	jqueryman	View Answer on Stackoverflow
Solution 3 - Jquery	ibliskavka	View Answer on Stackoverflow
Solution 4 - Jquery	Kzqai	View Answer on Stackoverflow
Solution 5 - Jquery	dotnetN00b	View Answer on Stackoverflow
Solution 6 - Jquery	Logan	View Answer on Stackoverflow
Solution 7 - Jquery	ehdv	View Answer on Stackoverflow

Metro theme for website

Jquery Problem Overview

Jquery Solutions

Solution 1 - Jquery

Solution 2 - Jquery

Solution 3 - Jquery

Solution 4 - Jquery

Solution 5 - Jquery

Solution 6 - Jquery

Solution 7 - Jquery

Can I add my own code snippets to xcode 4?

Get multiple elements by Id

Attributions