Skip to content

Commit 44db767

Browse files
committed
added alt text to pictures and themeroller logo
1 parent 77fafaa commit 44db767

File tree

2 files changed

+7
-4
lines changed

2 files changed

+7
-4
lines changed

page/jquery-mobile/theme-roller.md

+7-4
Original file line numberDiff line numberDiff line change
@@ -27,10 +27,13 @@ The default theme includes 5 swatches that are given letters (a, b, c, d, e) for
2727

2828
Most theme changes can be done using ThemeRoller, but it is also fairly simple to manually edit the base swatches in the default theme and/or add additional swatches by editing the theme CSS file. Just copy a block of swatch styles, rename the classes with the new swatch letter name, and tweak colors as you see fit.
2929

30-
## Creating a Custom Theme with ThemeRoller
30+
## Creating a Custom Theme with ThemeRoller
31+
32+
![picture Theme Roller Logo](/resources/jquery-mobile/themeroller-mobile-logo.png "Theme Roller")
3133

3234
The easiest way to create custom themes is with the ThemeRoller tool. It allows you to build a theme composed of up to 26 swatches, download a the newly created CSS file, and use it in your project.
3335

36+
3437
### Creating the Theme swatches
3538

3639
The [ThemeRoller](http://jquerymobile.com/themeroller/) allows users to create their own theme through an easy to use drag and drop interface. By default, ThemeRoller offers three swatches (a, b and c). You can use the offered default colors, the Adobe kuler colors, or create your own. You will create your theme by dragging the chosen color onto the chosen element in the swatch of your choice. You can add more swatches by pressing the '+' sign near the 'A', 'B', and 'C' tabs, in the left hand-side menu.
@@ -39,19 +42,19 @@ You can further edit your swatch from the menu. For example, you can expand the
3942

4043
Here are two examples of theme swatches created, the first one with the default colors and with the kuler colors:
4144

42-
![picture alt](/resources/jquery-mobile/Theme.png "Default colors theme example") ![picture alt](/resources/jquery-mobile/Kuler.png "Kuler theme example")
45+
![picture Default colors theme example](/resources/jquery-mobile/Theme.png "Default colors theme example") ![picture Kuler theme example](/resources/jquery-mobile/Kuler.png "Kuler theme example")
4346

4447
### Downloading the created Theme
4548

4649
Once you are satisfied with the various swatches that you have created in your theme, you can download this theme to be able to start using it in your project. You will simply need to press the 'Download theme zip file button', and enter the name of your theme in the popup window. Then, press the 'Download Zip' button on the download popup window, see below:
4750

48-
![picture alt](/resources/jquery-mobile/downloadTheme.png "Download Theme")
51+
![picture Download Theme](/resources/jquery-mobile/downloadTheme.png "Download Theme")
4952

5053
### Using the downloaded Theme
5154

5255
The theme gets downloaded on your local machine as a zip file. This contains an `index.html` file, and a `themes` folder. The `index.html` file is an example of how you can now se your theme. The `themes` folder contains your theme CSS files, and the icons that are used by jQuery Mobile.
5356

54-
To start using your theme, you can either start from the provided `index.html` or start from scratch. As exaplained in the theme download popup window, all you need is to add your theme to the head of your page before the jquery.mobile.structure file, like this:
57+
To start using your theme, you can either start from the provided `index.html` or start from scratch. As explained in the theme download popup window, all you need is to add your theme to the head of your page before the jquery.mobile.structure file, like this:
5558

5659
```
5760
<!DOCTYPE html>
Loading

0 commit comments

Comments
 (0)