Page 1 of 2
HESK header color templates
Posted: Mon Jun 17, 2013 1:47 pm
by Klemen
If you want to change the color of your HESK headers from the default Green one, you will need to modify appropriate images inside the "img" folder.
However, due to popular demand I made some color variations available for download here:
HESK header color templates
Enjoy!
Re: HESK header color templates
Posted: Mon Jun 17, 2013 8:48 pm
by steve
Thank you for the generous contribution!
Re: HESK header color templates
Posted: Tue Jun 18, 2013 6:39 pm
by Klemen
Update: I optimized the images a bit and reduced the size by 90% without any noticeable loss of quality, so feel free to download the files gain.
You are welcome
Re: HESK header color templates
Posted: Wed Jun 19, 2013 1:26 pm
by mkoch227
...never new "Purlpe" was a color
They look awesome, though!
Re: HESK header color templates
Posted: Wed Jun 19, 2013 1:37 pm
by Klemen
Woops, thanks, fixed
Re: HESK header color templates
Posted: Tue Jun 25, 2013 7:36 am
by ezras
Love it.
Re: HESK header color templates
Posted: Sat Jul 06, 2013 10:58 am
by OSWorX
After following this software now since a few years, I have to be honest: basically Hesk is a fine piece of software.
But (sorry for the following) the lack of using individual templates (specially for the frontend) disappoints me quite a bit.
Offering some 'nice' images for the backend is an idea, but not more.
You have talked about the possibility to embedd something like a 'template engine' the first time I guess 2009 or 2010.
Now we have the version 2.5 and 2013.
But no templates are possible.
And this in a time where around 35% of internet users are using tablets, smartphones, etc.
Keyword: responsive
Looking inside the actual code of 2.5 the code is hard coded, even not based only on css.
Why is it so hard to add this feature (while it is no feature anymore, more a basic requirement for modern systems) into the next version?
While it could be also quite easy to realize in the latest version (2.5.) by defining a 'image_path' or better a 'template_path' where I have all my images and css.
With this variable I can change the layout very easy and have not to replace always the images like you suggested.
Just define something like 'HESK_TPL' (frontend) and HESK_ADM_TPL' (backend) with the directory you have all those infos in, replace the hardcoded ./img and ../img paths in the files with the new defined var, do not forget to adopt the css if necessary - also the images if they shall be changed.
While this definition is currently hardcoded, it could be also set via the backend in future.
A 2 minute-solution and no high sophisticated template engine has to be created.
Adopting also the header can result to a mobile-friendly solution.
And it can offer different templates for the frontend and the backend.
Just my 2 cents - do not want to sound rude, but with the buy of a license I expect a bit more in the year 2013.
Re: HESK header color templates
Posted: Sat Jul 06, 2013 11:44 am
by Klemen
Thanks for the feedback.
I agree, Hesk lacks templates. No point in denying that, I am well aware of it.
However, don't expect them in the 2.x series. A MVC patter will be utilized in the next major release of Hesk (think 3.x) together with a UI redesign. When? Don't know. Has the work on 3.x started? Honestly, apart from planning, no.
You need to understand that Hesk is a personal project I work on in my free time. I have a full time job and Hesk is just *one* of the projects I enjoy working on when I have the time (not to forget that providing support for Hesk also takes precious time).
Hence, some things take longer to implement and while lacking a template engine is definitely a deal breaker for many people, I give priority to adding new features and improving existing ones in the limited time I spend working on Hesk.
Sorry for the disappointment!
Regards,
Klemen
P.s.: I appreciate and cherish every license purchase. However, if you feel you did not get your money's worth please feel free to contact me, I will gladly refund your payment.
Re: HESK header color templates
Posted: Wed Jul 17, 2013 6:09 pm
by onlinesrc
Thank you so much for adding this. I had been going through PhotoShop, trying to recreate each one of these files. This is so much easier!
Re: HESK header color templates
Posted: Mon Sep 30, 2013 8:14 am
by dr_patso
I uploaded all the files for blue for fun.
Confused as to why after rebooting wamp and clearing cache/cookies the header still flashes green for a split second before turning blue upon page load/refresh and ctrl+f5.
The button looks good too, but mine are all still orange and change shades of orange upon mouse over, i've upgraded along the way from 2.3
I also should point out that the update messages such as "time worked on ticket has been updated" or "ticket created and assigned to you" have a slight shade of green still, it should be a light shade of the color of the theme. Also some of the text color falls in line with the default green header.
Re: HESK header color templates
Posted: Mon Sep 30, 2013 12:24 pm
by Klemen
That's because your CSS code has green backgrounds and before the images are loaded you see the CSS background.
You will need to modify the background colors in the hesk_style_v25.css file to remove such glitches.
Re: HESK header color templates
Posted: Thu Oct 03, 2013 11:39 pm
by dr_patso
blue success notifications
hesk_style_v25.css
Code: Select all
div.success {
border: 1px solid #12569E;
background: #DBDCFF;
color: #363636;
padding: 10px;
}
Re: HESK header color templates
Posted: Tue Dec 10, 2013 12:54 pm
by MOB
Hey, nice job!
Do you have the photoshop files? Can you share them? This way we can make our own color combos?
Re: HESK header color templates
Posted: Tue Dec 10, 2013 4:30 pm
by Klemen
I'm afraid I deleted them a while ago by mistake...
Re: HESK header color templates
Posted: Tue Dec 10, 2013 4:44 pm
by MOB
No problem, I can build some new ones with Photoshop--I just wanted to cut corners.
Something I would suggest for you to make default in the css. To add the following property:
FIND:
Code: Select all
.header a, .header a:link, .header a:active {
color : #ffffff;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center;
}
REPLACE WITH:
Code: Select all
.header a, .header a:link, .header a:active, .header a:visited {
color : #ffffff;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center;
}