Help+Manual-Forum von HelpDesign • Jörg Ertelt Foren-Übersicht Help+Manual-Forum von HelpDesign • Jörg Ertelt
Erstes deutschsprachiges Help& Manual-Forum
 
 ProfilProfil   LoginLogin 
 FAQFAQ   SuchenSuchen  RegistrierenRegistrieren 
 HelpDesign { Seminare und Support | Testlizenz anfordern | Neue Lizenzen kaufen / Lizenzen upgraden }

Premium Skins: Farbe Topic-Hintergrund ändern

 
Neues Thema eröffnen   Neue Antwort erstellen    Help+Manual-Forum von HelpDesign • Jörg Ertelt Foren-Übersicht -> Allgemeine Themen
Vorheriges Thema anzeigen :: Nächstes Thema anzeigen  
Autor Nachricht
Maik Schluroff



Anmeldungsdatum: 12.06.2009
Beiträge: 40

BeitragVerfasst am: Mi Jan 20, 2016 06:24    Titel: Premium Skins: Farbe Topic-Hintergrund ändern Antworten mit Zitat

Kann ich die Hintergrund-Farbe der TOPICs und des Navigation-Panes in einer Skin ändern (für Webhelp)? Am liebsten natürlich mit einer Variablen.

Den PAGE BACKGROUND konnte ich ändern, indem ich in den Baggage-Files das bg.png ersetzt habe.


H&M 7.08, build 37098, PP Skins 3.02
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Jörg Ertelt
Moderator


Anmeldungsdatum: 22.12.2005
Beiträge: 2283
Wohnort: 73240 Wendlingen

BeitragVerfasst am: Mi Jan 20, 2016 09:34    Titel: Antworten mit Zitat

Welches Skin verwenden Sie?
_________________
Viele Grüße

Jörg Ertelt

HELP+MANUAL
:: Testlizenz anfordern
:: Neue Lizenzen kaufen / Lizenzen upgraden
:: Offene und Firmenseminare

SUPPORT
:: Help+Manual-Forum
:: Help+Manual-Knowledgebase

HelpDesign • Jörg Ertelt
Ulrichstraße 1
D-73240 Wendlingen am Neckar
www.helpdesign.eu

Nach oben
Benutzer-Profile anzeigen Private Nachricht senden E-Mail senden Website dieses Benutzers besuchen
Maik Schluroff



Anmeldungsdatum: 12.06.2009
Beiträge: 40

BeitragVerfasst am: Mi Jan 20, 2016 09:45    Titel: Antworten mit Zitat

V3 Responsive Skins, Flat, z.B. Flat_Slate_Blue.hmskin.
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Tim Green



Anmeldungsdatum: 23.12.2005
Beiträge: 267
Wohnort: Brühl

BeitragVerfasst am: Mo Jan 25, 2016 13:13    Titel: Antworten mit Zitat

Hi Maik,

Zitat:
Kann ich die Hintergrund-Farbe der TOPICs und des Navigation-Panes in einer Skin ändern (für Webhelp)? Am liebsten natürlich mit einer Variablen.
V3 Responsive Skins, Flat, z.B. Flat_Slate_Blue.hmskin.

Erst ein wichtiger Hinweis für Deutsch in den V3 Responsive-Skins: Im aktuellen Help & Manual 7.0.8 gibt es ein Bug in Bezug auf die Konvertierung von Variablen mit Akzenz- und Umlautzeichen in die V3-Skins. Diese werden dann beim Browsen (aber nicht beim ersten Öffnen einer Seite) mit falschen Zeichen dargestellt. Das Problem kann man lösen durch installation der Pre-Release-Version von Help & Manual 7.1.0:

http://download.ec-software.com/help-and-manual-setup-v710-beta.exe


Beim Hintergrund for die Topics muss man bei den neuen Skins erstmal wissen, dass es kein Topic-Frame oder Layout-Template mehr gibt. Die Topic-Seite ist die Haupt-Seite, alles sichtbare in der neuen WebHelp ist Teil des Topics. Es gibt die PAGE_BG_COLOR-Variable für die Hintergrundfarbe, aber das ist für die ganze Seite, nicht für den Topic-Inhalt, und diese Farbe wird auch meist überdeckt von der Hintergrundgrafik.

Der Topic-Inhalt hat die Hintergrund-Farbe weiß und ist nicht über eine Variable veränderbar. Wir hätten eigentlich nie gedacht, dass Topic-Inhalt heutzutage jemals irgendeine andere Farbe haben sollten. Wenn Sie unbedingt eine andere Farbe haben möchten, müssen Sie in den folgenden 3 CSS-Dateien im Baggage die Definition für div#hmpagebody ändern:

hmwebhelp_main_desktop.css
hmwebhelp_main_tablet.css
hmwebhelp_main_phone.css


Einfach in jeder Datei die Definition für div#hmpagebody finden und "background-color: #ffffff;" auf die gewünschte Farbe ändern. In der Phone-Version muss die Zeile hinzugefügt werden. Diese hat keine explizite Hintergrundfarbe und weiß kommt da automatisch als Default.

In den CSS-Dateien für TOC, Index und Search ist es ähnlich. Auch hier gibt es für jeden Kasten 3 Versionen für Desktop-, Tablet- und Phone-Devices, und auch hier müssen Sie die Definition für div#hmpagebody ändern, wenn Sie eine andere Hintergrundfarbe möchten. Z.B. in "hmwebhelp_toc_desktop.css" und "hmwebhelp_index_phone.css" usw.

Ich rate aber eigentlich davon ab: Diese Designs sind ganz bewußt minimalistisch und wir haben ebenso bewußt darauf verzichtet, zu viele Variablen zur Änderung von Farben etc. einzubauen. Es wäre nicht möglich gewesen, hier eine einheitliche Variablen-Struktur zu erreichen, weil es zu viele Variationen beim CSS in den einzelnen Skin-Themen gibt.

Wenn Sie zusätzliche Farb-Themen möchten, bauen wir gerne welche.
_________________
Grüsse,

Tim Green
H&M Documentation & Support
H&M Forums Admin
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Maik Schluroff



Anmeldungsdatum: 12.06.2009
Beiträge: 40

BeitragVerfasst am: Di Jan 26, 2016 05:12    Titel: Antworten mit Zitat

Hi Tim,

Phantastisch gute Antwort! VIELEN DANK!
Bei meiner Anfrage hatte ich ein wenig auf Ihre Kunst des Gedankenlesens gesetzt, und wahrlich, Sie haben es (mal wieder) geschafft !

Man kann eben nie wissen, auf welche absonderlichen Ideen und Ansprüche H&M-Kunden kommen ... Cool

Ich setze H&M für eine (ziemlich umfangreiche) Website ein. Der fällige Relaunch (Bedingungen: andere sollen auch Einträge machen können, Smartphone-geeignet, optisch ähnliches Erscheinungsbild, d.h. Basisschrift weiß auf blauem Hintergrund) sollte mit einem anderen System gemacht werden.

Ihre beeindruckenden Skins v.3 (und die fast intuitive Bedienbarkeit von H&M) motivieren mich, den Relaunch damit anzugehen, nachdem ein Anlauf mit Wordpress scheiterte. Ihre Antwort bestärkt mich, es so zu versuchen.

Danke!
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Tim Green



Anmeldungsdatum: 23.12.2005
Beiträge: 267
Wohnort: Brühl

BeitragVerfasst am: Di Jan 26, 2016 08:13    Titel: Antworten mit Zitat

Hi Maik,

danke für die Blumen! Bald kommt das 3.1-Update für Premium Pack 3 mit folgenden Besserungen:

  • Speichern und Laden von Sprachdateien für das ganze Skin, inklusive der Such-Strings für den Zoom-Indexer. Mit der Zeit werden wir dann Language -Files für viele Sprachen von den Kunden bekommen, die dann einfach geladen werden können. Unterstützt auch alle älteren PP-Skins.
  • Field-Level Popups können jetzt auch Topics aus der Hilfe anzeigen, inklusive Support für Toggles (alle Arten), Popups auf der Seite und Videos. Somit kann man ein Topic auf der eigenen Webseite anzeigen, ohne die ganze Hilfe öffnen zu müssen.
  • Switches für URLs für Search und Keyword Index: Aktivieren von Index oder Suche mit einer URL, inklusive eine Suche darin.
  • Zusätzliche Programmierfunktionen für eingebettete Hilfe: programmatisches Öffnen und Schliessen der Hilfe, Callback-Funktionen, die man nach Öffnen und Schliessen ausführen lassen kann.
  • Eine Menge andere Besserungen im Detail.

_________________
Grüsse,

Tim Green
H&M Documentation & Support
H&M Forums Admin
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    Help+Manual-Forum von HelpDesign • Jörg Ertelt Foren-Übersicht -> Allgemeine Themen Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Sie können keine Beiträge in dieses Forum schreiben.
Sie können auf Beiträge in diesem Forum nicht antworten.
Sie können Ihre Beiträge in diesem Forum nicht bearbeiten.
Sie können Ihre Beiträge in diesem Forum nicht löschen.
Sie können an Umfragen in diesem Forum nicht teilnehmen.


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de