94
edits
Labs/Ubiquity/Skins/: Difference between revisions
m
no edit summary
Abimanyuraja (talk | contribs) m (→Metadata) |
Abimanyuraja (talk | contribs) mNo edit summary |
||
| Line 1: | Line 1: | ||
=Introduction= | =Introduction= | ||
<b> NOTE: </b> All the functionality described below will only be available in version 0.1.3. If you want to start creating your skins now, you should install the latest source. Instructions for doing this are [https://wiki.mozilla.org/Labs/Ubiquity/Ubiquity_0.1_Development_Tutorial#Getting_the_Source here]. Also, remember that between now and the release, there are bound to be minor changes. | |||
Ubiquity styles are managed by a single CSS file that also contains metadata. | Skinning Ubiquity is easy. Ubiquity styles are managed by a single CSS file that also contains metadata. While creating your skins locally, any changes in the CSS file will only be reflected when Firefox is restarted. To update the skin immediately, go to the Your Skins page and click on your skin again. | ||
==Metadata== | ==Metadata== | ||
| Line 19: | Line 17: | ||
*/ | */ | ||
In your CSS file, you should add the metadata in comments formatted as above. Your command | In your CSS file, you should add the metadata in comments formatted as above. Your command <b>must</b> have a name but all fields are optional. | ||
==CSS Elements== | ==CSS Elements== | ||
| Line 87: | Line 85: | ||
::::The properties per icon image. | ::::The properties per icon image. | ||
=Sharing= | |||
You can share your commands by linking to the CSS file. Just add the following code to any webpage: | |||
<pre><link rel="ubiquity-skin" href="http://path-to-css" /></pre> | |||
Anyone with Ubiquity who visits your page will be able to immediately install your skin. | |||
=Example Skin= | =Example Skin= | ||