Re : Here is how to change the color scheme of Kablink

Guest

Search	Advanced
	Search

Find

People

Places

Tags

Guest Workspace

Skip Navigation Links

Workspaces
//
Global workspaces
//
Kablink Community
//
General Discussion
//
Teaming 2.X
//
Installation, Configuration, Customization
//
Here is how to change the color scheme of Kablink
//
Re : Here is how to change the color scheme of Kablink

Hide Sidebar

Please Sign In

Kablink Feed

Recent Places

Workspace

Teaming 2.X

Development

Installation, Configuration, Customization

Personal Preferences

(--not rated--)

9 replies

Daniel Clar

Feb 19, 2010 4:13 PM

222. Here is how to change the color scheme of Kablink

222.10. Re : Here is how to change the color scheme of Kablink

Just to know, where do you modify the place with your name followed by Agenda et the one with Filter.

Thanks

Daniel

Attachments:
xxx Having trouble? xxx

Replies

Peter Hurley (Novell)

Feb 20, 2010 1:58 AM

222.10.1. Re: Re : Here is how to change the color scheme of Kablink

Please take a screen shot of the item you are asking about. Save it as a jpeg file and post it here. Circle the area you are asking about.

Attachments:
xxx Having trouble? xxx

Peter Hurley (Novell)

Feb 20, 2010 2:53 PM

222.10.1.1. Re: Re: Re : Here is how to change the color scheme of Kablink

I modified the sample CSS file to tell you how to change the toolbar color.

Essentially, you change the color of the graphic listed in the ".ss_sidebarImage" class to whatever you want.

.ss_sidebarImage {
background-image: url("<html:rootPath/>images/pics/navbar/bg_toolbar.gif");
background-repeat: repeat-x;
}

Attachments:
xxx Having trouble? xxx

Daniel Clar

Feb 20, 2010 3:08 PM

222.10.1.1.1. Re : Re: Re: Re : Here is how to change the color scheme of Kablink

Thanks Peter.

I join a screenshot with the current status.

The toolbar above "Formations vidéo" is rather dark blue for the sidebar and lighter blue for the tools bar.

But the right part is still dark grey.

Thanks

Daniel

Attachments:
xxx Having trouble? xxx


Capturebar.gif	Feb 20, 2010 3:08 PM	4 KB	Daniel Clar

Peter Hurley (Novell)

Feb 20, 2010 4:44 PM

222.10.1.1.2. Re: Re: Re: Re : Here is how to change the color scheme of Kablink

You need to create a new version of "images/pics/navbar/bg_toolbar.gif" with the color that you want. This gif is what is making the toolbar on the right be dark grey.

Attachments:
xxx Having trouble? xxx

Marcel Dekker

Feb 20, 2010 7:42 AM

222.10.2. Antw: Re : Here is how to change the color scheme of Kablink

Peter, I think he is referring to my screenshot in my post. The filter bar and the title are in ss_topic_box, ss_topic_box_h1 (title) and div.ssPageNavi (filter bar). I've commented my file though so Daniel should be able to find it. Search for "Filter bar" in the file and you'll find it. Above is the css where you can change the title above that.

Attachments:
xxx Having trouble? xxx

Daniel Clar

Feb 20, 2010 10:30 AM

222.10.3. Re : Here is how to change the color scheme of Kablink

Marcel was right, I was talking about his screenshot.

2 more points :

- On your screenshot the bar just above Marcel Dekker >> Agenda is still in dark grey. Is it possible to modify this one ?

- I've modified the login page to have a customized login box in replacing the file ./i/icib/pics/Login/login_novell_top.png. I join a screenshot.

Is it possible to have a custom place or should it be done after each upgrade ?

Thanks

Daniel

Attachments:
xxx Having trouble? xxx


Login-page.png	Feb 20, 2010 10:30 AM	32 KB	Daniel Clar

Daniel Clar

Feb 20, 2010 11:37 AM

222.10.3.1. Re : Re : Here is how to change the color scheme of Kablink

Ok, I've just found how to modify the background colour of the grey bar but just on the left part where there are the texts "non read elements, news, accesses..." but the right part is still darkgrey.

Daniel

Attachments:
xxx Having trouble? xxx

Daniel Clar

Feb 20, 2010 5:03 PM

222.10.4. Re : Re : Here is how to change the color scheme of Kablink

Ok, and I suppose that it's possible to put it in the custom folder ?

And what about customization of login_novell_top.png ?

Thanks

Daniel

Attachments:
xxx Having trouble? xxx

Marcel Dekker

Feb 21, 2010 7:34 AM

222.10.4.1. Antw: Re : Re : Here is how to change the color scheme of Kablink

Hi Daniel,

I think you'll lose some of the customizations when upgrading. Everything in the file ss_call_out_css_init.jsp is kept, but since you'll need the put some of the changes in other files it's best to keep a copy. I'm also not sure about the custom images directory I created. That's why I keep a copy of the structure and files to replace the default quickly (as in my example). One of the next versions has a better templating system I think, but for now this is the way to go.

Attachments:
xxx Having trouble? xxx

Tag this...

Add/Delete Tags

Personal Tags

--none--

Add

Community Tags

--none--

Skip Footer Toolbar

Entry Permalink