Visual CSS Style Guide

craigbrass · 10:51 AM

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 · 16-12-2007, 01:15 PM

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

Timetabler · 16-12-2007, 05:48 PM

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 · 16-12-2007, 06:39 PM

You are most welcome. More to be posted shortly.

supportskins · 16-12-2007, 09:29 PM

Well done!!

michelvana · 16-12-2007, 09:50 PM

Make it a sticky!

Thanks again, Michel

craigbrass · 17-12-2007, 10:39 AM

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

directiz · 18-12-2007, 05:16 PM

Whats the name and location to the CSS file?

supportskins · 18-12-2007, 05:43 PM

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

craigbrass · 18-12-2007, 10:10 PM

* 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 · 18-12-2007, 10:46 PM

* 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 · 18-12-2007, 11:27 PM

Hey Craig,

Great, thanks a lot.

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

Thijs

craigbrass · 19-12-2007, 10:52 AM

Done. See the initial post (Package).

travishayler · 13-02-2008, 12:17 PM

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** · 13-02-2008, 12:23 PM

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

Code:

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

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Creating a module: Hello World (Complete guide)	Sheep	Developers & Code	40	18-02-2008 05:36 PM
own CSS code on header	disenioweb	Style & Design	5	15-11-2007 09:32 PM
Client CSS requires revert in 3.10 STABLE	NC Software	SupportSuite, eSupport and LiveResponse	9	02-03-2007 03:32 PM
Add option to remove css?	daledude	SupportSuite, eSupport and LiveResponse	1	24-02-2007 08:24 AM
location of css ?	ServerTweak.com	How do I?	3	17-11-2006 04:57 PM

craigbrass Offline Senior Member Posts: 4,951 Join Date: Jun 2005 Location: Cumbria, UK SupportSuite Owned License	16-12-2007, 01:15 PM * Added more information to Home. * Added Login Redirect. * Added Submit Ticket Step 1. * Added Submit Ticket Step 2. Craig Brass - Kayako Forum Squatter (Note: I am NOT a staff member) Icon Headquarters - Its Elixir - Web2Messenger

Timetabler Offline Member Posts: 50 Join Date: Nov 2007 eSupport Hosted License	16-12-2007, 05:48 PM 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 Offline Senior Member Posts: 4,951 Join Date: Jun 2005 Location: Cumbria, UK SupportSuite Owned License	16-12-2007, 06:39 PM You are most welcome. More to be posted shortly. Craig Brass - Kayako Forum Squatter (Note: I am NOT a staff member) Icon Headquarters - Its Elixir - Web2Messenger

supportskins Offline Senior Member Posts: 3,267 Join Date: Aug 2006 Location: Mumbai, India SupportSuite Owned License	16-12-2007, 09:29 PM Well done!! Professional and Affordable Kayako Skins - Specialists in Kayako Skinning & Customization - Professional Paid Support Our Skins and Services - http://www.supportskins.com/store/ SupportSkins.com - http://www.supportskins.com/

michelvana Offline New Member Posts: 20 Join Date: Dec 2007 Location: The Netherlands SupportSuite Monthly Leased License	16-12-2007, 09:50 PM Make it a sticky! Thanks again, Michel

craigbrass Offline Senior Member Posts: 4,951 Join Date: Jun 2005 Location: Cumbria, UK SupportSuite Owned License	17-12-2007, 10:39 AM It already is a sticky. I will finsih this off tonight hopefully with the remaining pages. Craig Brass - Kayako Forum Squatter (Note: I am NOT a staff member) Icon Headquarters - Its Elixir - Web2Messenger

directiz Offline New Member Posts: 1 Join Date: Dec 2007 SupportSuite Owned License	18-12-2007, 05:16 PM Whats the name and location to the CSS file?

supportskins Offline Senior Member Posts: 3,267 Join Date: Aug 2006 Location: Mumbai, India SupportSuite Owned License	18-12-2007, 05:43 PM CSS tags can be found in the clientcss template under: Admin CP > Templates > General > clientcss Professional and Affordable Kayako Skins - Specialists in Kayako Skinning & Customization - Professional Paid Support Our Skins and Services - http://www.supportskins.com/store/ SupportSkins.com - http://www.supportskins.com/

craigbrass Offline Senior Member Posts: 4,951 Join Date: Jun 2005 Location: Cumbria, UK SupportSuite Owned License	18-12-2007, 10:10 PM * 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. Craig Brass - Kayako Forum Squatter (Note: I am NOT a staff member) Icon Headquarters - Its Elixir - Web2Messenger

Thijs Online Member Posts: 248 Join Date: Jan 2007 SupportSuite Owned License	18-12-2007, 11:27 PM Hey Craig, Great, thanks a lot. Is it a good idea to make on big zip from it ? Thijs

craigbrass Offline Senior Member Posts: 4,951 Join Date: Jun 2005 Location: Cumbria, UK SupportSuite Owned License	19-12-2007, 10:52 AM Done. See the initial post (Package). Craig Brass - Kayako Forum Squatter (Note: I am NOT a staff member) Icon Headquarters - Its Elixir - Web2Messenger