Editing Making themes

Warning: You are not logged in. Your IP address will be recorded in this page's edit history.
The edit can be undone. Please check the comparison below to verify that this is what you want to do, and then save the changes below to finish undoing the edit.
Latest revision Your text
Line 1: Line 1:
-
This tutorial is to help people make new themes. I have had several people ask me how to make new themes. Creating a theme is very easy; all you need is a image editing program like Photoshop, GIMP, Paintshop Pro, or any other. I prefer one that has Layers and other advance features but any will work. You will also need to download the theme maker from [https://garage.maemo.org/frs/?group_id=36&release_id=1629 the Garage download page].
+
== Purpose ==
 +
This tutorial is to help people make new themes. I have had several people ask me how to make new themes. Creating a theme is very easy; all you need is a image editing program like Photoshop, Gimp, Paintshop Pro, or any other. I prefer one that has Layers and other advance features but any will work. You will also need to download the theme maker from [https://garage.maemo.org/frs/?group_id=36&release_id=1629 Here.]
== Guide ==
== Guide ==
 +
'''Step 1 -''' ''unzip'' the folder to your computer. (I keep the Theme maker folder on my desktop since that is where the program creates the theme files and it’s easy to get to).
-
=== Making a binary package ===
+
'''Step 2 -''' look into the folder there is an a file called '''NuvoPearl-template.psd''' that is the file you will ''edit'' to make your new theme.  ''Open'' it up with your image editor.
 +
 
 +
'''Step 3 -''' ''Edit'' this file to look like what ever you want your theme to look like (I wont go into how to edit the file in this document but I normally do layers over the background image this has several advantages over just editing the image.)
 +
 
 +
'''Step 4 -''' ''save'' your file twice once in the '''.psd''' format and once in the '''.png''' format.
-
<ol>
 
-
<li>
 
-
''unzip'' the folder to your computer. (I keep the Theme maker folder on my desktop since that is where the program creates the theme files and it’s easy to get to).
 
-
</li>
 
-
<li>
 
-
look into the folder there is an a file called <code>NuvoPearl-template.psd</code> that is the file you will ''edit'' to make your new theme.  ''Open'' it up with your image editor.
 
-
</li>
 
-
<li>
 
-
''Edit'' this file to look like what ever you want your theme to look like (I wont go into how to edit the file in this document but I normally do layers over the background image this has several advantages over just editing the image.)
 
-
</li>
 
-
<li>
 
-
''save'' your file twice once in the <code>.psd</code> format and once in the <code>.png</code> format.
 
-
</li>
 
-
<li>
 
Next ''Open'' '''MaemoThemeMaker.jar'''
Next ''Open'' '''MaemoThemeMaker.jar'''
[[Image:Thememaker1.png]]
[[Image:Thememaker1.png]]
-
Make the theme file.
+
'''Step 5 -''' Make the theme file.
-
<ol>
+
-
<li>
+
-
Enter Theme Name Max Length 9 Characters. 
+
-
</li>
+
-
<li>
+
-
Enter Your Name or Screen Name if you wish to use that instead.
+
-
</li>
+
-
<li>
+
-
Select Theme Background File.
+
-
</li>
+
-
<li>
+
-
Select Theme Source File(Select the .png formatted file.)
+
-
</li>
+
-
<li>
+
-
Layout for Theme is Chinook (Still works for Diablo)
+
-
</li>
+
-
<li>
+
-
Theme Version ( I normally start with 0.1)
+
-
</li>
+
-
<li>
+
-
Top Bar Height need to be at least 45 pixels but I always do 60 so the Top bar is always the same size since home view will always be 60.)
+
-
</li>
+
-
<li>
+
-
I normally go with 12 or higher for system font.
+
-
</li>
+
-
<li>
+
-
I notice anything over 20 and things start to get misshaped do to font size.
+
-
</li>
+
-
<li>
+
-
I normally go with 12 or so on Title font also.
+
-
</li>
+
-
<li>
+
-
I don’t use this but it just makes your borders smaller.
+
-
</li>
+
-
</ol>
+
-
</li>
+
-
<li>
+
-
''Click'' '''Build Theme Tab''' then '''Build Theme!'''
+
-
[[Image:Thememaker2.png]]
+
5.1 Enter Theme Name Max Length 9 Characters. 
-
Once Progress bar hits 100% (sometimes I get a popup saying its done sometimes I don’t) you will find your theme files in the ThemeMaker Folder you unzip earlier.
+
5.2 Enter Your Name or Screen Name if you wish to use that instead.
-
</li>
+
-
<li>
+
-
''Upload'' that file to your Tablet or Web and ''Install''.  Then share with everyone else.
+
-
</li>
+
-
</ol>
+
-
=== Making a source package ===
+
5.3 Select Theme Background File.
-
==== Prerequisites ====
+
5.4 Select Theme Source File(Select the .png formatted file.)
-
*7zip
+
5.5 Layout for Theme is Chinook (Still works for Diablo)
-
*Filezilla
+
-
*Script to build source deb
+
-
Download and Install to (N8x0 tablet):
+
5.6 Theme Version ( I normally start with 0.1)
-
*Py2deb
+
-
*Gainroot
+
-
*ssh server
+
-
==== Extract Data File ====
+
5.7 Top Bar Height need to be at least 45 pixels but I always do 60 so the Top bar is always the same size since home view will always be 60.)
-
# Now right click on your .deb file > 7zip > Extract Here. That will give you two files: <code>control.tar</code> and <code>data.tar</code>.
+
5.8 I normally go with 12 or higher for system font.
-
# Right Click on <code>data.tar.gz</code> > 7zip > Extract Here. That will give you <code>data.tar</code>
+
-
# Right Click on <code>data.tar</code> > 7zip > Extract Here. That will give you a folder called <code>usr</code>
+
-
# Now Create a new folder called <code>src</code> and move folder <code>usr</code> into that folder.
+
-
# Next edit the py2deb script you downloaded earlier
+
-
# Upload source data to tablet
+
-
# Connect to tablet using filezilla
+
-
# Create folder called <code>build</code> in <code>MyDocs</code> Folder
+
-
# Upload <code>src</code> folder and <code>py2deb</code> script to build folder.
+
-
==== Build Source ====
+
5.9 I notice anything over 20 and things start to get misshaped do to font size.
-
<ol>
+
5.10 I normally got with 12 or so on Title font also.
-
<li>
+
-
Open xterm on tablet
+
-
</li>
+
-
<li>
+
-
Type the following commands in xterm:
+
-
<pre>
+
5.11 I don’t use this but it just makes your borders smaller.
-
sudo gainroot
+
-
cd /home/user/MyDocs/build
+
-
python build_myapp.py
+
-
</pre>
+
-
</li>
+
-
<li>
+
-
Follow the instructions given in xterm
+
-
</li>
+
-
<li>
+
-
Refresh view on filezilla > View > Refresh
+
-
</li>
+
-
</ol>
+
-
==== Upload Source to extras-devel ====
+
'''Step 6 -''' ''Click'' '''Build Theme Tab''' then '''Build Theme!'''
-
* Download <code>themename.changes</code>, <code>themename.dsc</code>, and <code>themename.tar.gz</code> files
+
[[Image:Thememaker2.png]]
-
* Go to the [https://garage.maemo.org/extras-assistant/index.phpGarage Extras Assistant]
+
-
* Login and follow steps to upload files an add files to builder queue.
+
-
* Wait about 30 minutes then your files will be on [[extras-devel]].
+
-
== Further information ==
+
Once Progress bar hits 100% (sometimes I get a popup saying its done sometimes I don’t) you will find your theme files in the ThemeMaker Folder you unzip earlier.
-
* [http://talk.maemo.org/showthread.php?p=339928#post339928 How to - Build a source package and upload os2008 themes to extras-devel]
+
'''Step 7 -''' ''Upload'' that file to your Tablet or Web and ''Install''. Then share with everyone else.
-
[[Category:HowTo]]
+
[[Category:Users]]
-
[[Category:Power users]]
+
-
[[Category:Themes]]
+

Learn more about Contributing to the wiki.


Please note that all contributions to maemo.org wiki may be edited, altered, or removed by other contributors. If you do not want your writing to be edited mercilessly, then do not submit it here.
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource (see maemo.org wiki:Copyrights for details). Do not submit copyrighted work without permission!


Cancel | Editing help (opens in new window)
Retrieved from "http://wiki.maemo.org/Making_themes"