HESK header color templates

[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!

[steve]

Thank you for the generous contribution!

[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

[mkoch227]

...never new "Purlpe" was a color

They look awesome, though!

[Klemen]

Woops, thanks, fixed

[ezras]

Love it.

[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.

[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.

[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!

[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.

[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.

[dr_patso]

blue success notifications

hesk_style_v25.css

Code: Select all

div.success {
	border: 1px solid #12569E; 
	background: #DBDCFF; 
	color: #363636;
	padding: 10px;
}

[MOB]

Hey, nice job!

Do you have the photoshop files? Can you share them? This way we can make our own color combos?

[Klemen]

I'm afraid I deleted them a while ago by mistake...

[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:

Code: Select all

, .header a:visited

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;
}