Change the appearance

davidamaya24 · 2013-06-14 18:54:45

someone can help me change the color of the menus by blue ? I could not do it: (
Its complicated

danh · 2013-06-14 19:00:18

Read post 16. That basically tells you what to do and gives you the files.

davidamaya24 · 2013-06-14 19:09:18

danh wrote:

Read post 16. That basically tells you what to do and gives you the files.

I tried but dont work correctly

The blur color isnt conssitent

danh · 2013-06-14 19:12:24

Can you post a picture?

davidamaya24 · 2013-06-14 19:27:43

danh wrote:

Can you post a picture?

danh · 2013-06-14 22:40:03

Looks like your color blue is not right.
Look through the css and adjust to your liking.

danh · 2013-06-14 22:47:41

If you review your ccs file (styles.css) - look for lines that are similar to this:

/* background-color: #f2f2f2; */
background-color: #DBE4F3;

This is the old color and new color. If your new colors are not what you get rendered on the webpage, then perhaps your monitor's color is off.

Try a different browser and/or monitor to also test.

davidamaya24 · 2013-06-14 23:58:12

danh wrote:

If you review your ccs file (styles.css) - look for lines that are similar to this:
/* background-color: #f2f2f2; */
background-color: #DBE4F3;
This is the old color and new color. If your new colors are not what you get rendered on the webpage, then perhaps your monitor's color is off.
Try a different browser and/or monitor to also test.

I do not modify the .css, edit pictures but more I try I can not make the colors match
My monitor is fine lol
My English is not very good jejeje

samcro · 2013-06-18 09:59:55

got it working now - big thanks to elliot!!

gpqOficinayRed · 2013-10-22 20:43:18

elliot01 wrote:

Okay, I have dropped the updated files into the following zip file: http://webmail.hayley-group.co.uk/hosted/misc/glpi.zip.
Please also note that these files and changes are set against GLPI v0.83 (with previous upgrades of GLPI I have noticed some of the CSS seems to move from file to file!).
COPY FILES AS FOLLOWS:
glpi.zip              GLPI SERVER    
\css\*         -->    /usr/share/glpi/css/ 
\pics\*        -->    /usr/share/glpi/pics/
Elliot

Hi Elliot,

I followed your instructions to the letter and have to say that your theme is beautiful and works really well.

The only part that did not work well for me is the login screen.

After applying the css changes and copying over the pngs, it basically lost all styling. Any tips about why it might be happening?

I am using the latest glpi, version 0.84.2. Could this be the reason?

Thanks again for the great theme.

mhouston100 · 2013-10-24 23:42:46

I know just from observing that the layout of the login screne changed in this latest version (from 0.83). Maybe the CSS changed with the layout?

samcro · 2013-11-18 14:35:05

hello again,

since there is a new layout at the login screen in 0.84.x I was wondering if there maybe is a new login_glpi.png adapted to the new layout? would be great.

thanks in advance

qK38 · 2013-11-21 11:43:14

Same question for me

danh · 2013-11-23 16:27:46

Looks like the login image is almost completely set in the css.

stdonato · 2013-12-01 22:29:12

We made a blue theme for GLPI 0.84.x:

http://www.4shared.com/folder/UDr2IFDQ/ … Theme.html

Screenshots in the folder.

Last edited by stdonato (2013-12-01 22:31:25)

memphischild · 2013-12-04 19:40:24

I saw a concept filter (plugin) a while returning, but what I am really looking for is a fast for beginners on the CSS linens so I can change the sprinkle display, the images, design, etc.

Last edited by memphischild (2013-12-06 19:22:03)

danh · 2013-12-04 23:25:04

memphischild wrote:

I saw a concept filter (plugin) a while returning, but what I am really looking for is a fast for beginners on the CSS linens so I can change the sprinkle display, the images, design, etc.

Do you have any experience with style sheets?
They all work the same. Just open the ones from GLPI and look through it for color and image tags.

Keep a copy of the original and make 1 change at a time so you can see what it is you are changing.

The down side is that this will be replaced when you update the program.

elliot01 · 2013-12-11 16:38:29

Hi guys,

Sorry I haven't replied until now. We're still using GLPI, and loving it, but time is in short supply around here

Anyway, I did have to adjust our theme etc to work with GLPI v0.84. I'm not totally happy with it yet: it still needs more time and tweaking, but here's the files for our new theme:
http://webmail.hayley-group.co.uk/hoste … _theme.zip

As before, you need to copy the contained image files (found in the zip's 'pics' folder) over your existing GLPI default ones, so obviously back up your originals first.

I have changed how we handle the CSS. I am now using over-riders which are more easy to deal with, especially following GLPI updates/upgrades! Basically, you need to copy the two CSS files found in the zip to the GLPI 'css' folder (don't overwrite your existing files - these are additional files!), then edit the following two default CSS files in GLPI and add a new line referencing the over-rider CSS files, to the very top of each file:

ext-all-glpi.css
styles.css

For ext-all-glpi.css, you need to add:

@import url('hgp-ext-all-glpi.css');

For styles.css you need to add:

@import url('hgp-styles.css');

I cannot stress enough, these lines must be added to the very start of each respective file, preceding all the programmer's comments etc.

If you want to take a look at the two new CSS files I've included, you will see that each CSS entry has an "!important" attribute. This means they will over-ride any styles previously set. You can use this method to include any additional over-riding CSS you wish.

As indicated, whenever GLPI receives an update in the future, you just need to re-edit the two CSS files and add those two references to the over-rider files again.

glpiv0.84_tickets.jpg
glpiv0.84_login.jpg

Hope this is of some use to anyone, in whatever capacity

Elliot

P.S. Don't forget to force-refresh (CTRL-F5) your browser cache like crazy when playing with CSS changes

MEI-IT · 2013-12-11 18:11:25

Elliot,

Have you considered porting your theme into the Themes plugin? Then, as long as the plugin is up-to-date, your theme would be easily selected by your users.

elliot01 · 2013-12-12 12:07:57

Hi MET-IT,

No, I can't say that I have. To be honest when I've looked at the theme plugin in the past, or seen it discussed on the forums, it's not been supported in the latest version of GLPI or there have been apparent problems with it, leading me to shy away.

My theme is no where near complete but if I get time I might re-look at the theme plugin and maybe try to implement a more finished version.

Cheers.

bgcorreia · 2014-03-26 14:47:14

joseluis.teixeira wrote:

Thank you Elliot!
I just made a clean login, ready for customization.

Wanted a clean login page similar to this, i'm using version 0.84.5. The link provided Elliot is broken.

I'm trying to use Firefox + Firebug, but without much success.

If anyone can help, thank you.

samcro · 2014-03-26 14:51:05

pls read from post 37 on.

bgcorreia · 2014-03-26 15:39:24

Thanks, i'm with advances in firebug, could map the fields in styles.css that want to change.

Last edited by bgcorreia (2014-03-26 15:46:35)

samcro · 2014-05-22 13:30:21

stdonato wrote:

We made a blue theme for GLPI 0.84.x:
http://www.4shared.com/folder/UDr2IFDQ/ … Theme.html

After I tried this my main menu bar bugs a bit:

As soon as I click on something in the main menu the whole submenu of it appears on the same menubar and overlaps. Since I have no exp with css perhaps somebody could kindly point me in the right direction?

Thanks in advance!

Last edited by samcro (2014-05-22 13:38:21)

desparzagophone · 2018-10-17 18:47:42

pueden mandar el codigo para la personalizacion estoy ocupando glpi 0.83

Forum GLPI-Project

Announcement

#26 2013-06-14 18:54:45

Re: Change the appearance

#27 2013-06-14 19:00:18

Re: Change the appearance

#28 2013-06-14 19:09:18

Re: Change the appearance

#29 2013-06-14 19:12:24

Re: Change the appearance

#30 2013-06-14 19:27:43

Re: Change the appearance

#31 2013-06-14 22:40:03

Re: Change the appearance

#32 2013-06-14 22:47:41

Re: Change the appearance

#33 2013-06-14 23:58:12

Re: Change the appearance

#34 2013-06-18 09:59:55

Re: Change the appearance

#35 2013-10-22 20:43:18

Re: Change the appearance

#36 2013-10-24 23:42:46

Re: Change the appearance

#37 2013-11-18 14:35:05

Re: Change the appearance

#38 2013-11-21 11:43:14

Re: Change the appearance

#39 2013-11-23 16:27:46

Re: Change the appearance

#40 2013-12-01 22:29:12

Re: Change the appearance

#41 2013-12-04 19:40:24

Re: Change the appearance

#42 2013-12-04 23:25:04

Re: Change the appearance

#43 2013-12-11 16:38:29

Re: Change the appearance

#44 2013-12-11 18:11:25

Re: Change the appearance

#45 2013-12-12 12:07:57

Re: Change the appearance

#46 2014-03-26 14:47:14

Re: Change the appearance

#47 2014-03-26 14:51:05

Re: Change the appearance

#48 2014-03-26 15:39:24

Re: Change the appearance

#49 2014-05-22 13:30:21

Re: Change the appearance

#50 2018-10-17 18:47:42

Re: Change the appearance

Board footer