Showing posts with label stylesheets. Show all posts
Showing posts with label stylesheets. Show all posts
Saturday, February 15, 2014
Monday, April 15, 2013
Stylesheets
Themes below are apply to jquery mobile 1.3.1. Jubito currently use version 1.4. Please read the note on this post.
Glacier (Default)
Download
Droid
Download
Bronze
Download
Mustard
Download
Desert
Download
Hot Rod Red
Download
Brick
Download
Reddish
Download
Instructions
To change the stylesheet follow this post
or alternatively edit index.html and change the stylesheet name
Glacier (Default)
Droid
Bronze
Mustard
Desert
Hot Rod Red
Brick
Reddish
Instructions
To change the stylesheet follow this post
or alternatively edit index.html and change the stylesheet name
<!DOCTYPE html>
<html>
<head>
<title>jubito</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="default.css" />
<link rel="shortcut icon" href="favicon.ico" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile.structure-1.3.1.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
Wednesday, February 27, 2013
Web UI customization
Note: Latest version of Jubito use jquery mobile 1.4, the only difference to this guide is that there is a directory called themes under www and you have to paste your customized default.css and default.min.css files over there. [ Useful source: Creating a Custom Theme with ThemeRoller ]
To give your own flavor to the Jubito's web UI, a really easy task since it's developed with jQuery mobile.
Go to theme roller drag & drop colors of your choise to swatch A and click download. Unzip the downloaded file, go to themes folder and copy the .css file to Jubito's folder under www. Then rename it to default.css if it's not already.
That's it, enjoy the new look!
Subscribe to:
Posts (Atom)