Difference between revisions of "Fluxbox Style Guide (Italiano)"

From ArchWiki
Jump to: navigation, search
(Iniziata pagina italiana.)
 
m (Struttura dei vari {item}: rimosso linkrot, allineata)
(21 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 
[[Category:Eye candy (Italiano)]]
 
[[Category:Eye candy (Italiano)]]
 
[[Category:Stacking WMs (Italiano)]]
 
[[Category:Stacking WMs (Italiano)]]
[[Category:HOWTOs (Italiano)]]
+
[[en:Fluxbox Style Guide]]
{{i18n|Fluxbox Style Guide}}
+
[[es:Fluxbox Style Guide]]
{{translateme}}
+
{{Article summary start|Sommario}}
{{out_of_date}}
+
{{Article summary text|Una panoramica su come configurare un tema in Fluxbox}}
Questa pagina non è aggiornata. Seguite per ora le istruzioni della versione inglese.
+
{{Article summary heading|Articoli correlati}}
:''This is a list of all the theme items that can be customized in a fluxbox theme.cfg''
+
{{Article summary wiki|Fluxbox (Italiano)}}
 +
{{Article summary end}}
  
:''This file is in two parts: the first explains what each of the items does the second part is a complete list that can be copied and pasted into a theme.cfg to get you started.''
+
:''Questa è una lista di tutte le opzioni che si possono applicare al file {{ic|theme.cfg}} con i quali si può personalizzare fluxbox a proprio piacimento.''
  
:''This has been specially structured to group the relevant items''
+
:''Questa guida è suddivisa in due parti: la prima parte spiega il significato di ogni elemento, mentre la seconda è un elenco completo delle varie opzioni, che si può copiare ed incollare nel proprio {{ic|theme.cfg}} per ottenere un file di base.''
  
==How the items work==
+
:''Per facilitarne la comprensione è stato effettuato un raggruppamento degli elementi per pertinenza.''
  
Each item is structured main''object.sub''object.item: value  e.g. toolbar.clock.pixmap: value
+
==Sintassi delle impostazioni==
  
The values that are available only depend on the item part e.g. .pixmap: {filename}
+
Ogni impostazione è strutturata in quattro parti:
 +
{''main_object''} '''.''' {''sub_object''} '''.''' {''item''} ''':''' {''value''}
 +
Es.
 +
  toolbar.clock.pixmap: value
  
The pixmap item needs a {filename} e.g. toolbar.clock.pixmap:  clock.xpm
+
Il valore di {''value''} è strettamente collegato al tipo di oggetto (''item'') che si vuole impostare. Ad esempio ad un ''item'' {{ic|.pixmap}} corrisponde come ''value'' {filemane}
  
That's it! All you need to know is the options for each value. Here I'll show what the different options can befor each value with some examples. Part 2 gives a list of all the items and the type of value needed for each and can be copied to a file by you.
+
Quindi la voce pixmap necessita di un {filename}
 +
E.s
 +
  toolbar.clock.pixmap:  clock.xpm
 +
 
 +
In pratica tutto quello che bisogna sapere è quale valore può assumere ogni oggetto. Di seguito verranno elencate le varie tipologie che l'opzione '''value''' può assumere e per ognuno di essi i vari valori disponibili più alcuni esempi.
 +
Nella seconda parte si fornisce un elenco completo di tutti gli elementi e il tipo di valore da adottare per ciascuno di essi, e possono essere copiati nel vostro file.
  
 
==={texture type}===
 
==={texture type}===
  
pixmap options: requires a filename in *.pixmap
+
Per un {item} ''pixmap'' è richiesto nome file in *.pixmap
 
   pixmap
 
   pixmap
 
     tiled
 
     tiled
  
non-pixmap options: uses '''.color to color the objects, use '''.colorTo for gradients and highlights
+
Per un {item} ''non-pixmap'' si utilizza '''.color''' per i colori degli oggetti, mentre si usa '''.colorTo''' per i gradienti o per mettere in evidenza
 
   flat
 
   flat
 
     gradient
 
     gradient
Line 39: Line 48:
 
       rectangle
 
       rectangle
 
       pyramid
 
       pyramid
e.g menu.frame: Flat Gradient Vertical<br>
+
Es.  
or
+
menu.frame: Flat Gradient Vertical
 +
oppure
 
     raised
 
     raised
 
     sunken
 
     sunken
Line 54: Line 64:
 
           rectangle
 
           rectangle
 
           pyramid
 
           pyramid
e.g. menu.title: Raised Bevel1 Gradient Vertical
+
Es.
 +
menu.title: Raised Bevel1 Gradient Vertical
  
 
==={color}===
 
==={color}===
any hex color
+
Si può utilizzare la la notazione esagesimale per i colori
 
<pre>
 
<pre>
 
  #ffffff
 
  #ffffff
 
  #000000
 
  #000000
 
</pre>
 
</pre>
e.g menu.title.textColor: #ffffff
+
Es.
 +
menu.title.textColor: #ffffff
  
any rgb colour as shown in /usr/X11R6/lib/X11/rgb.txt
+
Oppure un colore espresso in rgb come mostrato in {{ic| /usr/X11R6/lib/X11/rgb.txt}}
 
  rgb:4/3/2
 
  rgb:4/3/2
e.g menu.title.textColor: rgb:4/3/2
+
Es.
 +
menu.title.textColor: rgb:4/3/2
  
any colour
+
O per nome
 
  white
 
  white
 
  black
 
  black
  
e.g menu.title.textColor: white
+
Es.  
 +
menu.title.textColor: white
  
 
==={filename}===
 
==={filename}===
the name of a .xpm file stored in pixmaps, which should be in the same directory as theme.cfg
+
Il nome di un file con estensione {{ic|.xpm}} memorizzato in pixmaps, che deve trovarsi nella stessa directory in cui è presente il file {{ic|theme.cfg}}
e.g. menu.title.pixmap: iconbarf.xpm
+
Es.
 +
menu.title.pixmap: iconbarf.xpm
  
 
==={integer}===
 
==={integer}===
a whole number that gives the height/width of something in pixels
+
Un numero intero che indica l'altezza e la larghezza (''height/width'') di qualcosa ed espresso in pixel
e.g window.title.height: 22
+
Es.
 +
window.title.height: 22
  
 
==={boolean}===
 
==={boolean}===
Something set to either on or off
+
Per impostare su on o su off
 
  true
 
  true
 
  false
 
  false
e.g.toolbar.shaped: true
+
Es.
 +
toolbar.shaped: true
  
 
==={alpha}===
 
==={alpha}===
a transparency setting - should be an integer between 0 and 255 where 0 is invisible/transparent<br>
+
Per impostare la trasparenza - deve essere un numero intero compreso tra 0 e 255, dove 0 equivale ad  invisibile/trasparente, mentre 255 equivale ad un effetto solido/opaco - il valore 150 è quello comunemente usato
and 255 is solid/opaque - 150 is popular
+
  
e.g.window.alpha: 255
+
Es.
 +
window.alpha: 255
  
 
==={round}===
 
==={round}===
rounding options for corners
+
Opzione per arrotondare gli ancogli
 
  TopLeft
 
  TopLeft
 
  TopRight
 
  TopRight
 
  BottomLeft
 
  BottomLeft
 
  BottomRight
 
  BottomRight
e.g.window.roundCorners: TopLeft TopRight
+
Es.
 +
window.roundCorners: TopLeft TopRight
  
 
==={justify}===
 
==={justify}===
where text or an image is postioned
+
Posizionamento di un testo o di una immagine
 
  Center
 
  Center
 
  Left
 
  Left
 
  Right
 
  Right
e.g.window.justify: Center
+
Es.
 +
window.justify: Center
  
 
==={bullet}===
 
==={bullet}===
only used for menu.bullet: option. for non pixmaps styles only.
+
Usato solamente per l'oggetto ''menu.bullet'': i valori riguardano solo lo stile non-pixmaps.
 
  triangle
 
  triangle
 
  square
 
  square
 
  diamond
 
  diamond
 
  empty
 
  empty
e.g.menu.bullet: triangle
+
Es.
 +
menu.bullet: triangle
  
 
==={string}===
 
==={string}===
  
only used for the root.command: option. lets you set the path to a wallapaper image and
+
Usato solamente per l'opzione ''root.command'': consente di impostare il percorso di una immagine da usare come sfondo e quale applicazione usare per visualizarlo
which application to display it
+
 
  fbsetbg -f wallpaper.png
 
  fbsetbg -f wallpaper.png
e.g.root.command: fbsetbg -a mywallpaper.png
+
Es.
 +
root.command: fbsetbg -a mywallpaper.png
  
 
==={font}===
 
==={font}===
what font to use!
+
Il font che si vuole usare e la sua dimensione.
 
  font-size
 
  font-size
e.g.menu.frame.font: trebuchet-10
+
Es.
 +
menu.frame.font: trebuchet-10
  
there are several options that can be used in any combination
+
Ci sono diverse opzioni che possono essere usate in qualsiasi combinazione.
 
  bold
 
  bold
 
  shadow
 
  shadow
 
  italic
 
  italic
these need to be colon or comma separated
+
esse devono essere separate da una virgola o da due punti.
 
  font-size:bold:shadow:italic
 
  font-size:bold:shadow:italic
e.g.menu.title.font: trebuchet-10:shadow:bold
+
Es.
 
+
menu.title.font: trebuchet-10:shadow:bold
===Explanation of items that are a little confusing===
+
  
.colorTo - if you use a gradient setting then the belnd is between .color and .colorTo
+
===Spiegazione sulle opzioni che possono risultare confuse===
  
.borderWidth - gives a border of {integer} width. 0 will give no border
+
*.colorTo - Se si usa un gradiente allora la scelta e tra .color e .colorTo
  
.bevelwidth - the bevel is between the border and the object e.g. in the menu,
+
*.borderWidth - Crea un bordo di altezza {integer}. 0 equivale a non avere bordi
menu.bevelWidth increases the space between menu entries
+
  
.picColor - sets the color of a default fluxbox image that is added on top of an item e.g. toolbar.button.picColor
+
*.bevelwidth - è la spaziatura tra il bordo ed un oggetto", ad esempio in un menu : ''menu.bevelWidth'' aumenta lo spazio tra le voci di menu
  
.alpha - a transparency setting
+
*.picColor - Imposta il colore predefinito di una immagine fluxbox che viene aggiunto in cima ad una voce
 +
Es.
 +
toolbar.button.picColor
  
===Notes for getting started===
+
*.alpha - imposta la trasparenza
  
1. using window.label and window.title with window.bevelWidth
+
===Alcune considerazioni prima di iniziare===
  
When you use window.label this will overlay window.title.  however, if you set
+
*Uso di '''window.label''' e '''window.title''' con ''window.bevelWidth'''.
window.bevelWidth the window.title will show as a "border" around window.label
+
i.e. window.label floats over window.title
+
This allows some quite simple but cool effects but does restrict window buttons (see below)
+
  
2. using toolbar and toolbar.iconbar.*, toolbar.clock, toolbar.workspace, toolbar.button
+
L'uso di ''window.label'' si sovrappone all'opzione ''window.title''. Tuttavia, se si imposta ''window.bevelWidth'' il ''window.title'' mostrerà un bordo attorno a''window.label''. In pratica ''window.label'' galleggia sopra ''window.title''. Questo permette semplici ma fantastici effetti, ma limita i pulsanti nella finestra (vedere sotto)
  
As with 1. above. toolbar is overlayed by toolbar.iconbar.*, toolbar.clock, toolbar.workspace
+
* Uso di '''toolbar''' e '''toolbar.iconbar.*''', '''toolbar.clock''', '''toolbar.workspace''', '''toolbar.button'''.
and toolbar.button. Again setting toolbar.bevelWidth allows all of the these to float over
+
Come per il punto precedente ''toolbar'' viene sovrapposto da ''toolbar.iconbar.*'', ''toolbar.clock'', ''toolbar.workspace'' e ''toolbar.button''. Anche in questo caso impostare ''toolbar.bevelWidth'' permette a tutte questi oggetti di ''galleggiare'' sopra  ''toolbar'' generando effetto bordo ai livelli.
toolbar, giving a border/layer effect
+
  
3. using window buttons
+
* Uso di '''window buttons'''.
  
If window.bevelWidth is '''not''' used then all window.* buttons (close, icon, etc) may be any size
+
Se ''window.bevelWidth'' '''non''' è utilizzato, allora tutti i ''window.* buttons'' (chiudi, riduci ad icona, ecc.) possono essere di qualsiasi dimensione, ma devono essere '''quadrati''' e tutti della '''stessa dimensione'''. Questo permette di creare pulsanti dal design creativo e molti stili di Fluxbox utilizzano questo metodo.
but must be '''square''' and all have the '''same dimensions'''. This allows some very creative button designs and most styles at Fluxmod use this method
+
  
However, if window.bevelWidth '''is''' used then the buttons are restricted in size by the '''font''' used for window.label. Here the best thing to do is choose the font size you want for window.label then make your pixmaps to the correct size. Or, in this case, you could set the window.button options to give a background and allow fluxbox to overlay with the default pixmaps (you can choose the colour with window.button.*.picColor) or create your own to the correct dimensions.
+
Tuttavia, se ''window.bevelWidth'' '''viene''' utilizzato, i pulsanti avranno le dimensioni ridotte rispettando il '''font'' utilizzato per ''window.label''.Qui la cosa migliore da fare è scegliere la dimensione dei caratteri desiderata per ''window.label'' quindi rendere il vostro pixmaps alla dimensione corretta. Oppure, in questo caso, è possibile impostare le opzioni di ''window.button'' in modo da dare uno sfondo e permettere a Fluxbox di sovrapposizionarle con il pixmaps predefinito (si può scegliere il colore con ''window.button .*. picColor'') o crearne di propri con le dimensioni corrette.  
  
4. using * (wildcards)
+
*. using * (wildcards)
  
==structured items==
+
==Struttura dei vari {item}==
a theme.cfg template, laid out as below, is available for you to download and edit here http://dtw.jiwe.org/share/StyleItems.txt
+
Un modello di file {{ic|theme.cfg}} è presentato qui di seguito:
  
 
<pre>
 
<pre>
Line 193: Line 209:
 
</pre>
 
</pre>
  
===The toolbar===
+
===Barra degli strumenti ===
  
====general settings====
+
====Impostazioni generali====
  
 
toolbar.borderWidth: {integer}<br>
 
toolbar.borderWidth: {integer}<br>
Line 204: Line 220:
 
toolbar.height: {integer}<br>
 
toolbar.height: {integer}<br>
  
====The clock area====
+
====Orologio====
 
toolbar.clock.font: {font}<br>
 
toolbar.clock.font: {font}<br>
 
toolbar.clock.textColor: {color}<br>
 
toolbar.clock.textColor: {color}<br>
Line 216: Line 232:
 
toolbar.clock.borderColor: {color}<br>
 
toolbar.clock.borderColor: {color}<br>
  
====The workspace title area====
+
====Titolo dell'area di lavoro====
 
toolbar.workspace.font: {font}<br>
 
toolbar.workspace.font: {font}<br>
 
toolbar.workspace.textColor: {color}<br>
 
toolbar.workspace.textColor: {color}<br>
Line 228: Line 244:
 
toolbar.workspace.borderColor: {color}<br>
 
toolbar.workspace.borderColor: {color}<br>
  
====The iconbar====
+
====La barra delle icone====
where windows are shown depending on Iconbar Mode which is set by right-clicking on the fluxbox toolbar<br>
+
Impostata con Iconbar Mode è quella finestra che viene mostrata cliccando col tasto destro sulla barra degli strumenti di Fluxbox<br>
  
 
toolbar.iconbar.borderWidth: {integer}<br>
 
toolbar.iconbar.borderWidth: {integer}<br>
 
toolbar.iconbar.borderColor: {color}<br>
 
toolbar.iconbar.borderColor: {color}<br>
  
====Empty - when no windows are shown as icons====
+
====Empty - quando non ci sono finestre sono rappresentate come icone====
 
toolbar.iconbar.empty: {texture type}<br>
 
toolbar.iconbar.empty: {texture type}<br>
 
toolbar.iconbar.empty.pixmap:  {filename}<br>
 
toolbar.iconbar.empty.pixmap:  {filename}<br>
Line 240: Line 256:
 
toolbar.iconbar.empty.colorTo: {color}<br>
 
toolbar.iconbar.empty.colorTo: {color}<br>
  
====Focused window icon====
+
====Icona della finestra in primo piano====
 
toolbar.iconbar.focused.font: {font}<br>
 
toolbar.iconbar.focused.font: {font}<br>
 
toolbar.iconbar.focused.textColor: {color}<br>
 
toolbar.iconbar.focused.textColor: {color}<br>
Line 251: Line 267:
 
toolbar.iconbar.focused.borderColor: {color}<br>
 
toolbar.iconbar.focused.borderColor: {color}<br>
  
====Unfocused window icon====
+
====Icona della finestra in secondo piano====
 
toolbar.iconbar.unfocused.font: {font}<br>
 
toolbar.iconbar.unfocused.font: {font}<br>
 
toolbar.iconbar.unfocused.textColor: {color}<br>
 
toolbar.iconbar.unfocused.textColor: {color}<br>
Line 262: Line 278:
 
toolbar.iconbar.unfocused.borderColor: {color}<br>
 
toolbar.iconbar.unfocused.borderColor: {color}<br>
  
====The toolbar buttons for prevworkspace, nextworkspace, prevwindow and next window====
+
====I pulsanti per la barra degli strumenti prev-workspace, next-workspace, prev-window e next-window====
 
toolbar.button {texture type}<br>
 
toolbar.button {texture type}<br>
 
toolbar.button.pixmap:  {filename}<br>
 
toolbar.button.pixmap:  {filename}<br>
Line 274: Line 290:
 
toolbar.button.pressed.picColor: {color}<br>
 
toolbar.button.pressed.picColor: {color}<br>
  
===The windows===
+
===Le finestre===
focus is the currently selected window - unfocus is in the background
+
Con ''focus'' si intende la finestra in primo piano , mentre con ''unfocus'' la finestra sullo sfondo
  
====general====
+
====Impostazioni generali====
 
window.font: {font}<br>
 
window.font: {font}<br>
 
window.justify: {justify}<br>
 
window.justify: {justify}<br>
Line 286: Line 302:
 
window.borderColor: {color}<br>
 
window.borderColor: {color}<br>
  
===focused and unfocused window===
+
===Finestre in primo piano e sullo sfondo===
  
====titlebar====
+
====Barra del titolo====
the "background" of the window title. This is layered under window.label - see the note in part one
+
Lo "sfondo" "background" del titolo della finestra. Si tratta di un livello sotto ''window.label'' - vedere la nota nella prima parte.
  
 
window.title.height: {integer} <br>
 
window.title.height: {integer} <br>
Line 301: Line 317:
 
window.title.unfocus.colorTo: {color}<br>
 
window.title.unfocus.colorTo: {color}<br>
  
====label====
+
====Etichetta====
the text background. This is layered over window.title - see the note in part one
+
E' il testo di sfondo. Questo è un livello sopra ''window.title'' - vedere la nota nella prima parte.
  
 
window.label.focus: {texture type}<br>
 
window.label.focus: {texture type}<br>
Line 315: Line 331:
 
window.label.unfocus.textColor: {color}<br>
 
window.label.unfocus.textColor: {color}<br>
  
====handle====
+
====Maniglia====
the bar along the bottom of the window for resizing vertically
+
La barra nella parte inferiore della finestra per il ridimensionamento verticale
  
 
window.handleWidth: {integer}<br>
 
window.handleWidth: {integer}<br>
Line 329: Line 345:
  
 
====grips====
 
====grips====
either side of the handle for resizing in horizontally and vertically
+
Entrambi i lati della maniglia per il ridimensionamento in senso orizzontale e verticale.
  
 
window.grip.focus: {texture type}<br>
 
window.grip.focus: {texture type}<br>
Line 340: Line 356:
 
window.grip.unfocus.colorTo: {color}<br>
 
window.grip.unfocus.colorTo: {color}<br>
  
====button====
+
====Pulsanti====
sets the background for the window buttons - not visible if window buttons (below) are used
+
imposta lo sfondo per i pulsanti della finestra - non visibile se i pulsanti della finestra (sotto) sono utilizzati
  
 
window.button.focus: {texture type}<br>
 
window.button.focus: {texture type}<br>
Line 358: Line 374:
 
window.button.pressed.colorTo: {color}<br>
 
window.button.pressed.colorTo: {color}<br>
  
====window buttons====
+
==== Pulsanti della finestra ====
close, max and min, shade, stick and stuck
+
Chiudi, massimizza e minimizza, arrotola , stick e stuck
  
====close====
+
====chiudi====
 
window.close.pixmap: {filename}<br>
 
window.close.pixmap: {filename}<br>
 
window.close.unfocus.pixmap: {filename}<br>
 
window.close.unfocus.pixmap: {filename}<br>
 
window.close.pressed.pixmap: {filename}<br>
 
window.close.pressed.pixmap: {filename}<br>
  
====max====
+
====massimizza====
 
window.maximize.pixmap: {filename}<br>
 
window.maximize.pixmap: {filename}<br>
 
window.maximize.unfocus.pixmap: {filename}<br>
 
window.maximize.unfocus.pixmap: {filename}<br>
 
window.maximize.pressed.pixmap: {filename}<br>
 
window.maximize.pressed.pixmap: {filename}<br>
  
====icon====
+
====riduci a icona====
 
window.iconify.pixmap: {filename}<br>
 
window.iconify.pixmap: {filename}<br>
 
window.iconify.unfocus.pixmap: {filename}<br>
 
window.iconify.unfocus.pixmap: {filename}<br>
Line 385: Line 401:
 
window.stuck.unfocus.pixmap: {filename}<br>
 
window.stuck.unfocus.pixmap: {filename}<br>
  
===The menu===
+
===Il menu===
  
====general settings====
+
====Impostazioni generali====
 
menu.borderWidth: {integer}<br>
 
menu.borderWidth: {integer}<br>
 
menu.bevelWidth: {integer}<br>
 
menu.bevelWidth: {integer}<br>
 
menu.borderColor: {color}<br>
 
menu.borderColor: {color}<br>
  
====title - top of each menu====
+
====Titolo - Intestazione di ogni menu====
 
menu.title.font: {font}<br>
 
menu.title.font: {font}<br>
 
menu.title.textColor: {color}<br>
 
menu.title.textColor: {color}<br>
Line 401: Line 417:
 
menu.title.colorTo: {color}<br>
 
menu.title.colorTo: {color}<br>
  
====frame - menu body====
+
====frame - corpo del menu====
 
menu.frame.font: {font}<br>
 
menu.frame.font: {font}<br>
 
menu.frame.textColor: {color}<br>
 
menu.frame.textColor: {color}<br>
Line 411: Line 427:
 
menu.frame.colorTo: {color}<br>
 
menu.frame.colorTo: {color}<br>
  
====hilite====
+
====Evidenzia====
how the options are highlighted when mouse is over them
+
Come le opzioni sono evidenziati quando il mouse è su di loro
  
 
menu.hilite.textColor: {color}<br>
 
menu.hilite.textColor: {color}<br>
Line 420: Line 436:
 
menu.hilite.colorTo: {color}<br>
 
menu.hilite.colorTo: {color}<br>
  
====details====
+
====Dettagli====
 
menu.roundCorners: {round}<br>
 
menu.roundCorners: {round}<br>
 
menu.bullet.position: {justify}<br>
 
menu.bullet.position: {justify}<br>
Line 429: Line 445:
  
  
====set the wallpaper with an app...====
+
====Imposta uno sfondo tramite una applicazione====
 
rootCommand: {string}<br>
 
rootCommand: {string}<br>
  
 
====The slit====
 
====The slit====
settings for the slit - not applicable if slit alpha is set to 0
+
impostazioni per il taglio - non applicabile se è stato settato un alpha del taglio pari a 0
  
 
slit: {texture type}<br>
 
slit: {texture type}<br>

Revision as of 15:37, 30 September 2012

Template:Article summary start Template:Article summary text Template:Article summary heading Template:Article summary wiki Template:Article summary end

Questa è una lista di tutte le opzioni che si possono applicare al file theme.cfg con i quali si può personalizzare fluxbox a proprio piacimento.
Questa guida è suddivisa in due parti: la prima parte spiega il significato di ogni elemento, mentre la seconda è un elenco completo delle varie opzioni, che si può copiare ed incollare nel proprio theme.cfg per ottenere un file di base.
Per facilitarne la comprensione è stato effettuato un raggruppamento degli elementi per pertinenza.

Sintassi delle impostazioni

Ogni impostazione è strutturata in quattro parti: {main_object} . {sub_object} . {item} : {value} Es.

toolbar.clock.pixmap: value

Il valore di {value} è strettamente collegato al tipo di oggetto (item) che si vuole impostare. Ad esempio ad un item .pixmap corrisponde come value {filemane}

Quindi la voce pixmap necessita di un {filename} E.s

toolbar.clock.pixmap:  clock.xpm

In pratica tutto quello che bisogna sapere è quale valore può assumere ogni oggetto. Di seguito verranno elencate le varie tipologie che l'opzione value può assumere e per ognuno di essi i vari valori disponibili più alcuni esempi. Nella seconda parte si fornisce un elenco completo di tutti gli elementi e il tipo di valore da adottare per ciascuno di essi, e possono essere copiati nel vostro file.

{texture type}

Per un {item} pixmap è richiesto nome file in *.pixmap

 pixmap
   tiled

Per un {item} non-pixmap si utilizza .color per i colori degli oggetti, mentre si usa .colorTo per i gradienti o per mettere in evidenza

 flat
   gradient
     vertical
     horizontal
     diagonal
     crossdiagonal
     pipecross
     elliptic
     rectangle
     pyramid

Es.

menu.frame: Flat Gradient Vertical

oppure

   raised
   sunken
     bevel1
     bevel2
       gradient
         vertical
         horizontal
         diagonal
         crossdiagonal
         pipecross
         elliptic
         rectangle
         pyramid

Es.

menu.title: Raised Bevel1 Gradient Vertical

{color}

Si può utilizzare la la notazione esagesimale per i colori

 #ffffff
 #000000

Es.

menu.title.textColor: #ffffff

Oppure un colore espresso in rgb come mostrato in /usr/X11R6/lib/X11/rgb.txt

rgb:4/3/2

Es.

menu.title.textColor: rgb:4/3/2

O per nome

white
black

Es.

menu.title.textColor: white

{filename}

Il nome di un file con estensione .xpm memorizzato in pixmaps, che deve trovarsi nella stessa directory in cui è presente il file theme.cfg Es.

menu.title.pixmap: iconbarf.xpm

{integer}

Un numero intero che indica l'altezza e la larghezza (height/width) di qualcosa ed espresso in pixel Es.

window.title.height: 22

{boolean}

Per impostare su on o su off

true
false

Es.

toolbar.shaped: true

{alpha}

Per impostare la trasparenza - deve essere un numero intero compreso tra 0 e 255, dove 0 equivale ad invisibile/trasparente, mentre 255 equivale ad un effetto solido/opaco - il valore 150 è quello comunemente usato

Es.

window.alpha: 255

{round}

Opzione per arrotondare gli ancogli

TopLeft
TopRight
BottomLeft
BottomRight

Es.

window.roundCorners: TopLeft TopRight

{justify}

Posizionamento di un testo o di una immagine

Center
Left
Right

Es.

window.justify: Center

{bullet}

Usato solamente per l'oggetto menu.bullet: i valori riguardano solo lo stile non-pixmaps.

triangle
square
diamond
empty

Es.

menu.bullet: triangle

{string}

Usato solamente per l'opzione root.command: consente di impostare il percorso di una immagine da usare come sfondo e quale applicazione usare per visualizarlo

fbsetbg -f wallpaper.png

Es.

root.command: fbsetbg -a mywallpaper.png

{font}

Il font che si vuole usare e la sua dimensione.

font-size

Es.

menu.frame.font: trebuchet-10

Ci sono diverse opzioni che possono essere usate in qualsiasi combinazione.

bold
shadow
italic

esse devono essere separate da una virgola o da due punti.

font-size:bold:shadow:italic

Es.

menu.title.font: trebuchet-10:shadow:bold

Spiegazione sulle opzioni che possono risultare confuse

  • .colorTo - Se si usa un gradiente allora la scelta e tra .color e .colorTo
  • .borderWidth - Crea un bordo di altezza {integer}. 0 equivale a non avere bordi
  • .bevelwidth - è la spaziatura tra il bordo ed un oggetto", ad esempio in un menu : menu.bevelWidth aumenta lo spazio tra le voci di menu
  • .picColor - Imposta il colore predefinito di una immagine fluxbox che viene aggiunto in cima ad una voce

Es.

toolbar.button.picColor
  • .alpha - imposta la trasparenza

Alcune considerazioni prima di iniziare

  • Uso di window.label' e window.title con window.bevelWidth.

L'uso di window.label si sovrappone all'opzione window.title. Tuttavia, se si imposta window.bevelWidth il window.title mostrerà un bordo attorno awindow.label. In pratica window.label galleggia sopra window.title. Questo permette semplici ma fantastici effetti, ma limita i pulsanti nella finestra (vedere sotto)

  • Uso di toolbar e toolbar.iconbar.*, toolbar.clock, toolbar.workspace, toolbar.button.

Come per il punto precedente toolbar viene sovrapposto da toolbar.iconbar.*, toolbar.clock, toolbar.workspace e toolbar.button. Anche in questo caso impostare toolbar.bevelWidth permette a tutte questi oggetti di galleggiare sopra toolbar generando effetto bordo ai livelli.

  • Uso di window buttons.

Se window.bevelWidth non è utilizzato, allora tutti i window.* buttons (chiudi, riduci ad icona, ecc.) possono essere di qualsiasi dimensione, ma devono essere quadrati e tutti della stessa dimensione. Questo permette di creare pulsanti dal design creativo e molti stili di Fluxbox utilizzano questo metodo.

Tuttavia, se window.bevelWidth viene' utilizzato, i pulsanti avranno le dimensioni ridotte rispettando il font utilizzato per window.label.Qui la cosa migliore da fare è scegliere la dimensione dei caratteri desiderata per window.label quindi rendere il vostro pixmaps alla dimensione corretta. Oppure, in questo caso, è possibile impostare le opzioni di window.button in modo da dare uno sfondo e permettere a Fluxbox di sovrapposizionarle con il pixmaps predefinito (si può scegliere il colore con window.button .*. picColor) o crearne di propri con le dimensioni corrette.

  • . using * (wildcards)

Struttura dei vari {item}

Un modello di file theme.cfg è presentato qui di seguito:

 This work is licensed under the Creative Commons
 Attribution-NonCommercial-ShareAlike License.
 To view a copy of this license, visit
 http://creativecommons.org/licenses/by-nc-sa/1.0/
 or send a letter to Creative Commons,
 559 Nathan Abbott Way, Stanford, California 94305, USA.

---------------------------------------------
 FluxMOD http://www.fluxmod.dk
 Style Name:
 Style Author:
 Style Date:
---------------------------------------------

Barra degli strumenti

Impostazioni generali

toolbar.borderWidth: {integer}
toolbar.borderColor: {color}

toolbar.shaped: {boolean}
toolbar.alpha: {alpha}
toolbar.height: {integer}

Orologio

toolbar.clock.font: {font}
toolbar.clock.textColor: {color}
toolbar.clock.justify: {justify}

toolbar.clock: {texture type}
toolbar.clock.pixmap: {filename}
toolbar.clock.color: {color}
toolbar.clock.colorTo: {color}
toolbar.clock.borderWidth: {integer}
toolbar.clock.borderColor: {color}

Titolo dell'area di lavoro

toolbar.workspace.font: {font}
toolbar.workspace.textColor: {color}
toolbar.workspace.justify: {justify}

toolbar.workspace: {texture type}
toolbar.workspace.pixmap: {filename}
toolbar.workspace.color: {color}
toolbar.workspace.colorTo: {color}
toolbar.workspace.borderWidth: {integer}
toolbar.workspace.borderColor: {color}

La barra delle icone

Impostata con Iconbar Mode è quella finestra che viene mostrata cliccando col tasto destro sulla barra degli strumenti di Fluxbox

toolbar.iconbar.borderWidth: {integer}
toolbar.iconbar.borderColor: {color}

Empty - quando non ci sono finestre sono rappresentate come icone

toolbar.iconbar.empty: {texture type}
toolbar.iconbar.empty.pixmap: {filename}
toolbar.iconbar.empty.color: {color}
toolbar.iconbar.empty.colorTo: {color}

Icona della finestra in primo piano

toolbar.iconbar.focused.font: {font}
toolbar.iconbar.focused.textColor: {color}
toolbar.iconbar.focused.justify: {justify}
toolbar.iconbar.focused: {texture type}
toolbar.iconbar.focused.pixmap: {filename}
toolbar.iconbar.focused.color: {color}
toolbar.iconbar.focused.colorTo: {color}
toolbar.iconbar.focused.borderWidth: {integer}
toolbar.iconbar.focused.borderColor: {color}

Icona della finestra in secondo piano

toolbar.iconbar.unfocused.font: {font}
toolbar.iconbar.unfocused.textColor: {color}
toolbar.iconbar.unfocused.justify: {justify}
toolbar.iconbar.unfocused: {texture type}
toolbar.iconbar.unfocused.pixmap: {filename}
toolbar.iconbar.unfocused.color: {color}
toolbar.iconbar.unfocused.colorTo: {color}
toolbar.iconbar.unfocused.borderWidth: {integer}
toolbar.iconbar.unfocused.borderColor: {color}

I pulsanti per la barra degli strumenti prev-workspace, next-workspace, prev-window e next-window

toolbar.button {texture type}
toolbar.button.pixmap: {filename}
toolbar.button.color: {color}
toolbar.button.colorTo: {color}
toolbar.button.picColor: {color}
toolbar.button.pressed: {texture type}
toolbar.button.pressed.pixmap: {filename}
toolbar.button.pressed.color: {color}
toolbar.button.pressed.colorTo: {color}
toolbar.button.pressed.picColor: {color}

Le finestre

Con focus si intende la finestra in primo piano , mentre con unfocus la finestra sullo sfondo

Impostazioni generali

window.font: {font}
window.justify: {justify}
window.roundCorners: {round}
window.alpha: {alpha}
window.bevelWidth: {integer}
window.borderWidth: {integer}
window.borderColor: {color}

Finestre in primo piano e sullo sfondo

Barra del titolo

Lo "sfondo" "background" del titolo della finestra. Si tratta di un livello sotto window.label - vedere la nota nella prima parte.

window.title.height: {integer}
window.title.focus: {texture type}
window.title.focus.pixmap: {filename}
window.title.focus.color: {color}
window.title.focus.colorTo: {color}
window.title.unfocus: {texture type}
window.title.unfocus.pixmap: {filename}
window.title.unfocus.color: {color}
window.title.unfocus.colorTo: {color}

Etichetta

E' il testo di sfondo. Questo è un livello sopra window.title - vedere la nota nella prima parte.

window.label.focus: {texture type}
window.label.focus.pixmap: {filename}
window.label.focus.color: {color}
window.label.focus.colorTo: {color}
window.label.focus.textColor: {color}
window.label.unfocus: {texture type}
window.label.unfocus.pixmap: {filename}
window.label.unfocus.color: {color}
window.label.unfocus.colorTo: {color}
window.label.unfocus.textColor: {color}

Maniglia

La barra nella parte inferiore della finestra per il ridimensionamento verticale

window.handleWidth: {integer}
window.handle.focus: {texture type}
window.handle.focus.pixmap: {filename}
window.handle.focus.color: {color}
window.handle.focus.colorTo: {color}
window.handle.unfocus: {texture type}
window.handle.unfocus.pixmap: {filename}
window.handle.unfocus.color: {color}
window.handle.unfocus.colorTo: {color}

grips

Entrambi i lati della maniglia per il ridimensionamento in senso orizzontale e verticale.

window.grip.focus: {texture type}
window.grip.focus.pixmap: {filename}
window.grip.focus.color: {color}
window.grip.focus.colorTo: {color}
window.grip.unfocus: {texture type}
window.grip.unfocus.pixmap: {filename}
window.grip.unfocus.color: {color}
window.grip.unfocus.colorTo: {color}

Pulsanti

imposta lo sfondo per i pulsanti della finestra - non visibile se i pulsanti della finestra (sotto) sono utilizzati

window.button.focus: {texture type}
window.button.focus.pixmap: {filename}
window.button.focus.color: {color}
window.button.focus.colorTo: {color}
window.button.focus.picColor: {color}
window.button.unfocus: {texture type}
window.button.unfocus.pixmap: {filename}
window.button.unfocus.color: {color}
window.button.unfocus.colorTo: {color}
window.button.unfocus.picColor: {color}
window.button.pressed: {texture type}
window.button.pressed.pixmap: {filename}
window.button.pressed.color: {color}
window.button.pressed.colorTo: {color}

Pulsanti della finestra

Chiudi, massimizza e minimizza, arrotola , stick e stuck

chiudi

window.close.pixmap: {filename}
window.close.unfocus.pixmap: {filename}
window.close.pressed.pixmap: {filename}

massimizza

window.maximize.pixmap: {filename}
window.maximize.unfocus.pixmap: {filename}
window.maximize.pressed.pixmap: {filename}

riduci a icona

window.iconify.pixmap: {filename}
window.iconify.unfocus.pixmap: {filename}
window.iconify.pressed.pixmap: {filename}

stick

window.stick.pixmap: {filename}
window.stick.unfocus.pixmap: {filename}
window.stick.pressed.pixmap: {filename}

stuck

window.stuck.pixmap: {filename}
window.stuck.unfocus.pixmap: {filename}

Il menu

Impostazioni generali

menu.borderWidth: {integer}
menu.bevelWidth: {integer}
menu.borderColor: {color}

Titolo - Intestazione di ogni menu

menu.title.font: {font}
menu.title.textColor: {color}
menu.title.justify: {justify}
menu.title: {texture type}
menu.title.pixmap: {filename}
menu.title.color: {color}
menu.title.colorTo: {color}

frame - corpo del menu

menu.frame.font: {font}
menu.frame.textColor: {color}
menu.frame.disableColor: {color}
menu.frame.justify: {justify}
menu.frame: {texture type}
menu.frame.pixmap: {filename}
menu.frame.color: {color}
menu.frame.colorTo: {color}

Evidenzia

Come le opzioni sono evidenziati quando il mouse è su di loro

menu.hilite.textColor: {color}
menu.hilite: {texture type}
menu.hilite.pixmap: {filename}
menu.hilite.color: {color}
menu.hilite.colorTo: {color}

Dettagli

menu.roundCorners: {round}
menu.bullet.position: {justify}
menu.bullet: {bullet}
menu.submenu.pixmap: {filename}
menu.selected.pixmap: {filename}
menu.unselected.pixmap: {filename}


Imposta uno sfondo tramite una applicazione

rootCommand: {string}

The slit

impostazioni per il taglio - non applicabile se è stato settato un alpha del taglio pari a 0

slit: {texture type}
slit.pixmap: {filename}
slit.color: {color}
slit.colorTo: {color}
slit.borderWidth: {integer}
slit.bevelWidth: {integer}
slit.borderColor: {color}