Shop Mobile More Submit  Join Login
eDark Gnome-Panel by Aaron-A-Arts eDark Gnome-Panel by Aaron-A-Arts
i've had a lot of positive feedback on this panel, so i've packaged it as best i can for distribution.
this whole thing is just a fancy trick. its not really meant to be distributed as an awesome kick ass fat floaty gnome-panel. its just supposed to look good in screenshots and during general usage. ;)
includes: 1024, 1152, 1280, 1400, 1440, 1600, 1680, 1920, 2048, 2560. if your screen is bigger i'll assume you're a power user.
Enjoy!

PRE-REQS:
here is a gtkrc-2.0 file with the code necessary to remove the little arrow from your menu button. the file goes in your home directory. if you already have a gtkrc-2.0 in your home directory then open this new one and copy the code into the one you already have.
gtkrc-2.0
eGtk
eIcons
Global-Menu
Compiz Config

IMPORTANT DIRECTORIES:
/usr/share/themes OR /usr/share/icons
/home/USERNAME/.themes OR /home/USERNAME/.icons

TIP:
you can take ownership of folders with $sudo chown USERNAME -R /ANY/FOLDER/LOCATION

ASSUMING YOUR GOAL IS TO REPLICATE THE PREVIEW...

OBJECTIVES:
1:hide theme default panel
2:activate elementary-dark
3:apply panel image
4:tweak the applets and hide panel shadow

STEP BY STEP:

1: go to the elementary/gtk-2.0/Panel and rename both images in the folder. (the objective is to hide the themes default panel.)

2: go to elementary/gtk-2.0 and open gtkrc. at the very bottom of the code you'll see this line include "Apps/panel.rc" make it look like this include "Apps/panel-dark.rc" (the objective is to make global-menu texts compatible with the dark panel)

3: apply elementary gtk and elementary-mono-dark icons from the appearance dialog and confirm that your panel is either transparent or some dark defaulted colors and that global-menu text is a light color.

APPLY THE CUSTOM PANEL:

1: find your resolution in the panels folder (if your resolution isn't included you may make a request or edit the psd provided using Gimp or Photoshop or some similar graphic app.)

2: copy the panel you want to somewhere common like your home directory for storage

3: open panel properties. (right click empty space on the panel) from the general tab set size to 58. from the background tab activate image and browse to where you've stored your panel.

TWEAK THE PANEL:

1: the icons are huge! copy the icons included in the download to /icons/elementary-mono-dark/panel/22

2: everything is horribly aligned! be sure you've removed any extra panel applets that won't fit. simply move around your applets until they fit then lock em in place

3: wtf is that shadow doing!? open CompizConfig from system>preference. under Effects click Window Decoration. in Shadow windows paste this
any & !(class=Gnome-panel)


UNSOLVED ISSUES:
the active menu item in global-menu. ugh
new notification icons mess up the icon alignment
Add a Comment:
 
:icondanieljmildren:
danieljmildren Featured By Owner Sep 13, 2012
will this work in 12.04
Reply
:icontobaj:
tobaj Featured By Owner May 21, 2012
Featured in #artescritorio
Reply
:iconedrp96:
edrp96 Featured By Owner Apr 2, 2012  Hobbyist Interface Designer
You're jobs are amazing, but hard to instal
Reply
:iconden-animal:
den-animal Featured By Owner Mar 18, 2012
will this work on gtk 3? lol
Reply
:iconthehor1zon:
tHeHor1zoN Featured By Owner May 23, 2011
I am sorry for my English, but wished to ask how to establish such panel in Elementary Jupiter.
Problem in that root forbids me to take a step №1, and the step №3 cannot be done because in Elemntary OS there are no "Properties" in a dialogue window with panel Gnome.
Will prompt how to solve a problem?
Everything seems, I hope you me will understand:)
Reply
:iconaaron-a-arts:
Aaron-A-Arts Featured By Owner May 23, 2011  Student Digital Artist
i googled this the first time i logged into e os,
hit alt-f2 and type gconf-editor
find apps>panel>global and uncheck "locked_down"

then you can do what you can by default in ubuntu. ;)
Reply
:iconthehor1zon:
tHeHor1zoN Featured By Owner May 23, 2011
Thanks:)
And what to do with root? It prevents to change system files: (
Reply
:iconaaron-a-arts:
Aaron-A-Arts Featured By Owner May 23, 2011  Student Digital Artist
you can copy using sudo
or say sudo chown USERNAME /path/to/file
to take the file for your self
to chown an entire directory use
sudo chown USERNAME -R /path/to/file
don't go chowning ever random system path tho ;)
Reply
:icongamep01nt:
gamep01nt Featured By Owner Mar 10, 2011  Student Digital Artist
Godlike
Reply
:iconaaron-a-arts:
Aaron-A-Arts Featured By Owner Mar 10, 2011  Student Digital Artist
lol unstopable
Reply
:icongamep01nt:
gamep01nt Featured By Owner Mar 10, 2011  Student Digital Artist
godlike
Reply
:iconlegnis:
legnis Featured By Owner Mar 6, 2011  Professional Interface Designer
:wow: is awesomeee!!
Reply
:iconaaron-a-arts:
Aaron-A-Arts Featured By Owner Mar 6, 2011  Student Digital Artist
=D
Reply
:iconhalf-left:
half-left Featured By Owner Jan 1, 2011  Hobbyist Interface Designer
Nice work. It would be a more elegant replacement for the GNOME 2.x panel.
Reply
:iconlupetto1974:
lupetto1974 Featured By Owner Dec 26, 2010
I read your advice but I did not understand what to do .... Sorry :-(

how did you? I have also tried to change the icons in all my themes

can you give me a help?

thanks a lot
Reply
:iconaaron-a-arts:
Aaron-A-Arts Featured By Owner Dec 28, 2010  Student Digital Artist
svg icons can be modified using inkscape.

i really can't explain it any clearer than i did in the comments =/
Reply
:iconlupetto1974:
lupetto1974 Featured By Owner Dec 26, 2010
sorry but i have another question......

How can I remove the triangle from the main menu

see the screeshot
[link]
Reply
:iconaaron-a-arts:
Aaron-A-Arts Featured By Owner Dec 26, 2010  Student Digital Artist
download this file
[link]
it is a hidden file so hit ctrl h to show hidden files
put it in your home directory and logoff and back on (may need to restart)

if you already have a gtkrc-2.0 in your home directory, then just open this file and copy the code into your existing file ;)
Reply
:iconlupetto1974:
lupetto1974 Featured By Owner Dec 26, 2010
ciao

i have problem with wifi signal at 100% is too big why??

I followed your instructions and I changed the icons in panel 22 but the wifi at 100% is huge

(sorry for my English I'm Italian)
Reply
:iconaaron-a-arts:
Aaron-A-Arts Featured By Owner Dec 26, 2010  Student Digital Artist
one comment up i gave instructions to fix this issue to another guy who had the same problem. check that =D
Reply
:iconalex3me:
ALEX3ME Featured By Owner Dec 25, 2010   Interface Designer
hi, i have a problem with the "no-connection" icon, it's the only one that looks too big :(
could you please tell me how to solve the problem?
thanks in advance!
Reply
:iconaaron-a-arts:
Aaron-A-Arts Featured By Owner Dec 26, 2010  Student Digital Artist
yeah i left that out cause i'm never really disconnected ;) um, ok to fix any icons that are too big you basically want to open the svg in inkscape, select the icon with the select tool, then size the whole thing down and be sure to keep it centered.

i'm not sure exactly which one you want to modify, but look in the elementary-mono-dark/panel folder.. also check the elementary/animations/24 for the throbber..

inkscape is free in the software center and lets you mod any svg icons ;)
Reply
:iconalex3me:
ALEX3ME Featured By Owner Dec 26, 2010   Interface Designer
thanks! I've solved the problem :)
now it's really perfect :D
Reply
:iconaaron-a-arts:
Aaron-A-Arts Featured By Owner Dec 28, 2010  Student Digital Artist
=D
Reply
:iconalex3me:
ALEX3ME Featured By Owner Dec 26, 2010   Interface Designer
thank you Aaron for your patience :)
I'll try to do my best ^^
Reply
:iconwjh36845:
wjh36845 Featured By Owner Dec 24, 2010  Student Digital Artist
I like it
Reply
:iconaaron-a-arts:
Aaron-A-Arts Featured By Owner Dec 26, 2010  Student Digital Artist
=)
Reply
:iconseahorsepip:
Seahorsepip Featured By Owner Dec 22, 2010  Professional Interface Designer
nicey!
Reply
:iconaaron-a-arts:
Aaron-A-Arts Featured By Owner Dec 22, 2010  Student Digital Artist
and floaty =D
Reply
:iconseahorsepip:
Seahorsepip Featured By Owner Dec 23, 2010  Professional Interface Designer
yup!
(experimenting with it now...)
Reply
:iconaaron-a-arts:
Aaron-A-Arts Featured By Owner Dec 26, 2010  Student Digital Artist
did you get a chance to play with the psd? i'm always kind of proud of myself after making an awesome psd lol
Reply
:iconseahorsepip:
Seahorsepip Featured By Owner Dec 27, 2010  Professional Interface Designer
lol nope I didnīt I directly tried to make something with gimp myself for fun =P
and maybe include a xcf it will make linux users happier ;)
Reply
:icondolsilwa:
Dolsilwa Featured By Owner Dec 22, 2010
Looks great :-) it would be awesome if elementary wing-panel looked like that.
Reply
:iconaaron-a-arts:
Aaron-A-Arts Featured By Owner Dec 22, 2010  Student Digital Artist
i had to google that one =D
from what i can tell it doesn't really fit their space saving concept.. it would be cool if wing-panel was a floater tho
Reply
:iconafilipe:
afilipe Featured By Owner Dec 21, 2010
Awesome, I love it!
Could you make one for 1366x768?
Thanks :D
Reply
:iconsolidslash:
solidslash Featured By Owner Dec 22, 2010
+1
Reply
:iconaaron-a-arts:
Aaron-A-Arts Featured By Owner Dec 22, 2010  Student Digital Artist
i haven't commented yet because if i do it will be removed from my notifications and i'll forget to get it done. but yeah, i'm on it =D
Reply
:iconslavsan:
slavsan Featured By Owner Dec 21, 2010
Very nice. Already made a light version to suit my own taste but thanks for posting everything. The panel isn't much practical but looks so darn nice. DAmn... :)
Reply
:iconaaron-a-arts:
Aaron-A-Arts Featured By Owner Dec 21, 2010  Student Digital Artist
=) there is a psd in the download with layer styles and transparency effects.. Basically you can simply change the gradient on the main bg image and the whole thing changes. Its pretty cool
Reply
:iconslavsan:
slavsan Featured By Owner Dec 21, 2010
hah... I didn't notice that, thanks. I just adjusted the color curves of the original image in gimp... :) Nice work man
Reply
:iconaaron-a-arts:
Aaron-A-Arts Featured By Owner Dec 21, 2010  Student Digital Artist
=) thanks
Reply
:iconx-releases:
X-Releases Featured By Owner Dec 21, 2010  Professional Interface Designer
Awesome man! :peace:
Reply
:iconaaron-a-arts:
Aaron-A-Arts Featured By Owner Dec 21, 2010  Student Digital Artist
=D
Reply
:iconx-releases:
X-Releases Featured By Owner Dec 21, 2010  Professional Interface Designer
have a question, wich version of linux do you use Aaron?
Reply
:iconaaron-a-arts:
Aaron-A-Arts Featured By Owner Dec 21, 2010  Student Digital Artist
ubuntu maverick
Reply
:iconalex3me:
ALEX3ME Featured By Owner Dec 21, 2010   Interface Designer
oh man, you did it!!!
thanks for sharing it|
You're a genious! :D
Reply
:iconaaron-a-arts:
Aaron-A-Arts Featured By Owner Dec 21, 2010  Student Digital Artist
Above average at best ;)
lol thanks
Reply
:iconapocalypsus:
Apocalypsus Featured By Owner Dec 21, 2010
gr8, tnx a lot for sharing it! :+fav:
Reply
:iconaaron-a-arts:
Aaron-A-Arts Featured By Owner Dec 21, 2010  Student Digital Artist
Youre welcome
Reply
:iconaaron-a-arts:
Aaron-A-Arts Featured By Owner Dec 21, 2010  Student Digital Artist
No problem. =)
Reply
Add a Comment:
 
×




Details

Submitted on
December 21, 2010
File Size
71.6 KB
Link
Thumb
Embed

Stats

Views
13,100 (4 today)
Favourites
123 (who?)
Comments
56
Downloads
1,879

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.
×