Typo3 - tt_news - DropShadows

DropShadows die zweite... Jemand fragte mich, ob man diese Schatten auch in tt_news nutzen könnte. Da meinte ich: Ich denke schon...


Hab ein bisschen rumprobiert und dabei mein TypoScript wieder aufgefrischt. Hier ist die Lösung. Leider nicht so elegant, dass man den Schatten ein und aus schalten kann. Aber wer diesen Schatten mag... 

Das Aussehen ist im ersten Schattenbeispiel zusehen oder direkt an bei dieser Single-Ansicht einer Beispiel-News.

Bei Fragen und Anmerkungen einfach über das Formular im Impressum.

 

TypoScript - Setup

  1.  
  2. # Vorlage für den Schatten bauen
  3. tempNewsShadowImg.stdWrap.cObject = COA
  4. tempNewsShadowImg.stdWrap.cObject {
  5.  
  6.   # DIV-Block der den Schatten als Hintergrund hat
  7.   10 = TEXT
  8.   10.value = <div class="dropShadow" style="float:left; padding: 10px 20px 20px 10px; background-repeat: no-repeat;
  9.  
  10.   # Hintergrundschatten
  11.   20 = IMG_RESOURCE
  12.   20 {
  13.     stdWrap.wrap = background-image:url(/|);
  14.     file = GIFBUILDER
  15.     file{
  16.  
  17.       20 = BOX
  18.       20 {
  19.         dimensions = 10,10,[10.w]+5,[10.h]+5
  20.         color = {$lib.shadowIntensity}
  21.       }
  22.       30 = EFFECT
  23.       30.value = blur=99 |
  24.  
  25.       XY = [10.w]+40,[10.h]+40
  26.       backColor = #ffffff
  27.       transparentBackground = 1
  28.     }
  29.   }
  30.  
  31.   # DIV-Tag-Kopf schliessen  
  32.   30 = TEXT
  33.   30.value = " >
  34.  
  35.  
  36.   # DIV-Tag schliessen  
  37.   50 = TEXT
  38.   50.value = </div>
  39.  
  40. }
  41.  
  42. # Bestehende Einstellungen retten...
  43. tempNewsListImg < plugin.tt_news.displayList.image
  44.  
  45. # Adaptierte Vorlage erzeugen...
  46. tempListNewsShadowImg < tempNewsShadowImg
  47. tempListNewsShadowImg.stdWrap.cObject{
  48.   20.file{
  49.     # Verkleinertes tt_news Bild  
  50.     10 < tempNewsListImg
  51.     10 = IMAGE
  52.     10 {
  53.       file.import.stdWrap = 1
  54.       file.import.stdWrap.cObject  = TEXT
  55.       file.import.stdWrap.cObject.data = TSFE:lastImageInfo|3
  56.       offset = 10,10
  57.     }
  58.   }
  59.  
  60.   # Verkleinertes tt_news Bild  
  61.   40 < tempNewsListImg
  62.   40 = IMAGE
  63.   40{
  64.     file {
  65.       import.stdWrap = 1
  66.       import.stdWrap.cObject = TEXT
  67.       import.stdWrap.cObject.data = TSFE:lastImageInfo|3
  68.     }  
  69.     params = border="0"
  70.   }
  71. }
  72.  
  73.  
  74. # Adaptierte Vorlage einbnauen...
  75. plugin.tt_news.displayList.image < tempListNewsShadowImg
  76. tempListNewsShadowImg >
  77.  
  78. ########################################################################
  79. #  SINGLE
  80. ########################################################################
  81.  
  82. # Bestehende Einstellungen retten...
  83. tempNewsSingleImg < plugin.tt_news.displaySingle.image
  84. plugin.tt_news.displaySingle.image >
  85.  
  86. # Adaptierte Vorlage erzeugen...
  87. tempSingleNewsShadowImg < tempNewsShadowImg
  88. tempSingleNewsShadowImg.stdWrap.cObject{
  89.   20.file{
  90.     # Verkleinertes tt_news Bild  
  91.     10 < tempNewsSingleImg
  92.     10 = IMAGE
  93.     10 {
  94.       file.import.stdWrap = 1
  95.       file.import.stdWrap.cObject  = TEXT
  96.       file.import.stdWrap.cObject.data = TSFE:lastImageInfo|3
  97.       offset = 10,10
  98.     }
  99.   }
  100.  
  101.   # Verkleinertes tt_news Bild  
  102.   40 < tempNewsSingleImg
  103.   40 = IMAGE
  104.   40{
  105.     file {
  106.       import.stdWrap = 1
  107.       import.stdWrap.cObject = TEXT
  108.       import.stdWrap.cObject.data = TSFE:lastImageInfo|3
  109.     }  
  110.     params = border="0"
  111.   }
  112. }
  113. plugin.tt_news.displaySingle.image < tempSingleNewsShadowImg
  114. tempSingleNewsShadowImg >

TypoScript - Contants

  1. lib.shadowIntensity = #999999

tt_news - Patch

Ein bisschen blöd fand ich, dass ich nicht direkt über das tt_news-Content-PlugIn die maximale Breite und Höhe für die Single-Ansicht einstellen konnte. Also hab ich mal das tt_news-PlugIn "korrigiert"

PlugIn: tt_news  (3.0.1)

Datei: typo3conf/ext/tt_news/pi/class.tx_ttnews.php

Funktion: function getSingleViewImages($lConf, $imgs, $imgsCaptions, $imgsAltTexts, $imgsTitleTexts, $imageNum, $markerArray)

Bei Nebenwirkungen übernehme ich keine Haftung.

  1. $lConf['image.']['altText'] = $imgsAltTexts[$cc];
  2. $lConf['image.']['titleText'] = $imgsTitleTexts[$cc];
  3. $lConf['image.']['file'] = 'uploads/pics/' . $val;
  4.  
  5. /* FIX - start */
  6. if ($this->config['FFimgH'] || $this->config['FFimgW']) {
  7. 	$lConf['image.']['file.']['maxW'] = $this->config['FFimgW'];
  8. 	$lConf['image.']['file.']['maxH'] = $this->config['FFimgH'];
  9. }
  10. /* FIX - end */
  11.  
  12. $imgHtml = $this->local_cObj->IMAGE($lConf['image.']) . $this->local_cObj->stdWrap($imgsCaptions[$cc], $lConf['caption_stdWrap.']);
  13.