Differences

This shows you the differences between two versions of the page.

deutsch:phpwcms-system:artikel:contentparts:bilder-div:background-image [2011/03/20 13:06]
Knut Heermann (flip-flop) created
deutsch:phpwcms-system:artikel:contentparts:bilder-div:background-image [2018/06/03 18:08] (current)
Line 2: Line 2:
FIXME ÜBersetzen FIXME ÜBersetzen
 +
From [[http://forum.phpwcms.org/viewtopic.php?p=129272|CSS background image controlled by phpWcms]]: \\ From [[http://forum.phpwcms.org/viewtopic.php?p=129272|CSS background image controlled by phpWcms]]: \\
Line 38: Line 39:
**1.** Write a CP "image <div>" in a hidden area. **1.** Write a CP "image <div>" in a hidden area.
 +
 +
 +==== phpwcms < r411 ====
 +
**2.** Template for CP "image <div>" **2.** Template for CP "image <div>"
Line 70: Line 75:
[/PHP] [/PHP]
   <!--    <!--
- 
      Thumbnail image:    {THUMB_NAME}       Thumbnail image:    {THUMB_NAME}
        relative:         {THUMB_REL}         relative:         {THUMB_REL}
Line 103: Line 107:
</code> </code>
\\ \\
-- **The first** (disabled) line uses an image with the max. x/y from config + 
 +==== phpwcms >= r411 ==== 
 + 
 +**2.** Template for CP "image <div>" 
 + 
 +<code html> 
 +<!--IMAGE_SETTINGS_START//--> 
 +; this is formatted like WIN.INI 
 +; please: do not use comments for value lines 
 +; settings will overwrite CP settings 
 +;width         = 100 
 +;height         = 100 
 +col         = 1 
 +zoom         = 1 
 +;crop         = 0 
 +space         = 0 
 +lightbox      = 1 
 +nocaption      = 1 
 +; 0 = no center, 1 = horizontal/vertical, 2 = horizontal, 3 = vertical 
 +;center_image   = 0 
 + 
 +<!--IMAGE_SETTINGS_END//--> 
 + 
 +<!--IMAGES_ENTRY_START//--> 
 + 
 +   <!-- CSS : body {background: #F9E931 url({IMAGE_REL}) no-repeat left top !important;} --> 
 +   <!-- CSS: body {background: #F9E931 url(filearchive/{IMAGE_HASH}.jpg) no-repeat left top !important;} --> 
 + 
 +   <!-- 
 +      Thumbnail image:    {THUMB_NAME} 
 +        relative:         {THUMB_REL} 
 +        absolute:         {THUMB_ABS} 
 +        height/width:     {THUMB_HEIGHT}px/{THUMB_WIDTH}px 
 +        height/width max: {THUMB_HEIGHT_MAX}px/{THUMB_WIDTH_MAX}px 
 +        columns:          {THUMB_COLUMNS} 
 +        image ID:         {IMAGE_ID} 
 +        image Hash:       {IMAGE_HASH} 
 +       
 +      If you are not sure wrap zoomed image: 
 +      [ZOOM] 
 +      Zoomed (big) image: {IMAGE_NAME} 
 +        relative: {IMAGE_REL} 
 +        absolute: {IMAGE_ABS} 
 +        height/width: {IMAGE_HEIGHT}px/{IMAGE_WIDTH}px 
 +      [/ZOOM]       
 + 
 +   //--> 
 +<!--IMAGES_ENTRY_END//--> 
 +</code> 
 + 
 + 
 +Delete what you do not need. 
 + 
 +\\ 
 +Please have a closer look to this two lines: 
 + 
 +<code html> 
 +   <!-- CSS : body {background: #F9E931 url({IMAGE_REL}) no-repeat left top !important;} --> 
 +   <!-- CSS: body {background: #F9E931 url(filearchive/{IMAGE_HASH}.jpg) no-repeat left top !important;} --
 +</code> 
 +\\ 
 + 
 + 
 + 
 + 
 +===== In both examples: ===== 
 + 
 +**... the first** (disabled) line by %%"//" or "CSS :"%% uses an image with the max. x/y from config
<code php> <code php>
Line 113: Line 184:
- **The second** line uses the original uploaded image from filearchive. But you must disable the .htaccess in this folder and the .ext is fixed in script. - **The second** line uses the original uploaded image from filearchive. But you must disable the .htaccess in this folder and the .ext is fixed in script.
-If more than one image is specified in the CP, the last one is winning the race. This can be beneficial, so multiple images are in the CP and the desired is simply pushed down.+\\ 
 +- If more than one image is specified in the CP, the last one is winning the race. This can be beneficial, so multiple images are in the CP and the desired is simply pushed down. \\ 
 +But in the second example, the script writes the CSS statements for each image into the HEAD area. The last statement wins.
\\ \\
deutsch/phpwcms-system/artikel/contentparts/bilder-div/background-image.txt · Last modified: 2018/06/03 18:08 (external edit)
www.planmatrix.de www.chimeric.de Creative Commons License Valid CSS Driven by DokuWiki do yourself a favour and use a real browser - get firefox!! Recent changes RSS feed Valid XHTML 1.0