PGM3 NewSkins - Versionsgeschichte

Drhirn: Die Randnotiz in rot ist auffälliger

2018-06-15T12:28:11Z

Die Randnotiz in rot ist auffälliger

← Nächstältere Version		Version vom 15. Juni 2018, 14:28 Uhr
Zeile 1:		Zeile 1:
	{{Randnotiz\|RNTyp=~~Info~~\|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]}}		{{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]}}

	== pgm3 with different colors - skinable ==		== pgm3 with different colors - skinable ==

Martinhaas am 20. Dezember 2017 um 23:15 Uhr

2017-12-20T23:15:22Z

← Nächstältere Version		Version vom 21. Dezember 2017, 01:15 Uhr
Zeile 1:		Zeile 1:
	{{Randnotiz\|RNTyp=Info\|RNText=Das Frontend PGM3 wird ~~seit längerem nicht aktiv weiterentwickelt!~~<br>~~Aktuellste~~ Version im [http://svn.fhem.de/trac/browser/trunk/fhem/webfrontend/pgm3 SVN]}}		{{Randnotiz\|RNTyp=Info\|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]}}

	== pgm3 with different colors - skinable ==		== pgm3 with different colors - skinable ==
	=== Required ===		=== Required ===

Krikan: Anpassung an neues Repository

2016-12-12T15:04:44Z

Anpassung an neues Repository

← Nächstältere Version		Version vom 12. Dezember 2016, 17:04 Uhr
Zeile 1:		Zeile 1:
	{{Randnotiz\|RNTyp=Info\|RNText=Das Frontend PGM3 wird seit längerem nicht aktiv weiterentwickelt!<br>Aktuellste Version im [http://~~sourceforge~~.~~net/p/~~fhem/~~code~~/~~HEAD/tree~~/trunk/fhem/webfrontend/pgm3/ SVN]}}		{{Randnotiz\|RNTyp=Info\|RNText=Das Frontend PGM3 wird seit längerem nicht aktiv weiterentwickelt!<br>Aktuellste Version im [http://svn.fhem.de/trac/browser/trunk/fhem/webfrontend/pgm3 SVN]}}
	== pgm3 with different colors - skinable ==		== pgm3 with different colors - skinable ==
	=== Required ===		=== Required ===

Krikan: Hinweis auf Entwicklungsstillstand und Verlinkung

2015-02-18T18:57:09Z

Hinweis auf Entwicklungsstillstand und Verlinkung

← Nächstältere Version		Version vom 18. Februar 2015, 20:57 Uhr
Zeile 1:		Zeile 1:
	= pgm3 with different colors - skinable =		{{Randnotiz\|RNTyp=Info\|RNText=Das Frontend PGM3 wird seit längerem nicht aktiv weiterentwickelt!<br>Aktuellste Version im [http://sourceforge.net/p/fhem/code/HEAD/tree/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.		* 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 is a new section in the config.php which is called "SKINS - change your colors".
	There you will find further information.		There you will find further information.
Zeile 8:		Zeile 9:
	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.		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 ==		=== Example ===
	<nowiki>##########################		<nowiki>##########################
	##ORANGE		##ORANGE
Zeile 25:		Zeile 26:
	#Dec-Code from $bg1:		#Dec-Code from $bg1:
	$bg1_R='255';$bg1_G='140';$bg1_B='0';</nowiki>		$bg1_R='255';$bg1_G='140';$bg1_B='0';</nowiki>
	== Screenshot ==		=== Screenshot ===

	[[Datei:Skin orange.jpeg\|300px]]		[[Datei:Skin orange.jpeg\|300px]]
Zeile 31:		Zeile 32:
	This will create a pgm3 which looks like the orange on the [http://martin.htsv.net/fhz/screenshots.html screenshot-page]		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 ==		=== 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		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]].		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.		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:		In this case erase all your old pictures. They resides under pgm3 in the tmp-Directory:
Zeile 42:		Zeile 43:
	'''rm <pgm3>/tmp/*'''		'''rm <pgm3>/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		* 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]]		[[Kategorie:HOWTOS]]

Markusbloch: /* Screenshot */

2013-05-14T21:50:49Z

Screenshot

← Nächstältere Version		Version vom 14. Mai 2013, 23:50 Uhr
Zeile 27:		Zeile 27:
	== Screenshot ==		== Screenshot ==

	[[Datei:~~20100109132247!~~Skin orange.jpeg\|300px]]		[[Datei:Skin orange.jpeg\|300px]]

	This will create a pgm3 which looks like the orange on the [http://martin.htsv.net/fhz/screenshots.html screenshot-page]		This will create a pgm3 which looks like the orange on the [http://martin.htsv.net/fhz/screenshots.html screenshot-page]

Markusbloch: /* Hints */

2013-05-11T21:56:06Z

Hints

← Nächstältere Version		Version vom 11. Mai 2013, 23:56 Uhr
Zeile 39:		Zeile 39:
	pgm3 only creates new pictures if it is required. That means that you can not see your changes directly.		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:		In this case erase all your old pictures. They resides under pgm3 in the tmp-Directory:

	'''rm <pgm3>/tmp/*'''		'''rm <pgm3>/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		* At the moment the fonts in the php-graphics are black. This means that you need a bright background to read this

	[[Kategorie:HOWTOS]]		[[Kategorie:HOWTOS]]

Markusbloch: /* Screenshot */

2013-05-11T21:55:52Z

Screenshot

← Nächstältere Version		Version vom 11. Mai 2013, 23:55 Uhr
Zeile 26:		Zeile 26:
	$bg1_R='255';$bg1_G='140';$bg1_B='0';</nowiki>		$bg1_R='255';$bg1_G='140';$bg1_B='0';</nowiki>
	== Screenshot ==		== Screenshot ==
	~~<ul class="gallery">~~
	~~<li class="gallerybox" style="width: 155px">~~

	[[Datei:20100109132247!Skin orange.jpeg\|300px]]		[[Datei:20100109132247!Skin orange.jpeg\|300px]]

	This will create a pgm3 which looks like the orange on the [http://martin.htsv.net/fhz/screenshots.html screenshot-page]		This will create a pgm3 which looks like the orange on the [http://martin.htsv.net/fhz/screenshots.html screenshot-page]



	~~</li>~~
	~~</ul>~~

	== Colors in HEX and decimal ==		== Colors in HEX and decimal ==

Markusbloch: /* Screenshot */

2013-05-11T21:55:14Z

Screenshot

← Nächstältere Version		Version vom 11. Mai 2013, 23:55 Uhr
Zeile 29:		Zeile 29:
	<li class="gallerybox" style="width: 155px">		<li class="gallerybox" style="width: 155px">

	[[~~File:/w/images/thumb/4/44/Skin_orange.jpeg/120px-Skin_orange.jpeg\|120px\|link=/wiki/~~Datei:~~Skin_orange~~.jpeg\|~~alt=~~]]		[[Datei:20100109132247!Skin orange.jpeg\|300px]]
	This will create a pgm3 which looks like the orange on the [http://martin.htsv.net/fhz/screenshots.html screenshot-page]		This will create a pgm3 which looks like the orange on the [http://martin.htsv.net/fhz/screenshots.html screenshot-page]

Zeile 36:		Zeile 36:
	</li>		</li>
	</ul>		</ul>

	== Colors in HEX and decimal ==		== 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		HTML needs colors in Hexformat like #FFFFFF for white. The php library needs this in Dec like 255,140,0

Markusbloch am 11. Mai 2013 um 14:54 Uhr

2013-05-11T14:54:41Z

← Nächstältere Version		Version vom 11. Mai 2013, 16:54 Uhr
Zeile 47:		Zeile 47:
	== Limitations ==		== Limitations ==
	* At the moment the fonts in the php-graphics are black. This means that you need a bright background to read this		* At the moment the fonts in the php-graphics are black. This means that you need a bright background to read this

			[[Kategorie:HOWTOS]]

Generix: Die Seite wurde neu angelegt: „= 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…“

2013-05-10T20:50:33Z

Die Seite wurde neu angelegt: „= 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…“

Neue Seite

= 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 ==
<nowiki>##########################
##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';</nowiki>
== Screenshot ==
<ul class="gallery">
<li class="gallerybox" style="width: 155px">

[[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]

</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 ==
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