Visual CSS Style Guide

[craigbrass]

Hello Everyone,

As requested by a forum user, please find the Visual CSS Style Guides below to help you when skinning.

Note: I may miss parts out on some images. This is because they are common to many pages and I have already listed them on another image and you will of already changed that part.

* This means it is a link and has three entries: link, visited and hover.

Home
Login Redirect
My Account Box
Submit Ticket Step 1
Submit Ticket Step 2
Ticket List
Ticket View
News Article List
News Article
Knowledge Base Category List
Knowledge Base Article List
Knowledge Base Article
Troubleshooter Step

Package (All of the above, Zipped)

[craigbrass]

* Added more information to Home.
* Added Login Redirect.
* Added Submit Ticket Step 1.
* Added Submit Ticket Step 2.

[Timetabler]

Craig,

That's an excellent start ...what you've done already would have saved me hours of work (if I'd had it when I first got Kayako) ...and no doubt will save me hours in the future as well...

Thank you for this.

[craigbrass]

You are most welcome. More to be posted shortly.

[supportskins]

Well done!!

[michelvana]

Make it a sticky!

Thanks again, Michel

[craigbrass]

It already is a sticky. I will finsih this off tonight hopefully with the remaining pages.

[directiz]

Whats the name and location to the CSS file?

[supportskins]

CSS tags can be found in the clientcss template under:
Admin CP > Templates > General > clientcss

[craigbrass]

* Added Knowledge Base Category List.
* Added Knowledge Base Article List.
* Added Knowledge Base Article.
* Added News Article List.
* Added News Article.
* Added Troubleshooter Step.
* Added My Account Box.

[craigbrass]

* Added Ticket List
* Added Ticket View
* Moved to my server and linked to them from here after discovering the limit of 5 files per topic.

Phew! Think that is everything documented. Sorry it is a day later than I said but at least it is all done now. Please point out any corrections or suggestions.

[Thijs]

Hey Craig,

Great, thanks a lot.

Is it a good idea to make on big zip from it ?

Thijs

[craigbrass]

Done. See the initial post (Package).

[travishayler]

I am trying to find out where the client tborder for the navigation border is. The only reference i can find is the css.tpl in the admin but that seems not to change it on the client view side. !

HTML - <td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0" class="tborder">

Where is the css for the client side for the classes ?

[Jamie Edwards]

It is in Admin CP -> Templates -> General -> maincss@

.tborder
{
    background-color: #FFFFFF;
    color: #000000;
    border: 1px solid #6393DF;
}