Own Skin
Moderator: crythias
Own Skin
Hey mates
Hope you can give me a short feedback: I am trying to generate my own skin
Just at the moment a bit challanged by the task
If you look at the attachment...where to change the colors of the marked objects?
Thanks in advance
Rudy
Hope you can give me a short feedback: I am trying to generate my own skin
Just at the moment a bit challanged by the task
If you look at the attachment...where to change the colors of the marked objects?
Thanks in advance
Rudy
You do not have the required permissions to view the files attached to this post.
Testing & Productive: OTRS::ITSM 3.3.5 on CentOS 6.5 and MySQL
Packages: All included
Packages: All included
Re: Own Skin
Right-click -> Inspect element
(that would be a pretty merciless answer to leave on its own)
Really though, you're going to have to use an HTML/CSS inspection tool such as the built in ones that come with all major browsers (chrome, firefox, ie) or a more full-featured one like the firebug extension for firefox (my favourite).
You will be changing CSS if it's colours you're after, so right click on the element and look at the CSS that's being applied to it.
PROTIP - Disable the CSS Loader in sysconfig first. This way, you will be able to see the actual CSS file the settings are coming from, and the file you need to edit. If you don't do this and the loader is enabled, you'll just get a reference to a cache file instead.
(that would be a pretty merciless answer to leave on its own)
Really though, you're going to have to use an HTML/CSS inspection tool such as the built in ones that come with all major browsers (chrome, firefox, ie) or a more full-featured one like the firebug extension for firefox (my favourite).
You will be changing CSS if it's colours you're after, so right click on the element and look at the CSS that's being applied to it.
PROTIP - Disable the CSS Loader in sysconfig first. This way, you will be able to see the actual CSS file the settings are coming from, and the file you need to edit. If you don't do this and the loader is enabled, you'll just get a reference to a cache file instead.
Backend: OTRS 3.0.11 RedHat Enterprise Linux 6.2, Apache, MySQL with replication
Frontend: OTRS 3.0.11 RedHat Enterprise Linux 6.2 with SELinux, Apache SSL
Frontend: OTRS 3.0.11 RedHat Enterprise Linux 6.2 with SELinux, Apache SSL
-
- Moderator
- Posts: 10169
- Joined: 04 May 2010, 18:38
- Znuny Version: 5.0.x
- Location: SouthWest Florida, USA
- Contact:
Re: Own Skin
Also, this: viewtopic.php?f=60&t=16420
OTRS 6.0.x (private/testing/public) on Linux with MySQL database.
Please edit your signature to include your OTRS version, Operating System, and database type.
Click Subscribe Topic below to get notifications. Consider amending your topic title to include [SOLVED] if it is so.
Need help? Before you ask
Please edit your signature to include your OTRS version, Operating System, and database type.
Click Subscribe Topic below to get notifications. Consider amending your topic title to include [SOLVED] if it is so.
Need help? Before you ask
Re: Own Skin
Ok, thanks guys
That was already very helpful
Just a last question about the customer frontend
The "top <div>" (the header) with the logo included on the right hand side
Where can I adjust the height for the header section?
I have a nice company logo and image spreading across the whole screen, but I must enlarge the header section a few pixel
Thx
Rudy
That was already very helpful
Just a last question about the customer frontend
The "top <div>" (the header) with the logo included on the right hand side
Where can I adjust the height for the header section?
I have a nice company logo and image spreading across the whole screen, but I must enlarge the header section a few pixel
Thx
Rudy
Testing & Productive: OTRS::ITSM 3.3.5 on CentOS 6.5 and MySQL
Packages: All included
Packages: All included
Re: Own Skin
The height of the header section can be adjusted using CSS. I'd find the CSS file used by the header section and look through to find the place where it is specified.
Backend: OTRS 3.0.11 RedHat Enterprise Linux 6.2, Apache, MySQL with replication
Frontend: OTRS 3.0.11 RedHat Enterprise Linux 6.2 with SELinux, Apache SSL
Frontend: OTRS 3.0.11 RedHat Enterprise Linux 6.2 with SELinux, Apache SSL
Re: Own Skin
Thx a lot
Testing & Productive: OTRS::ITSM 3.3.5 on CentOS 6.5 and MySQL
Packages: All included
Packages: All included
-
- Znuny expert
- Posts: 296
- Joined: 04 Jul 2010, 17:49
- Znuny Version: 3.1.x
- Real Name: Alexander Halle
- Company: radprax MVZ GmbH
- Location: Wuppertal
- Contact:
Re: Own Skin
Rotyn, please consider to give something back to the community like the file names and code lines you modified, at least for one of 8 colors you pointed out.
Alexander Halle
OTRS Community Links: User Meetings, Projects
- Public Relations @ OTRS Community Board / OtterHub
- 2nd-Level Support Agent @ radprax MVZ GmbH
OTRS Community Links: User Meetings, Projects
Re: Own Skin
Huh mate....i made till now dozends of changes to get my own template up and running
But I am just in the process of moving the test system settings to the live system....so give me a few days and I will give some examples
But I am just in the process of moving the test system settings to the live system....so give me a few days and I will give some examples
Testing & Productive: OTRS::ITSM 3.3.5 on CentOS 6.5 and MySQL
Packages: All included
Packages: All included
-
- Znuny expert
- Posts: 296
- Joined: 04 Jul 2010, 17:49
- Znuny Version: 3.1.x
- Real Name: Alexander Halle
- Company: radprax MVZ GmbH
- Location: Wuppertal
- Contact:
Re: Own Skin
Thanks :)Rotyn wrote:But I am just in the process of moving the test system settings to the live system....so give me a few days and I will give some examples
Take as much time as you need, even months, we're glad about any feedback, that's community.
Alexander Halle
OTRS Community Links: User Meetings, Projects
- Public Relations @ OTRS Community Board / OtterHub
- 2nd-Level Support Agent @ radprax MVZ GmbH
OTRS Community Links: User Meetings, Projects
Re: Own Skin
Hi Rotyn ,
Can you please provide me the name of the css file that you have changed for changing the header height.
Thank u.
Can you please provide me the name of the css file that you have changed for changing the header height.
Thank u.