Ubuntulandia

Come identificare i selettori CSS specifici per la Browser Manager Sidebar di Floorp usando il Browser Toolbox.

2026-10-07T17:45:00.000+02:00

La Browser Manager Sidebar (BMS) di Floorp è un componente personalizzato dell'interfaccia. Utilizzando il Browser Toolbox, è possibile isolare i selettori CSS che controllano il contenitore della barra, le icone delle app web e i pannelli laterali.

Procedura passo-passo per isolare la sidebar

1.Aprire il Browser Toolbox:

Premi Ctrl + Shift + Alt + I per aprire la finestra di debug dell'interfaccia.

2.Attivare lo strumento di selezione:

Fai clic sull'icona della freccia d'ispezione in alto a sinistra nel Browser Toolbox (oppure premi Ctrl + Shift + C).

3.Selezionare l'elemento sulla barra laterale:

Sposta il mouse sulla Browser Manager Sidebar di Floorp e fai clic su uno degli elementi:

Fai clic sullo sfondo vuoto della barra per selezionare il contenitore principale.
Fai clic su un'icona specifica (es. l'icona di un Web Panel o delle scorciatoie) per selezionare il singolo pulsante.

4.Analizzare l'albero DOM e individuare gli ID/Classi:

Nel pannello Inspector del Browser Toolbox, osserva l'elemento evidenziato. Cerca gli attributi id, class o attributi personalizzati di Floorp (es. floorp-bms).

Selettori CSS specifici di Floorp per la Browser Manager Sidebar

Ecco i principali selettori utilizzati da Floorp per gestire la sidebar e i relativi pannelli laterali:

Elemento dell'interfaccia
Selettore CSS principale
Descrizione

Contenitore principale Sidebar
#sidebar-box / #sidebar-main
La struttura esterna che racchiude l'intera barra laterale.

Barra delle icone (BMS)
#floorp-bms-sidebar / #sidebar-select-box
La striscia verticale dove risiedono le icone delle app web e dei tool.

Singoli pulsanti / Icone
#sidebar-select-box toolbarbutton
I pulsanti cliccabili delle varie applicazioni o schede laterali.

Pulsante di aggiunta Web Panel
#add-web-panel-button
Il pulsante + per aggiungere nuove scorciatoie web.

Contenitore del Web Panel (Finestra popout)
#sidebar-web-panel-providers
L'area in cui viene caricata la pagina web quando si apre un Web Panel.

Pannello delle schede verticali (se attivo)
#sidebar-box[sidebarcommand="treestyletab_..."]
Selettore condizionale per quando la sidebar ospita l'albero delle schede.

Esempi pratici di personalizzazione per `userChrome.css`

Puoi copiare ed incollare questi snippet nel tuo file userChrome.css:

1. Nascondere lo sfondo della Browser Manager Sidebar (Effetto Trasparente)

CSS

/* Rende trasparente lo sfondo della barra delle icone laterali */
#sidebar-select-box, #floorp-bms-sidebar {
  background-color: transparent !important;
  border-right: none !important;
}

2. Ridurre la larghezza della barra laterale per occupare meno spazio

CSS

/* Riduci la dimensione delle icone e la larghezza della striscia laterale */
#sidebar-select-box {
  min-width: 36px !important;
  max-width: 36px !important;
}

#sidebar-select-box toolbarbutton {
  padding: 4px !important;
}

3. Aggiungere un effetto hover alle icone della sidebar

CSS

/* Cambia colore e aggiunge un bordo al passaggio del mouse sulle icone */
#sidebar-select-box toolbarbutton:hover {
  background-color: rgba(255, 255, 255, 0.15) !important;
  border-radius: 8px !important;
  transition: background-color 0.2s ease !important;
}

4. Arrotondare i bordi del pannello web (Web Panel) quando è aperto

CSS

/* Arrotonda gli angoli della finestra di sovrapposizione delle app web */
#sidebar-web-panel-providers,
.sidebar-panel {
  border-radius: 12px !important;
  margin: 6px !important;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.3) !important;

Guida a Krita programma professionale di disegno open source e gratuito: Grafica vettoriale, ancoraggio

2026-10-05T21:55:00.000+02:00

Ancoraggio

In Krita 3.0 è ora presente la funzionalità per griglie e guide ma, naturalmente, essa non presenta grande interesse senza la possibilità di ancoraggio (o aggancio).

L’ancoraggio è la capacità che Krita possiede di allineare automaticamente una selezione o una forma alle griglie e guide, al centro e ai bordi del documento. Per i livelli vettoriali questa capacità va ancora oltre, ed è possibile agganciarsi a riquadri, intersezioni, linee estrapolate e altro ancora.

Tutte queste funzioni possono essere attivate utilizzando il menu a comparsa per l’aggancio assegnato alla scorciatoia Maiusc + S.

Vediamo ora il significato di ciascuna opzione:

Griglie: Aggancia il cursore alla griglia attiva, come configurata nell’area della griglia. Non è necessario che la griglia sia visibile. Le griglie sono salvate per documento, rendendo l’opzione utile per allineare la tua opera alle griglie, come nel caso di sprite per giochi o progetti basati su griglia.
Pixel: Ti permette di agganciare a qualsiasi pixel sotto il cursore. Simile all’aggancio alla griglia ma con una griglia che ha spaziatura = 1 px e scostamento = 0 px.
Guide: Ti permette di agganciare alle guide, che possono essere trascinate fuori dal righello. Per fare questo non è necessario che le guide siano visibili, ed esse sono salvate per documento. Utile per riquadri di fumetti e analoghe disposizioni di stampa, sebbene per lavori più complessi raccomandiamo il programma Scribus.

Ortogonale (solo vettoriale): Ti consente di agganciare a una linea orizzontale o verticale dai nodi di oggetti vettoriali esistenti (a meno che tu non debba solo lavorare con altezza o larghezza, in tal caso puoi trascinare il cursore sul tracciato). Utile per allineare orizzontalmente o verticalmente l’oggetto, come per i riquadri dei fumetti.

Nodo (solo vettoriale): Aggancia un nodo vettoriale o un oggetto ai nodi di un altro tracciato.

Estensione (solo vettoriale): Quando disegniamo un tracciato aperto, gli ultimi nodi in qualunque lato possono essere matematicamente estesi. Questa opzione ti permette di agganciare a esso. La direzione del nodo dipende dalle sue maniglie laterali in modalità di modifica del tracciato.

Intersezione (solo vettoriale): Ti permette di agganciare a un’intersezione di due vettori.
Riquadro esterno (solo vettoriale): Ti permette di agganciare al riquadro esterno di una forma vettoriale.
Bordi immagine: Ti permette di agganciare ai bordi verticali e orizzontali di un’immagine.
Centro immagine: Ti permette di agganciare al centro orizzontale e verticale di un’immagine.

L’aggancio funziona per gli strumenti seguenti:

Linea retta
Rettangolo
Ellisse
Polilinea
Tracciato
Tracciato a mano libera
Poligono
Sfumatura
Strumento Gestione delle forme
Strumento Testo
Strumenti di modifica detti Assistenti
Strumento Sposta (nota che si aggancia alla posizione del cursore e non al riquadro esterno del livello, la selezione o qualsiasi altro elemento tu stia tentando di spostare)
Strumento Trasforma
Selezione rettangolare
Selezione ellittica
Selezione poligonale
Selezione tracciato
Le stesse guide possono essere agganciate alle griglie e ai vettori

L’ancoraggio non possiede ancora sensibilità ed è impostato in modo predefinito a 10 pixel schermo.

Come installare Baltix su una macchina virtuale VirtualBox passaggio per passaggio.

2026-10-05T01:19:00.000+02:00

Creare una macchina virtuale per Baltix su VirtualBox ti permette di provarlo o utilizzarlo in totale sicurezza, senza modificare le partizioni del tuo disco rigido.

Prima di iniziare, assicurati di aver scaricato l'immagine ISO di Baltix e di aver installato l'ultima versione di Oracle VM VirtualBox (con il relativo Extension Pack) sul tuo computer host.

1.Creazione della nuova Macchina Virtuale:Prerequisito: Immagine ISO di Baltix già scaricata.

Apri VirtualBox e clicca sul pulsante Nuova (icona azzurra).
Compila i campi della finestra iniziale:
- Nome: Baltix Linux
- Cartella macchina: Lascia quella predefinita o scegline una con sufficiente spazio su disco.
- Immagine ISO: Seleziona il file .iso di Baltix scaricato in precedenza.
- Tipo: Linux
- Versione: Ubuntu (64-bit)
Spunta la casella "Salta installazione non presidiata" (Skip Unattended Installation) per procedere con la configurazione standard, quindi clicca Successivo.

2.Assegnazione di Memoria RAM e Processore:Consigliati: almeno 4 GB di RAM e 2 vCPU per prestazioni fluide.

Memoria principale (RAM): Assegna almeno 2048 MB (4096 MB raccomandati se il tuo host ha 8 GB o più di RAM).
Processori (vCPU): Assegna 2 vCPU (evita di entrare nella zona rossa dell'indicatore).
Clicca Successivo.

3.Configurazione del Disco Rigido Virtuale:Dimensione minima consigliata: 25 GB.

Seleziona "Crea un disco fisso virtuale subito".
Imposta la dimensione su 25 GB o superiore.
Mantieni il formato del disco come VDI (VirtualBox Disk Image) e la modalità allocata dinamicamente (il file occuperà spazio sul tuo PC fisico solo man mano che viene riempito).
Clicca su Successivo e poi su Fine.

4.Ottimizzazione Scheda Video e Display:Importante: Abilitare l'accelerazione 3D migliora la risposta dell'interfaccia.

Prima di avviare la VM, ottimizza la scheda grafica:

Clicca con il tasto destro sulla VM Baltix Linux appena creata e seleziona Impostazioni.
Vai alla scheda Schermo $\rightarrow$ Schermo.
Aumenta la Memoria video a 128 MB.
Spunta la casella Abilita accelerazione 3D.
Clicca OK per salvare.

5.Avvio della VM e Installazione di Baltix:

Seleziona la macchina virtuale e clicca su Avvia (freccia verde).
Dal menu di boot di GRUB, scegli "Try or Install Baltix".
Una volta caricato il desktop Live, avvia l'installer facendo doppio clic su "Install Baltix".
Segui la procedura guidata:
- Seleziona la Lingua e la Tastiera.
- Nel passaggio sul tipo di installazione, scegli "Cancella il disco e installa Baltix" (operazione sicura: cancellerà solo il disco virtuale VDI da 25 GB appena creato).
- Inserisci il tuo nome, nome utente e password.
Attendi il completamento dell'installazione e clicca su Riavvia ora. Quando richiesto, premi Invio per rimuovere il supporto virtuale.

6.Installazione delle VirtualBox Guest Additions:Consente la risoluzione a schermo intero e il copia-incolla con l'host.

Dopo il primo avvio del sistema in Baltix:

Apri il terminale all'interno di Baltix e aggiorna le dipendenze di sistema:

Bash

sudo apt update && sudo apt install -y build-essential dkms linux-headers-$(uname -r)

Nel menu in alto della finestra di VirtualBox (sul tuo computer host), vai su Dispositivi $\rightarrow$ Inserisci l'immagine del CD delle Guest Additions...
Un disco virtuale apparirà sul desktop di Baltix. Apri il CD, fai clic destro sul file autorun.sh, seleziona Esegui come programma (o avvialo da terminale con sudo ./autorun.sh) e inserisci la tua password.
Al termine dell'installazione delle Guest Additions, riavvia la macchina virtuale.

Verifiche dopo l'installazione

Schermo Intero: Ridimensiona la finestra di VirtualBox o premi Host + F (il tasto Host predefinito è il Ctrl di destra). La risoluzione del desktop di Baltix dovrebbe adattarsi automaticamente allo schermo.
Appunti Condivisi: Se vuoi copiare e incollare testo tra il tuo PC e la VM, vai nelle impostazioni della VM su VirtualBox $\rightarrow$ Generale $\rightarrow$ Avanzate e imposta Appunti condivisi e Trascina e rilascia su Bidirezionale.