mirror of
https://github.com/gryf/window-maker.github.io.git
synced 2025-12-17 19:20:17 +01:00
Deploy gryf/window-maker.github.io to github.com/gryf/window-maker.github.io.git:gh-pages
This commit is contained in:
Deployment Bot (from Travis CI)
173
docs/guidedtour/back.html
Normal file
173
docs/guidedtour/back.html
Normal file
@@ -0,0 +1,173 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Window Maker: Guided Tour - Backgrounds and Themes</title>
|
||||
<meta charset="utf-8">
|
||||
<link rel="stylesheet" href="/style.css" media="screen">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<meta name="viewport"
|
||||
content="width=device-width, minimumscale=1.0, maximum-scale=1.0">
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<header>
|
||||
<h1>
|
||||
<a href="/">
|
||||
<span class="first">Window</span><span class="second">Maker</span>
|
||||
</a>
|
||||
</h1>
|
||||
</header>
|
||||
<aside>
|
||||
<nav class="menu">
|
||||
<ul>
|
||||
<li id="dock">
|
||||
<a href="#"></a>
|
||||
</li>
|
||||
<li id="home" title="Home">
|
||||
<a href="/">Home</a>
|
||||
</li>
|
||||
<li id="news" title="News">
|
||||
<a href="/news">News</a>
|
||||
</li>
|
||||
<li id="docs" title="Documentation">
|
||||
<a href="/docs">Documentation</a>
|
||||
</li>
|
||||
<li id="mail" title="Mailing lists">
|
||||
<a href="/lists">Mailing</a>
|
||||
</li>
|
||||
<li id="devel" title="Development">
|
||||
<a href="/dev">Development</a>
|
||||
</li>
|
||||
<li id="screenshots" title="Screenshots">
|
||||
<a href="/screenshots">Screenshots</a>
|
||||
</li>
|
||||
<li id="themes" title="Themes">
|
||||
<a href="/themes">Themes</a>
|
||||
</li>
|
||||
<li id="links" title="Links">
|
||||
<a href="/links">Links</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</aside>
|
||||
<article>
|
||||
|
||||
<div class="document" id="backgrounds-and-themes">
|
||||
<h1 class="title">Backgrounds and Themes</h1>
|
||||
|
||||
<!-- TODO: check for the dead links -->
|
||||
<div class="contents topic" id="contents">
|
||||
<p class="topic-title first">Contents</p>
|
||||
<ul class="simple">
|
||||
<li><p><a class="reference internal" href="#backgrounds" id="id1">Backgrounds</a></p></li>
|
||||
<li><p><a class="reference internal" href="#styles" id="id2">Styles</a></p></li>
|
||||
<li><p><a class="reference internal" href="#themes" id="id3">Themes</a></p></li>
|
||||
</ul>
|
||||
</div>
|
||||
<p>For the purposes of this guided tour, only those appearance options that are
|
||||
built-in to Window Maker will be considered. Crafting custom styles and themes
|
||||
is not terribly difficult, nor do you need any special knowledge of programming
|
||||
languages or other specialized skills, but this is outside the intended scope
|
||||
of the guided tour.</p>
|
||||
<p>The appearance of the Window Maker GUI can easily be customized from the
|
||||
applications menu item "Appearance".</p>
|
||||
<p>Themes, styles, icon sets, and backgrounds can be selected as soon as they are
|
||||
installed in the right directory.</p>
|
||||
<p>Themes should be installed in the directory
|
||||
<span class="docutils literal">~/GNUstep/Library/WindowMaker/Themes/</span></p>
|
||||
<p>Styles should be installed in the directory
|
||||
<span class="docutils literal">~/GNUstep/Library/WindowMaker/Styles/</span></p>
|
||||
<p>Backgrounds should be installed in the directory
|
||||
<span class="docutils literal">~/GNUstep/Library/WindowMaker/Backgrounds/</span></p>
|
||||
<p>If you are working within a freshly-installed instance of Window Maker, your
|
||||
Linux distribution probably provided some default themes, styles and
|
||||
backgrounds. Rarely, a distribution provides no additional themes, styles or
|
||||
backgrounds - expecting users to provide these on their own.</p>
|
||||
<p>Here is the "Appearance" menu and some of its associated sub-menus,
|
||||
including themes, styles and backgrounds:</p>
|
||||
<div class="borderless figure">
|
||||
<img alt="Appearance menu items" src="images/appearancemenu.png">
|
||||
</div>
|
||||
<p>In the screenshot above, most of the styles are default to the Debian GNU/Linux
|
||||
distribution, while most of the themes were user-installed. Many themes are
|
||||
available for download on the internet.</p>
|
||||
<div class="section" id="backgrounds">
|
||||
<h1>Backgrounds</h1>
|
||||
<p>Backgrounds may be system-generated solid or gradient colors, or they may be
|
||||
images from user or distribution-supplied image files. The easiest way to
|
||||
change a system-generated background color or color gradient is to select one
|
||||
from the "Appearance -> Background -> <Solid | Gradient>" menu. In most default
|
||||
configurations there will be six to eight selections in each category.</p>
|
||||
<p>Likewise, the easiest way to change to a background image is to select one from
|
||||
the "Appearance -&gt; Background -&gt; Images" menu. If you wish to install
|
||||
your own images for use as backgrounds, place the image file in your
|
||||
<span class="docutils literal">~/GNUstep/Library/WindowMaker/Backgrounds/</span> directory and they will be
|
||||
available from the menu immediately.</p>
|
||||
</div>
|
||||
<div class="section" id="styles">
|
||||
<h1>Styles</h1>
|
||||
<p>A style defines the look of the key components of the Window Maker desktop.
|
||||
These components include the window titlebar and resizebar, the menu title and
|
||||
text field, and the icon background.</p>
|
||||
<p>The characteristics defined in a style (or theme) are the color and "texture"
|
||||
of key GUI elements. Texture in this context means using multiple colors in
|
||||
various color gradients - you are not limited to solid colors only.</p>
|
||||
<p>The easiest method for changing the style is to select a style from the
|
||||
"Appearance -> Style" menu.</p>
|
||||
<p>A style may also be created using the <em>Appearance Preferences</em> tool in
|
||||
<em>WPrefs.app</em>. From this tool, you may configure the color and texture of
|
||||
window elements (titlebars, resizebars), menu elements (menu titlebar, menu
|
||||
item text colors, menu "style") and the color and texture of icon backgrounds.
|
||||
The location of titlebar text and the font and text color for window and menu
|
||||
text may also be configured here.</p>
|
||||
<div class="borderless figure">
|
||||
<img alt="Appearance preferences tool" src="images/prefs13.png">
|
||||
<p class="caption">Appearance preferences tool</p>
|
||||
</div>
|
||||
<p>More information on creating a style "from scratch" may be found <a class="reference external" href="/docs/chap4.html">in the Window
|
||||
Maker User's Guide</a>. (Scroll down to the
|
||||
section on "Appearance Options.")</p>
|
||||
<p>A step-by-step guide to crafting a custom style is available <a class="reference external" href="http://windowmakerandi.blogspot.com/search?updated-min=2011-01-01T00:00:00-06:00&amp;updated-max=2012-01-01T00:00:00-06:00&amp;max-results=4target=%22_blank%22">HERE</a>.</p>
|
||||
</div>
|
||||
<div class="section" id="themes">
|
||||
<h1>Themes</h1>
|
||||
<p>In its most basic form, a theme is simply a style that also includes a
|
||||
background. Some Linux distributions provide one or more default themes for use
|
||||
system-wide. You may install your own themes in the
|
||||
<span class="docutils literal">~/GNUstep/Library/WindowMaker/Themes/</span> directory. Themes installed in the
|
||||
correct directory will be available for selection in the "Appearance -&gt;
|
||||
Themes" menu. Selecting Themes from the Appearance menu runs the <em>setstyle</em>
|
||||
program to install the theme and record it in the
|
||||
<span class="docutils literal">~/GNUstep/Defaults/WindowMaker</span> file.</p>
|
||||
<p>Two sites providing preconfigured themes are <a class="reference external" href="http://lonelymachines.org/windowmaker-themes/">HERE</a> and <a class="reference external" href="http://www.jessanderson.org/wmthemes/">HERE</a>. An internet search for "Window
|
||||
Maker themes" will generate additional results, and you should also check your
|
||||
Linux distribution's repositories - some provide themes for installation using
|
||||
your distribution's package management system.</p>
|
||||
<p>Themes may include images in png, jpg, xpm, and other supported image file
|
||||
formats for key elements of the GUI such as titlebars, icon backgrounds, and
|
||||
the workspace background. Themes that include images cannot be stored as a
|
||||
single text file, and therefore must be stored in a directory. A theme
|
||||
directory must contain all of the image files needed for the theme along with a
|
||||
file named "style." The style file in a theme directory will specify all of the
|
||||
GUI elements including any image files used for those elements in lieu of rgb
|
||||
color specifications. A theme directory must use the suffix ".themed" after the
|
||||
theme name.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</article>
|
||||
<div id="titlebar">
|
||||
<div id="minimize"></div>
|
||||
<div id="titlebar-inner">Window Maker: Guided Tour - Backgrounds and Themes</div>
|
||||
<div id="close"></div>
|
||||
</div>
|
||||
<div id="resizebar">
|
||||
<div id="resizel"></div>
|
||||
<div id="resizebar-inner">
|
||||
</div>
|
||||
<div id="resizer"></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user