Blog Forum Wiki Links Contact Us NetbookUser
RunCore Pro IV SSD Transforms your ASUS EEE PC by increasing 
performance 5-40X. Your satistfaction guaranteed RunCore Pro 70mm SATA Mini PCI-e SSD
RunCore Pro IV 70mm SATA II Mini PCI-e SSD
RunCore Pro IV 2.5 Inch SATA II SSD

You are not logged in.

#1 2007-11-25 5:53:09 pm

kentsin
Member
Registered: 2007-10-23
Posts: 15

Add iFiction icon in Learn

How can I add icon in simple mode?

Let say I want to add the ifiction.org to Learn tab such that the kids can try some interactive fictions.

It need the browser to open the http://www.ifiction.org

Many thanks.

Offline

 

#2 2007-11-26 9:33:41 am

Happyhead
Member
Registered: 2007-11-05
Posts: 48

Re: Add iFiction icon in Learn

To add an icon to simple mode, there's a few steps you need to follow:

1:  _create_ the icon, in each of it's separate "display" modes. 
    This would be a series of six 120x120 pixel .png images with alpha chanel transparency.
    (one with just the icon, and five "highlited" versions) 
    "Blank" templates have been provided for each of the highlighted versions, in the /opt/xandros/share/AsusLauncher/ directory, named as follows:

icon_background.png
http://cs.uwindsor.ca/~mckaya/eee/icon_background.png
accessibility_icon_background.png
http://cs.uwindsor.ca/~mckaya/eee/accessibility_icon_background.png
business_icon_background.png
http://cs.uwindsor.ca/~mckaya/eee/business_icon_background.png
home_icon_background.png
http://cs.uwindsor.ca/~mckaya/eee/home_icon_background.png
student_icon_background.png
http://cs.uwindsor.ca/~mckaya/eee/student_icon_background.png


You need to first pick the graphic for your icon, and then create it as a blank one.  My icon was for activating the Remote Desktop program that's already installed on the Eee, so I used the graphic normally associated with it in Windows, and made my base icon from it.  The base icon should be named something related to your program, and ending in _norm.png, so here's my rdesk_norm.png:
http://cs.uwindsor.ca/~mckaya/eee/rdesk_norm.png
I've made one error in this icon, which I'll explain later - it's not obvious yet, but once it's finished it's easy to spot.  (Learn from my mistakes!) Also, the edges of the icon are anti-aliased using the .png format's alpha chanel, so that they'll blend into whatever colour the background may be.

Next, you need to apply your icon to a copy of each of the coloured highlight backgrounds, and save them.  The first one, based on "icon_background.png" should be named 'program'_hi.png (where 'program' is your name).  My rdesk_hi.png looks like this:
http://cs.uwindsor.ca/~mckaya/eee/rdesk_hi.png
Notice that the icon itself is in exactly the same location - I've simply merged the two images together, so that the background shows through the translucent areas.  After you've created the first "merged" images, the rest of them follow a very specific naming convention - the one you merge with accessibility_icon_background.png should be named accessibility_'program'_hi.png (again, where 'program' is your chosen name), and so on - each of the 'group'_icon_background images needs a corresponding 'group'_'program'_hi.png output.  Here are mine:


accessibility_rdesk_hi.png
http://cs.uwindsor.ca/~mckaya/eee/accessibility_rdesk_hi.png
business_rdesk_hi.png
http://cs.uwindsor.ca/~mckaya/eee/business_rdesk_hi.png
home_rdesk_hi.png
http://cs.uwindsor.ca/~mckaya/eee/home_rdesk_hi.png
student_rdesk_hi.png
http://cs.uwindsor.ca/~mckaya/eee/student_rdesk_hi.png


2: Now that we actually have an icon, we need to put those files into the /opt/xandros/share/AsusLauncher/ directory along with the others.  (IMPORTANT: keep a backup of them, in case you need to restore them for any reason.)

3: Next, we need to add the icon configuration to the file /opt/xandros/share/AsusLauncher/simpleui.rc - first though, make a backup!!!!! - otherwise if you mess anything up, you may need to restore your EeePC from scratch, and all of your work is gone.  This file is an XML file, and the format for it is very simple - the <simpleui> tag wraps around the whole file, then there's a series of <simplecat> and <parcel> tags, which each  create either a tab group, or an icon respectively.  The easiest to deal with are the icons, and that's what we're looking for here anyways.  To add an icon for my rdesk program, here's what I needed to do.  First, I need the actual linux shell command that's going to be run - in my case, that was /usr/bin/rdesktop -g800x480 -f 192.168.0.123 to run rdesktop and log into my local windows server, with the screen size forced to the EeePC's 800x480 resolution.  You need to include the full UNIX path to the initial command, otherwise it may not find the program you're looking for.  We also need to  decide which tab we're putting the icon under.  Our initial choices are: Internet, Work, Learn, Play, Settings, and Favorites.  In my case, rdesktop is a network program, so I'm going to go with the Internet tab.
  Here's what the resulting <parcel> looks like, with my command, tab, and the image names highlighted appropriately:

<parcel simplecat="Internet" extraargs="/usr/bin/rdesktop -g800x480 -f 192.168.0.123"
    icon="rdesk_norm.png"
    selected_icon="rdesk_hi.png">
      <name lang="en">Remote Desktop</name>
      <name lang="zh_TW">Remote Desktop</name>
      <name lang="zh_CN">Remote Desktop</name>
      <desc lang="en">Windows Terminal Server Login</desc>
</parcel>

The <name> tags inside create the icon name which shows up on the desktop, and you should include one for each language you may end up booting in. (I included the two chinese ones here as examples, mainly because they're the ones used most often in the original simpleui.rc itself.)  The <desc> tag should be a very short description of what the icon is for. More descriptive than the icon title, but shorter than a full wikipedia entry.

The last part of this step involves inserting your new <parcel> into the simpleui.rc file - put it at the end, just before the closing </simpleui> tag.  (It must be on the inside of that tag! Otherwise it breaks the file and your interface will either ignore it, or won't work at all.)

4:  The final step, hit <ctrl><alt><backspace> to reset your X-windows server.  It's not a full reboot, but reloading the X server makes it re-read the configuration files.  Assuming all is done correctly, your new icon should appear, like this:
http://cs.uwindsor.ca/~mckaya/eee/snapshot1.png

And now of course, my own error becomes obvious - always remember to leave some blank space at the bottom of your new icon for the icon's name to show up in on the desktop...

Oh, one thing I almost forgot to mention - the method above only works until the first time you upgrade your software or install a new package - then you'll need to re-insert the <parcel> tag in the simpleui.rc file. (The icon images survive that fine)  I'm still looking (in what little spare time I have, so slowly) for the place to put the new data so that it will survive something else being installed.

Also, if you don't want to create your own icon, there are a lot of them already created in the /opt/xandros/share/AsusLauncher/ directory, feel free to use them as well if one of them suits you.  You just need to include the name of the *_norm.png and *_hi.png versions in the right places.  The Asus Launcher will fill in the student_, home_, and so on automatically.

Last edited by Happyhead (2007-11-26 9:49:59 am)

Offline

 

#3 2007-11-28 7:24:12 am

mvalent
Member
Registered: 2007-10-31
Posts: 30

Re: Add iFiction icon in Learn

Very interesting tutorial ! If you manage to make it permanent, let us know.

Offline

 

#4 2007-11-28 7:46:24 am

Happyhead
Member
Registered: 2007-11-05
Posts: 48

Re: Add iFiction icon in Learn

If I can manage to figure it out, I'll put something together for the Wiki.  Because of the permanence problem though, this is really only part of a solution...

Offline

 

#5 2007-11-29 10:52:05 pm

fucter
New member
Registered: 2007-11-29
Posts: 4

Re: Add iFiction icon in Learn

i made some x-chat icons, i guess this is a good place to put them
http://www.personal.psu.edu/users/c/j/cjw208/images/eeePC/xchaticons/accessibility_xchat_hi.png
http://www.personal.psu.edu/users/c/j/cjw208/images/eeePC/xchaticons/business_xchat_hi.png
http://www.personal.psu.edu/users/c/j/cjw208/images/eeePC/xchaticons/home_xchat_hi.png
http://www.personal.psu.edu/users/c/j/cjw208/images/eeePC/xchaticons/home_xchat_hi.png
http://www.personal.psu.edu/users/c/j/cjw208/images/eeePC/xchaticons/student_xchat_hi.png
http://www.personal.psu.edu/users/c/j/cjw208/images/eeePC/xchaticons/xchat_hi.png
http://www.personal.psu.edu/users/c/j/cjw208/images/eeePC/xchaticons/xchat_norm.png


what i did is make the 1st one "xchat_norm" then i used imagemagick to compose the norm over the backgrounds,  heres the script:

Code:

#!/bin/bash

echo -e "icon size is 120x120, your input pic to be overlayed must be 120x120"
echo -e "make sure you overlay is not centered, it must be a lil towards the top"
echo "  "
echo -e "you should run this with the background images in a folder called ./asus"
echo -ne '\E[31;40m'"  enter in pic name    \033[0m"
echo "         "
read -e infile
echo -ne '\E[31;40m'"  enter short icon program name   (like 'xchat' or 'rdp')  \033[0m"
echo "         "
read -e progname

progname_hi=${progname}'_hi'

/usr/bin/convert ./asus/icon_background.png  -gravity Center $infile -composite $progname_hi.png

/usr/bin/convert  ./asus/accessibility_icon_background.png -gravity Center $infile -composite accessibility_$progname_hi.png

/usr/bin/convert  ./asus/business_icon_background.png -gravity Center $infile -composite business_$progname_hi.png

/usr/bin/convert  ./asus/home_icon_background.png  -gravity Center $infile -composite home_$progname_hi.png

/usr/bin/convert  ./asus/student_icon_background.png  -gravity Center $infile -composite student_$progname_hi.png

Last edited by fucter (2007-11-29 10:54:28 pm)

Offline

 

#6 2007-12-01 11:26:18 pm

syaman
Member
From: Singapore
Registered: 2007-11-30
Posts: 23

Re: Add iFiction icon in Learn

Thanks for the great tip! I've created some icons following your instructions here:

http://forum.eeeuser.com/viewtopic.php?pid=37401

Offline

 

#7 2007-12-08 5:13:58 pm

Niel1952
Moderator
From: Cambridge, UK
Registered: 2007-11-02
Posts: 4802

Re: Add iFiction icon in Learn

Happyhead wrote:

Oh, one thing I almost forgot to mention - the method above only works until the first time you upgrade your software or install a new package - then you'll need to re-insert the <parcel> tag in the simpleui.rc file. (The icon images survive that fine)  I'm still looking (in what little spare time I have, so slowly) for the place to put the new data so that it will survive something else being installed.

Surely, if you create backups somewhere else of simpleui.rc  whenever you have a working configuration you like, you can just copy that backup over simpleui.rc after an upgrade and you will not need to rekey your changes?


[Tweaking for] Absolute Beginners - A Guide to tweaking the Eee PC with wizards.
eeeuser Google Custom Search - THE eeeuser.com Search Tool

Offline

 

#8 2007-12-08 5:44:40 pm

Happyhead
Member
Registered: 2007-11-05
Posts: 48

Re: Add iFiction icon in Learn

Niel1952 wrote:

Surely, if you create backups somewhere else of simpleui.rc  whenever you have a working configuration you like, you can just copy that backup over simpleui.rc after an upgrade and you will not need to rekey your changes?

The trouble with doing things that way is if one of the package updates changes the parameters passed into it's respective program, and you restore the simpleui.rc file to the one from before, then those changed parameters will be broken, and that icon on your desktop may not work anymore.  I'd rather have a more permanent solution that actually inserted the related data where the simpleui.rc file is being created _from_, so that none of that is necesary.

Offline

 

#9 2007-12-13 1:30:38 pm

Elddric
Senior Member
From: md.usa.NA@earth.sol.milkyway
Registered: 2007-11-16
Posts: 268

Re: Add iFiction icon in Learn

I just wanted to say thank you for the tutorial. Great work! It's helping me try to customize my setup more.


8G(702)7B-0404 bios-8GB SSD(XP)-2 8GB SDHCC6(storage)(Xandros)-2GB ram-touchscreen+bluetooth
astray+
EEEctl(Full speed)
IVC's research Read his resources. GREAT info from a lot of people!

Offline

 

#10 2007-12-13 4:14:43 pm

mattharris
New member
From: Sunny Belgium
Registered: 2007-12-04
Posts: 4

Re: Add iFiction icon in Learn

Following some playing about, I've found that the AsusLauncher application first looks for the simpleui.rc file in the ~/,AsusLauncher directory prior to that found in /opt/xandros/share/AsusLauncher/

To achieve this, open a terminal (Ctrl+Alt+T) then type:

cp /opt/xandros/share/AsusLauncher/simpleui.rc ~/.AsusLauncher/

Also, it would appear that the easy mode menu is updated via the package asus-categories_<version>_i386.deb in the asus repository.

It would appear that these will update the simpleui.rc file held in /opt/xandros/share/AsusLauncher/ rather than that stored off of your home directory, although this still needs to be verified.

It seems that the icons don't have to be moved from /opt/xandros/share/AsusLauncher/

Hope that some of this info helps.

Best regards,

Matt

Last edited by mattharris (2007-12-13 4:16:07 pm)

Offline

 

#11 2007-12-14 12:02:12 am

n4sa
Member
From: Brisbane, Australia
Registered: 2007-12-11
Posts: 37

Re: Add iFiction icon in Learn

for some reason i am getting permission problems in /opt/xandros/shared/asuslauncher/

i cannot edit simpleui.rc or paste .png files into it..
I have tried chmod, but no luck.. any ideas?

Offline

 

#12 2007-12-14 12:23:17 am

o2smartphone
Senior Member
Registered: 2007-10-28
Posts: 569

Re: Add iFiction icon in Learn

n4sa wrote:

for some reason i am getting permission problems in /opt/xandros/shared/asuslauncher/

i cannot edit simpleui.rc or paste .png files into it..
I have tried chmod, but no luck.. any ideas?

use root status


windows or linux, who cares !  I just want to use eeePC My Way

Offline

 

#13 2007-12-14 1:31:48 am

n4sa
Member
From: Brisbane, Australia
Registered: 2007-12-11
Posts: 37

Re: Add iFiction icon in Learn

ive done simpleui.rc, but for some reason I still cannot copy .png to that dir

Offline

 

#14 2007-12-14 7:51:32 am

Happyhead
Member
Registered: 2007-11-05
Posts: 48

Re: Add iFiction icon in Learn

In the console, type "sudo bash", and then do the copying in the console (ie: "cd /home/usr/MMC-SD/partition1/whereveryourimageis/"  followed by "cp file.png /opt/xandros/share/AsusLauncher/" )

Offline

 

#15 2007-12-14 7:54:06 am

n4sa
Member
From: Brisbane, Australia
Registered: 2007-12-11
Posts: 37

Re: Add iFiction icon in Learn

Fixed the problem smile thanks guys

Offline

 

#16 2007-12-22 10:12:31 am

alanomaly
Member
Registered: 2007-12-20
Posts: 40

Re: Add iFiction icon in Learn

Argh! Thanks for all the great work here, it's really appreciated. But as someone new to Linux, I'm terrified that something as simple as adding an icon to the desktop is this complicated!

I'm asking a big favour here, but please could someone make a wiki of this in nice simple language?

Also, is there any software than can be downloaded to make this easier? Apparently someone in taiwan has made one in Chinese - http://forum.eeeuser.com/viewtopic.php?pid=61143#p61143

Thanks!

Offline

 

#17 2007-12-24 2:48:17 pm

MakaniMike
Senior Member
From: Stockholm, SE
Registered: 2007-12-16
Posts: 277

Re: Add iFiction icon in Learn

my highlighted icons don't seem to work. whenever i point the cursor on my modified icons, I get a blank. I can still launch the app, but the icon just disappears. I triple-checked if I typed in the correct filename in the simpleui.rc


edit:
ok, I figured it out. Had to rename the files correctly...

Last edited by MakaniMike (2007-12-24 3:21:43 pm)


Get your wiki here.

Offline

 

#18 2007-12-24 11:31:23 pm

SublimePorte
Senior Member
Registered: 2007-10-01
Posts: 829

Re: Add iFiction icon in Learn

alanomaly,

But as someone new to Linux, I'm terrified that something as simple as adding an icon to the desktop is this complicated!

Actually it's not difficult in Linux. In any normal version of linux, setting up icons is simple.

This is the special AsusLauncher program only that Asus has made that's complicated it. In simplifying it for us theyve made it more difficult.


Launcher Tools - Utilities to make the AsusLauncher interface customisable.
"If programmers deserve to be rewarded for creating innovative programs, by the same token they deserve to be punished if they restrict the use of these programs." (RMS)

Offline

 

#19 2007-12-28 8:30:35 am

poloman
Member
Registered: 2007-11-19
Posts: 41

Re: Add iFiction icon in Learn

sorry - stupid moment here - i have copied two files - the _hi and the _norm files into the asus launcher directory, but get a blank when i hover over the icon. do i need all the icon colour files, or is there a more obvious answer (apart from ensuring the correct file names are listed in the config file?

Offline

 

#20 2007-12-28 8:33:37 am

mvalent
Member
Registered: 2007-10-31
Posts: 30

Re: Add iFiction icon in Learn

Of course, you have to create and copy ALL the icons !!! :-)

Offline

 

#21 2007-12-28 8:36:54 am

Niel1952
Moderator
From: Cambridge, UK
Registered: 2007-11-02
Posts: 4802

Re: Add iFiction icon in Learn

Have a look at these two threads for tools to simplify this task:

http://forum.eeeuser.com/viewtopic.php?id=6864

http://forum.eeeuser.com/viewtopic.php?id=6986

Edit: Typo

Last edited by Niel1952 (2007-12-28 8:39:50 am)


[Tweaking for] Absolute Beginners - A Guide to tweaking the Eee PC with wizards.
eeeuser Google Custom Search - THE eeeuser.com Search Tool

Offline

 

#22 2007-12-28 8:38:33 am

Niel1952
Moderator
From: Cambridge, UK
Registered: 2007-11-02
Posts: 4802

Re: Add iFiction icon in Learn

mvalent wrote:

Of course, you have to create and copy ALL the icons !!! :-)

If you are not going to change themes, you only need the ones for the theme you use but, in principle, it is better to do the lot.


[Tweaking for] Absolute Beginners - A Guide to tweaking the Eee PC with wizards.
eeeuser Google Custom Search - THE eeeuser.com Search Tool

Offline

 

#23 2007-12-31 5:54:40 pm

sg
Member
From: Brisbane, Australia
Registered: 2007-12-11
Posts: 70

Re: Add iFiction icon in Learn

Happyhead wrote:

Next, you need to apply your icon to a copy of each of the coloured highlight backgrounds, and save them.

happyhead.... excuse my ignorance, but how exactly do you "apply" your icon over the top of the blank highlight background....... i can do everything else fine, i'm just a little confused as to how that step is completed.

Offline

 

#24 2008-01-01 1:06:07 am

Hazor
Senior Member
From: Tennessee
Registered: 2007-12-11
Posts: 389
Website

Re: Add iFiction icon in Learn

Couple questions on this subject. First, can I make a folder within a folder? Using <folder SimpleCat="Play/Games" id="Tribes" . . . doesn't seem to work, it doesn't show up.

Second question, can anyone help me get the following to work?

Code:

<parcel simplecat="Play/Games" extraargs="/media/Flash Voyager/CORSAIR/elc-150/el.x86.linux.bin"
    icon="eternallands_norm.png" 
    selected_icon="eternallands_hi.png">
    <name lang="en">Eternal Lands</name>
    <desc lang="en">A skill-based MMORPG.</desc>
</parcel>

<parcel simplecat="Play/Games" extraargs="/media/Flash Voyager/CORSAIR/Tribes2/tribes2 -online"
    icon="eternallands_norm.png" 
    selected_icon="eternallands_hi.png">
    <name lang="en">Tribes 2 Online</name>
    <desc lang="en">A scifi first person shooter with jetpacks.</desc>
</parcel>

They're not showing up. They did when I had them pointing to Solitaire (All I've changed is what they point to), but now they've disappeared. I've checked capitalization, but I don't know what else to do.

Last edited by Hazor (2008-01-01 1:39:54 am)


No one understands mEee. =/

Offline

 

#25 2008-02-14 8:26:46 pm

lordfiSh
Member
From: Leipzig,Germany
Registered: 2008-02-14
Posts: 14
Website

Re: Add iFiction icon in Learn

Sorry wrong Thread

Last edited by lordfiSh (2008-02-14 8:43:20 pm)

Offline

 

Board footer

Powered by PunBB 1.2.15
© Copyright 2002–2005 Rickard Andersson