Mempercantik panel activities

03 September 2012

Di Gnome 3 atau Gnome-Shell, untuk membuka daftar aplikasi bisa dilakukan dengan cara meletakkan kursor mouse di atas panel yang bertuliskan activities. Dengan ini secara otomatis halaman aplikasi dan jendela aplikasi yang terbuka akan ditampilkan.

Di banyak tema, panel Activities hanya ditampilkan ala kadarnya, tampilan teks dengan efek gelombang jika kursor mouse lewat. Untungnya Gnome-Shell dibangun diatas HTML dan CSS, bagi web desainer ( atau yang paham dengan CSS ) tentu familiar dengan hal ini. Sehingga bisa dengan mudah melakukan modifikasi agar tampilan lebih indah.

Kali ini yang ingin dirubah adalah tampilan Panel Activities agar mempergunakan vertical-banner khusus, kebetulan saya bikin yang ada logo Archnya. Caranya mudah, bisa dilakukan seperti ini :

Persiapkan banner pengganti

Bisa bikin sendiri atau cari di google, kemudian bisa dimodifikasi. Ukuran yang bagus adalah dengan lebar 58px.

Edit file gnome-shell.css

Letak file ini ada dalam satu folder dengan file tema yang dipergunakan, bisa di cari di ~/.themes. Kemudian cari baris yang bertuliskan

 #panelActivities {
   border: none;
   background-position: 0 0;
   width: 58px;
   height: 24px;
   color: rgba(0,0,0,0.0);
   position: absolute;
                    }

Kemudian tambahkan kode background-image: url("banner.png"); di dalam kode CSS ID panelActivities. Sehingga akan menjadi kira – kira seperti ini :

  #panelActivities {
    border: none;
    background-position: 0 0;
    width: 58px;
    height: 24px;
    color: rgba(0,0,0,0.0);
    position: absolute;
    background-image: url("banner.png");
                    }

 

Restart Gnome-Shell

Simpan file, dan restart Gnome-Shell dengan menekan tombol ALT+F2, kemudian ketik r. Dan dengan segera tampilan panel activities akan berubah. fnd