Keine Lust auf Orange?

Howto's zu OTRS Themen. Keine neuen Topics mit Fragen in diesem Forum!
User avatar
crythias
Moderator
Posts: 9920
Joined: 04 May 2010, 18:38
OTRS Version?: 4.0.x
Location: SouthWest Florida, USA
Contact:

Keine Lust auf Orange?

Postby crythias » 02 Aug 2012, 00:31

Dieser Beitrag ist eine Übersetzung eines HowTo in Englisch. Deutsch ist nicht meine Muttersprache. Ich hoffe, es übersetzt gut. Wenn nicht, ich hoffe jemand kann mir helfen, eine bessere Arbeit.
Danke.

[DavidLambauer: Danke an Fil der den Beitrag korrekt ins Deutsche übersetzt hat. ]

Title: Keine Lust auf Orange?

Hier sind einige Dinge die du ändern musst wenn du kein Orange magst, aber selbst keinen eigenen Skin erstellen willst.

otrs/var/httpd/htdocs/skins/Agent/default/img/action_hover.png
otrs/var/httpd/htdocs/skins/Agent/default/img/attachment_sprite.png
otrs/var/httpd/htdocs/skins/Agent/default/img/controlrow_sprite.png
otrs/var/httpd/htdocs/skins/Agent/default/img/dialog_alert.png
otrs/var/httpd/htdocs/skins/Agent/default/img/dialog_close.png
otrs/var/httpd/htdocs/skins/Agent/default/img/controlrow_sprite.png
otrs/var/httpd/htdocs/skins/Agent/default/img/logout_sprite.png
otrs/var/httpd/htdocs/skins/Agent/default/img/navigation_sprite.png
otrs/var/httpd/htdocs/skins/Agent/default/img/table_large_hover.png
otrs/var/httpd/htdocs/skins/Agent/default/img/table_medium_hover_bottom.png
otrs/var/httpd/htdocs/skins/Agent/default/img/table_medium_hover.png
otrs/var/httpd/htdocs/skins/Agent/default/img/table_small_hover_bg.png
otrs/var/httpd/htdocs/skins/Agent/default/img/toolbar_sprite.png

css/Core.Agent.Admin.css
color: #F92;
color: #F72;

css/Core.Default.css
color: #F92;
color: #F72;

css/Core.Form.css
border-color: #F92;

css/Core.Header.css
background-color: #F2B13E; (twice)
background-color: #F92; (twice)

css/Core.Table.css (optional: change or comment out)
background: -moz-linear-gradient(center top, #FFE7BD, #FBBA49 20%, #F6AD3E 51%, #F3960D 51%, #E98207 95%, #E07006);
background: -webkit-gradient(linear, left top, left bottom, from(#FFE7BD), to(#E07006), color-stop(20%, #FBBA49), color-stop(51%, #F6AD3E), color-stop(51%, #F3960D), color-stop(95%, #E98207));

css/Core.WidgetMenu.css
color: #F92

Wenn du alle Bilder in einem bestimmten Ordner sehen willst kannst du eine "Quick-List" der Dateien in einem Ordner erstellen.
Zum Beispiel damit:

ls > filelist.txt

Kopiere folgendes in eine makepics.awk Datei

Code: Select all

    BEGIN {
    print "<html>"
    print "<body>"
    }
    {
    print "<img src=\"" $1 "\"\\>" " " $1 "<br />"
    }
    END {
    print "</body>"
    print "</html>"
    }


Diesen Befehl ausführen:

Code: Select all

awk -f makepics.awk filelist.txt > pics.html


Dann nutze deinen Browser um auf /path/of/img/folder/pics.html zu gehen.
(Z.B. http://yourotrsdomain/otrs-web/skins/Agent/default/img/pics.html)

Hier ist ein Beispiel für eine eigene pics.html (Ich kann .html nicht uploaden). Kopiere es in eine pics.html Datei in das var/http/htdocs/skins/Agent/default/img Verzeichnis.

Code: Select all


    <html>
    <body>
    <img src="action_hover.png"\> action_hover.png<br />
    <img src="actionrow_wrapper.png"\> actionrow_wrapper.png<br />
    <img src="actions_line.png"\> actions_line.png<br />
    <img src="arrow_left.png"\> arrow_left.png<br />
    <img src="arrow_outlined_left.png"\> arrow_outlined_left.png<br />
    <img src="arrow_outlined_right.png"\> arrow_outlined_right.png<br />
    <img src="arrow_right.png"\> arrow_right.png<br />
    <img src="arrows.png"\> arrows.png<br />
    <img src="arrow_top.png"\> arrow_top.png<br />
    <img src="articlefilter.png"\> articlefilter.png<br />
    <img src="articleview.png"\> articleview.png<br />
    <img src="attachment_dummy1.jpg"\> attachment_dummy1.jpg<br />
    <img src="attachment_dummy2.jpg"\> attachment_dummy2.jpg<br />
    <img src="attachment_dummy3.jpg"\> attachment_dummy3.jpg<br />
    <img src="attachment_header.png"\> attachment_header.png<br />
    <img src="attachment_sprite.png"\> attachment_sprite.png<br />
    <img src="blank.gif"\> blank.gif<br />
    <img src="bubble_tongueleft.png"\> bubble_tongueleft.png<br />
    <img src="bubble_tongueright.png"\> bubble_tongueright.png<br />
    <img src="button_bg.gif"\> button_bg.gif<br />
    <img src="contexthelp.png"\> contexthelp.png<br />
    <img src="controlrow_isolator.png"\> controlrow_isolator.png<br />
    <img src="controlrow.png"\> controlrow.png<br />
    <img src="controlrow_sprite.png"\> controlrow_sprite.png<br />
    <img src="datepicker_vacation_days.png"\> datepicker_vacation_days.png<br />
    <img src="dialog_alert.png"\> dialog_alert.png<br />
    <img src="dialog_close.png"\> dialog_close.png<br />
    <img src="dialog_content.png"\> dialog_content.png<br />
    <img src="dialog_footer_em.png"\> dialog_footer_em.png<br />
    <img src="dialog_footer.png"\> dialog_footer.png<br />
    <img src="dialog_header.png"\> dialog_header.png<br />
    <img src="direction_header.png"\> direction_header.png<br />
    <img src="direction_incoming.png"\> direction_incoming.png<br />
    <img src="direction_internal.png"\> direction_internal.png<br />
    <img src="direction_outgoing.png"\> direction_outgoing.png<br />
    <img src="dnd_placeholder_bg.png"\> dnd_placeholder_bg.png<br />
    <img src="empty_background.png"\> empty_background.png<br />
    <img src="empty.png"\> empty.png<br />
    <img src="feature_add_ons.png"\> feature_add_ons.png<br />
    <img src="filelist.txt"\> filelist.txt<br />
    <img src="filter_add_hover.png"\> filter_add_hover.png<br />
    <img src="filter_add.png"\> filter_add.png<br />
    <img src="filter_remove_hover.png"\> filter_remove_hover.png<br />
    <img src="filter_remove.png"\> filter_remove.png<br />
    <img src="flag_shadow.png"\> flag_shadow.png<br />
    <img src="gradient_lightdark.png"\> gradient_lightdark.png<br />
    <img src="gradient_light.png"\> gradient_light.png<br />
    <img src="GradientSmallBlack.png"\> GradientSmallBlack.png<br />
    <img src="GradientSmall.png"\> GradientSmall.png<br />
    <img src="handle.png"\> handle.png<br />
    <img src="header_bg.png"\> header_bg.png<br />
    <img src="loader.gif"\> loader.gif<br />
    <img src="loginlogo_default.png"\> loginlogo_default.png<br />
    <img src="logo_bg.png"\> logo_bg.png<br />
    <img src="logout_sprite.png"\> logout_sprite.png<br />
    <img src="navigation_hover.png"\> navigation_hover.png<br />
    <img src="navigation_isolator.png"\> navigation_isolator.png<br />
    <img src="navigation_shadow_bottom.png"\> navigation_shadow_bottom.png<br />
    <img src="navigation_shadow.png"\> navigation_shadow.png<br />
    <img src="navigation_shadow_top.png"\> navigation_shadow_top.png<br />
    <img src="navigation_sprite.png"\> navigation_sprite.png<br />
    <img src="navigation_underline_bg.png"\> navigation_underline_bg.png<br />
    <img src="overviewcontrol_checkbox.png"\> overviewcontrol_checkbox.png<br />
    <img src="overviewcontrol_line.png"\> overviewcontrol_line.png<br />
    <img src="ProgressBarArrowActive.png"\> ProgressBarArrowActive.png<br />
    <img src="ProgressBarArrow.png"\> ProgressBarArrow.png<br />
    <img src="ProgressBarIsolator.png"\> ProgressBarIsolator.png<br />
    <img src="search_bg.png"\> search_bg.png<br />
    <img src="small_border.png"\> small_border.png<br />
    <img src="SmallDarkGradient.png"\> SmallDarkGradient.png<br />
    <img src="stars.png"\> stars.png<br />
    <img src="tab_isolator_light.png"\> tab_isolator_light.png<br />
    <img src="tab_isolator.png"\> tab_isolator.png<br />
    <img src="table_large_hover.png"\> table_large_hover.png<br />
    <img src="table_medium_hover_bottom.png"\> table_medium_hover_bottom.png<br />
    <img src="table_medium_hover.png"\> table_medium_hover.png<br />
    <img src="table_small_hover_bg.png"\> table_small_hover_bg.png<br />
    <img src="tabs_active_bg.png"\> tabs_active_bg.png<br />
    <img src="tabs_active_door.png"\> tabs_active_door.png<br />
    <img src="tabs_door_bg.png"\> tabs_door_bg.png<br />
    <img src="thead_isolator.png"\> thead_isolator.png<br />
    <img src="thead_sortdown_bg.png"\> thead_sortdown_bg.png<br />
    <img src="thead_sortdown_bg_rtl.png"\> thead_sortdown_bg_rtl.png<br />
    <img src="thead_sortup_bg.png"\> thead_sortup_bg.png<br />
    <img src="thead_sortup_bg_rtl.png"\> thead_sortup_bg_rtl.png<br />
    <img src="toggle_arrow.png"\> toggle_arrow.png<br />
    <img src="toolbar_sprite.png"\> toolbar_sprite.png<br />
    <img src="triangle_bg.png"\> triangle_bg.png<br />
    <img src="widget_bg_100.png"\> widget_bg_100.png<br />
    <img src="widget_close.png"\> widget_close.png<br />
    <img src="widget_settings.png"\> widget_settings.png<br />
    <img src="zoom_active1.png"\> zoom_active1.png<br />
    <img src="zoom_active2.png"\> zoom_active2.png<br />
    <img src="zoom_sprite.png"\> zoom_sprite.png<br />
    </body>
    </html>



Ein hilfreiches Tool um die png Dateien nach deinem Wunsch einzufärben ist Gimp.

Ein Video der default Bilder: http://screencast.com/t/KBKh2j4cvB
OTRS 4.0.x (private/testing/public) on Linux with MySQL database. Also on github.
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

Jonasv
OTRS wizard
Posts: 103
Joined: 17 Apr 2013, 08:47
OTRS Version?: 3.2.0

Re: Keine Lust auf Orange?

Postby Jonasv » 22 Apr 2013, 14:12

Vielen Dank hat mir geholfen :D

rude
OTRS newbie
Posts: 4
Joined: 19 Oct 2013, 12:51
OTRS Version?: 2.3.4

Re: Keine Lust auf Orange?

Postby rude » 19 Oct 2013, 13:10

Mir hat das auch geholfen;)
danke :D


Return to “Howto's”

Who is online

Users browsing this forum: No registered users and 3 guests