Keine Lust auf Orange?

Howto's zu OTRS Themen. Keine neuen Topics mit Fragen in diesem Forum!
Post Reply
crythias
Moderator
Posts: 10169
Joined: 04 May 2010, 18:38
Znuny Version: 5.0.x
Location: SouthWest Florida, USA
Contact:

Keine Lust auf Orange?

Post by crythias »

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/Ag ... /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 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
Jonasv
Znuny advanced
Posts: 103
Joined: 17 Apr 2013, 08:47
Znuny Version: 3.2.0

Re: Keine Lust auf Orange?

Post by Jonasv »

Vielen Dank hat mir geholfen :D
rude
Znuny newbie
Posts: 4
Joined: 19 Oct 2013, 12:51
Znuny Version: 2.3.4

Re: Keine Lust auf Orange?

Post by rude »

Mir hat das auch geholfen;)
danke :D
Post Reply