PGM3 NewSkins: Unterschied zwischen den Versionen

Aktuelle Version vom 15. Juni 2018, 13:28 Uhr

Das Frontend PGM3 wurde eingestellt. Von einer weiteren Nutzung wird daher abgeraten.
Alte Version im SVN

pgm3 with different colors - skinable

Required

You need at least the version pgm3 v100108. This version is included in fhem-4.9.

Where to change the colors

There is a new section in the config.php which is called "SKINS - change your colors". There you will find further information.

The colors of links, mouse-over and other CSS are changeable in the <pgm3>/include/style.css. Be sure to have a backup. CSS is not a part of this page.

Example

##########################
##ORANGE
    $bodybg="bgcolor='#FFDAB9'";
    $bg1="bgcolor='#FF8C00'";
    $bg2="bgcolor='#FFA500'";
    $bg4="bgcolor='#6394BD'";
    $bg5="bgcolor='#FFFFFF'";
    $fontcolor1="color='#000000'";
    $fontcolor3="color='#000000'";
    # The Button needs decimal Code Instead Hex.
    # Use the column left from the HEX on
    # [http://www.farb-tabelle.de/de/farbtabelle.htm http://www.farb-tabelle.de/de/farbtabelle.htm]
    # You must delete the old graphics after the change. "rm <pgm3>/tmp/*"
    $buttonBg_R='255';$buttonBg_G='165';$buttonBg_B='0';
    #Dec-Code from $bg1:
    $bg1_R='255';$bg1_G='140';$bg1_B='0';

Screenshot

This will create a pgm3 which looks like the orange on the screenshot-page

Colors in HEX and decimal

HTML needs colors in Hexformat like #FFFFFF for white. The php library needs this in Dec like 255,140,0

There is a nice website with a table of all you need: [1].

Hints

pgm3 only creates new pictures if it is required. That means that you can not see your changes directly. In this case erase all your old pictures. They resides under pgm3 in the tmp-Directory:

rm <pgm3>/tmp/*

Limitations

At the moment the fonts in the php-graphics are black. This means that you need a bright background to read this

Links

@@ Zeile 1: / Zeile 1: @@
-= pgm3 with different colors - skinable =
+{{Randnotiz|RNTyp=Fehl|RNText=Das Frontend PGM3 wurde eingestellt. Von einer weiteren Nutzung wird daher abgeraten.<br>Alte Version im [http://svn.fhem.de/trac/browser/trunk/fhem/webfrontend/pgm3 SVN]}}
-== Required ==
+== pgm3 with different colors - skinable ==
+=== Required ===
 * You need at least the version pgm3 v100108. This version is included in fhem-4.9.
-== Where to change the colors ==
+=== Where to change the colors ===
 There is a new section in the config.php which is called "SKINS - change your colors".
 There you will find further information.
@@ Zeile 8: / Zeile 10: @@
 The colors of links, mouse-over and other CSS are changeable in the &lt;pgm3&gt;/include/style.css. Be sure to have a backup. CSS is not a part of this page.
-== Example ==
+=== Example ===
   <nowiki>##########################
 ##ORANGE
@@ Zeile 25: / Zeile 27: @@
      #Dec-Code from $bg1:
      $bg1_R='255';$bg1_G='140';$bg1_B='0';</nowiki>
-== Screenshot ==
+=== Screenshot ===
-<ul class="gallery">
-		<li class="gallerybox" style="width: 155px">
+[[Datei:Skin orange.jpeg|300px]]
-[[File:/w/images/thumb/4/44/Skin_orange.jpeg/120px-Skin_orange.jpeg|120px|link=/wiki/Datei:Skin_orange.jpeg|alt=]]
 This will create a pgm3 which looks like the orange on the [http://martin.htsv.net/fhz/screenshots.html screenshot-page]
+=== Colors in HEX and decimal ===
-</li>
-</ul>
-== Colors in HEX and decimal ==
 HTML needs colors in Hexformat like #FFFFFF for white. The php library needs this in Dec like 255,140,0
 There is a nice website with a table of all you need: [http://www.farb-tabelle.de/de/farbtabelle.htm [1]].
-== Hints ==
+=== Hints ===
 pgm3 only creates new pictures if it is required. That means that you can not see your changes directly.
 In this case erase all your old pictures. They resides under pgm3 in the tmp-Directory:
 '''rm &lt;pgm3&gt;/tmp/*'''
-== Limitations ==
+=== Limitations ===
 * At the moment the fonts in the php-graphics are black. This means that you need a bright background to read this
+=== Links ===
+* [[PGM3_Optimize_for_Smartphones|PGM3 Optimize for Smartphones]]
+* [[PGM3_dbLog|PGM3 dbLog]]
+* [[PGM3_Installation_and_Troubleshooting|PGM3 Installation and Troubleshooting]]
+* [[PGM3_und_AVM_Fritz!Box|PGM3 und AVM Fritz!Box]]
+[[Kategorie:HOWTOS]]