Background image

chris g · 2009-01-23 18:55:29

I have edited the colours on GLPI so that it matches our company colours by editing the images in the glpi/pics/ folder.

In /css/style.css I have also added the following line to the <body> tag.

    background: url("../pics/background.jpg") 0 0 repeat fixed;

This is so that we can have a slightly textured background and I think it makes the app look a little more visually appealing - especially as we're thinking about giving logon access to some of our customers.

I know that this is a simple change for me to make to my implementation, however I wonder if anyone else does this sort of thing? Would it be worth adding this to the source file so that it doesn't have to be changed at each upgrade?

I know there are many things that are much more important, but I thought it a possibility to be considered... or ignored

Thanks for the good work; I hope to get OCSng installed soon so that will make GLPI even more useful

Regards,
Chris.

venua · 2009-01-23 19:41:17

I made such changes too, but I named it different:

url("../pics/bg.gif")

I think we should have changeable styles, like many websites have now. So we can change colors and probably font sizes by clicking appropriate buttons on the screen. Though GLPI is a great tool, there are some people who do not like and do not keep default colors.

valdoltra · 2009-02-19 16:54:42

So the only way to change colors is to change jpg. mentioned in CSS file?

venua · 2009-02-19 23:24:09

You can edit styles.css adding following property under "body" section:

background-color: grey;

That way you don't need any picture.

valdoltra · 2009-02-20 09:27:23

I'm more interested in changing whole color theme. Our company is a Caterpillar Dealer so I'd need to change colors to black, yellow and white. At least top bars where menus are located.

chris g · 2009-02-20 13:22:41

valdoltra wrote:

I'm more interested in changing whole color theme. Our company is a Caterpillar Dealer so I'd need to change colors to black, yellow and white. At least top bars where menus are located.

I have changed the colour scheme for our implementation... also changes the login boxes etc...

For starters, the files that you need to change for that are:

fd_nav1.png for the top menu bar
fd_nav2.png for the sub-menu bar
fd_nav3.png for the third bar down.

fd_logo.png is the logo in the top left corner.

fd_footer.png does the footer at the bottom of the page.

PNG files are used as they can handle transparency which is nicer than JPG! I've also made the header and footer files about 1400 pixles wide so that you can make it look a bit nicer than a solid block of colour

valdoltra · 2009-02-20 14:20:50

chris g wrote:

valdoltra wrote:
I'm more interested in changing whole color theme. Our company is a Caterpillar Dealer so I'd need to change colors to black, yellow and white. At least top bars where menus are located.
I have changed the colour scheme for our implementation... also changes the login boxes etc...
For starters, the files that you need to change for that are:
fd_nav1.png for the top menu bar
fd_nav2.png for the sub-menu bar
fd_nav3.png for the third bar down.
fd_logo.png is the logo in the top left corner.
fd_footer.png does the footer at the bottom of the page.
PNG files are used as they can handle transparency which is nicer than JPG! I've also made the header and footer files about 1400 pixles wide so that you can make it look a bit nicer than a solid block of colour

Yes!
Chris, thank you! That is exactly what I had to do smile I'm changing it as we speak. Now I figured out how to change the central one and the others the only thing left to bother me are borders on menus and input boxes! Any ideas how to change those?

chris g · 2009-02-20 14:39:02

Unfortunately I dont' have any others listed - it was a bit of trial and error to work out which ones do what. One of my colleagues made some of the changes and it wasn't documented

One thing to be aware of though - some bits are in the css file - I did a find and replace for some of the colours, but I can't remember what they were - sorry about that. If you do work out what any of the other bits are, perhpas you'd be good enough to post them here for everyone to see?

Regards,
Chris.

valdoltra · 2009-02-20 14:49:41

I suck at css I'll try and post if I find a solution!

Cheers,
Vladimir

valdoltra · 2009-02-23 10:18:20

fd_nav2.png for the sub-menu bar is also on the sub-menu dropdowns so be carefull... if you change this, it will affect your sub menu dropdonws (a friend of mine knows an idiot I know turned it to Black )

Anyone knows what line do I have to change to change the colors of the text in submenu bar and submenu dropdowns?

Why there is no help on styles.css? Developers could surely describe what an individual entry is for?

cheers,
V

Last edited by valdoltra (2009-02-23 10:34:20)

chris g · 2009-02-23 11:50:26

valdoltra wrote:

fd_nav2.png for the sub-menu bar is also on the sub-menu dropdowns so be carefull... if you change this, it will affect your sub menu dropdonws (a friend of mine knows an idiot I know turned it to Black )
Anyone knows what line do I have to change to change the colors of the text in submenu bar and submenu dropdowns?

Why there is no help on styles.css? Developers could surely describe what an individual entry is for?
cheers,
V

LOL!

I've not had to change that as our colours are light blues, so the black is fine, however I recently discovered the "firebug" plugin for firefox - one of the things that you can do is have it so that when you hover your mouse pointer over something it shows what part of the CSS is being used - that may give you the quickest answers.

I know that the developers are very busy with adding more core functionallity, I was thinking about adding some of the info we've collated thus far in this thread into the English wiki as there's not a lot in there, there may be some in the French one, but I don't speak french!

JMD · 2009-02-23 12:08:38

Why there is no help on styles.css? Developers could surely describe what an individual entry is for?

We're sorry, we offer a red car and we are not even capable of offering more color options....

As chris_g said : Just do it and put it on the wiki !

Forum GLPI-Project

Announcement

#1 2009-01-23 18:55:29

Background image

#2 2009-01-23 19:41:17

Re: Background image

#3 2009-02-19 16:54:42

Re: Background image

#4 2009-02-19 23:24:09

Re: Background image

#5 2009-02-20 09:27:23

Re: Background image

#6 2009-02-20 13:22:41

Re: Background image

#7 2009-02-20 14:20:50

Re: Background image

#8 2009-02-20 14:39:02

Re: Background image

#9 2009-02-20 14:49:41

Re: Background image

#10 2009-02-23 10:18:20

Re: Background image

#11 2009-02-23 11:50:26

Re: Background image

#12 2009-02-23 12:08:38

Re: Background image

Board footer