How To pretty up JWM appearance in Puppy

How to do things, solutions, recipes, tutorials
Post Reply
Message
Author
User avatar
timcriger
Posts: 115
Joined: Wed 09 Nov 2005, 05:40

How To pretty up JWM appearance in Puppy

#1 Post by timcriger »

My long struggles with the less-attractive appearance of JWM may be over.

As far as JWM's utility, it certainly fits the bill for Puppy and me; its quick, light and reliable. But I've always been so very turned off by its appearance... the bulky, clunky, squarish window borders... the tiny, ugly panel at the bottom... ugly fonts. Hense, my efforts with SimplePup.

But these problems are all come to an end for me, just about... the fonts have been improved in Puppy, and I've even figured out how to make JWM look cleaner and less clunky.

I've experimented with some different settings, and I've come up with what I think is a cleaner look for Puppy. I hope that Barry will consider making these the defaults in future Puppy's, they look much nicer. It's a simple matter of changing some of the configuration settings in the following two files:
/root/.jwmrc
/root/.jwmrc-tray

If you're considering making these changes, you may want to back up your old files (just copy them into another folder) before you edit them, that way you can just overwrite the modified files with the originals if you don't like the changes. Below is a screenshot of the "cleaner" appearance with these modifications (however, torsmo has been added to desktop, this is not a result of these JWM setting : )

Image

So here are the changes to .jwmrc to make the window borders less clunky, the tray more readable, and the tray popups more readable (clock and tips):
-Open the file in a text editor, scroll down past the lines for your menu entries and change to these settings...
<BorderStyle>
<Font>Sans-12:regular</Font>
<Width>3</Width>
<Height>18</Height>
<Foreground>black</Foreground>
<Background>gray90</Background>
<ActiveForeground>white</ActiveForeground>
<ActiveBackground>#4A5966</ActiveBackground>
</BorderStyle>

<TrayStyle>
<Font>Sans-14:regular</Font>
<Background>gray90</Background>
<Foreground>black</Foreground>
</TrayStyle>

<PopupStyle>
<Font>Sans-12</Font>
<Outline>black</Outline>
<Foreground>black</Foreground>
<Background>#F0E68C</Background>
</PopupStyle>

Here are the changes to make in .jwmrc-tray to make the tray larger and cleaner looking:
-Open the file in a text editor and change to these settings:

<Tray autohide="false" insert="right" x="0" y="-1" border="0" height="28" >

<!-- Additional TrayButton attribute: label -->
<TrayButton label=" Menu " icon="puppy_paw.png"/>

<!-- Additional TaskList attribute: maxwidth -->
<TaskList maxwidth="310"/>

<Swallow name="xload" width="30">
xload -nolabel -bg "#BCBAB5" -fg green -hl white
</Swallow>

I've used a puppy paw image (created by the daughter of forum member psr1) for the menu button and added a space to either end of the word " Menu " because it appears better. To use icon="puppy_paw.png" in the configuration above you will need to place the paw image from below in /usr/local/lib/X11/pixmaps. You can use other images for buttons on the tray as I have; I've found .png formatted images work well.

A couple notes... more on how to configure JWM to your liking can be found at http://joewing.net/programs/jwm/. Also, Puppy includes a mediocre JWM configuration utility under Control Panel-->JWM configuration.

Also, you can choose any RGB color for your borders, backgrounds, etc. for example, the background color #F0E68C for the PopupStyle listed above is a nice khaki found by using the nifty Color Explorer included already in Puppy's Graphic Processing Menu. Choose whatever color you like and put in its six letters/characters.

Finally, any thing you don't want to appear in the tray you can just comment out as below (since I don't like the "show destop" button):
<!-- TrayButton popup="Show desktop" icon="showdesk16.xpm">showdesktop</TrayButton -->

Hope you like prettying up your JWM!
Now if JWM just had a menu editor...
Attachments
puppy_paw.png
Puppy Paw button image
(2.09 KiB) Downloaded 2272 times

User avatar
Lobster
Official Crustacean
Posts: 15522
Joined: Wed 04 May 2005, 06:06
Location: Paradox Realm
Contact:

#2 Post by Lobster »

8)

Some subtle and useful ideas Tim :)

The paw logo needs to have a transparent border - not white :)
Puppy Raspup 8.2Final 8)
Puppy Links Page http://www.smokey01.com/bruceb/puppy.html :D

User avatar
Flash
Official Dog Handler
Posts: 13071
Joined: Wed 04 May 2005, 16:04
Location: Arizona USA

#3 Post by Flash »

Hey Tim, can you make Start -> Control panel -> Set global font size actually control all the fonts , even the fonts used on the desktop?

User avatar
gliezl
Posts: 322
Joined: Sat 06 Aug 2005, 22:30
Location: Manila

#4 Post by gliezl »

The paw logo needs to have a transparent border - not white
I have made the paw logo border transparent using mpaint. Just unzip it.
Attachments
puppy_paw_rev.png
Ok i revised it again.
(1.86 KiB) Downloaded 2105 times
puppy_paw_888.zip
unzip this
(2.21 KiB) Downloaded 504 times
Last edited by gliezl on Fri 01 Sep 2006, 03:57, edited 1 time in total.
[color=blue][i]"If you have knowledge, let others light their candles in it."
~Margaret Fuller[/i][/color]

User avatar
timcriger
Posts: 115
Joined: Wed 09 Nov 2005, 05:40

#5 Post by timcriger »

thanks gliezl for the button improvement.
hm.... actually, it still seems to have a white square border ??...

Flash,
The fonts on the desktop are under Rox control i think, not JWM. And i'm sure i've seen info posted by MU, bombayrockers, alienx, and/or rarsa on how to configure these. To get the outlined text as seen in the above desktop it's just a matter of right-clicking on any icon on your desktop and changing the settings under ROX-Filer-->Options-->Pinboard.

--tim

User avatar
gliezl
Posts: 322
Joined: Sat 06 Aug 2005, 22:30
Location: Manila

#6 Post by gliezl »

timcriger wrote:hm.... actually, it still seems to have a white square border ??...
When you unzip the file, you get a XPM file rather PNG. I zip it because you won,t be able to download it.

Now edit /root/.jwmrc-tray

Code: Select all

<!-- Additional TrayButton attribute: label --> 
<TrayButton label=" Menu " icon="puppy_paw888.xpm"/>
[color=blue][i]"If you have knowledge, let others light their candles in it."
~Margaret Fuller[/i][/color]

User avatar
timcriger
Posts: 115
Joined: Wed 09 Nov 2005, 05:40

#7 Post by timcriger »

for some reason, when i download and unzip your file, i get a "puppy_paw888.png " with a white border.... ? weird? did you maybe zip the wrong file?

Aha!!! however, if i right-click on the paw image, i can download the image as "puppy_paw_144.png" or something, and IT HAS A TRANSPARENT BORDER.
thanks.

--tim

Post Reply