Startseite  |  Kontakt  |  Seitenverzeichnis  |  Kürzlich aktualisierte Seiten  |  Datenschutz  |  AGB  |  Suchen  |  Impressum

Telefon: 07022 / 60 2005  |  E-Mail:
TYPO3-Beratung - CMS-Webseitenerstellung, Webdesign
  • Startseite
  • Referenzen
  • Blog
  • TYPO3 Stuttgart
  • Optimierung
  • TYPO3-Tipps
  • Kurse und Seminare
  •  

    Bilder mit Schatten

    Sie möchten Bilder eines TYPO3-Text-mit-Bild oder eines TYPO3-Bildelements mit Schatten ausgeben?

    Binden Sie folgenden Code in Ihr TypoScript ein:

    # Bild mit Schatten
    tt_content.image.20.1.file >
    tt_content.image.20.1.file = GIFBUILDER
    tt_content.image.20.1.file {
            60 = LOAD_REGISTER
            60 {
             abc = 4
            }
            XY = [10.w]+20,[10.h]+20
    # The background color of the image/content
            backColor = #ffffff
    # Create a "dummy" image from the real image which is 20 pixel
    # smaller than the set width.
            10 = IMAGE
            10 {
                    file.import.current = 1
                    file.width.stdWrap = 1
                    file.width.stdWrap.field = imagewidth
                    file.width.stdWrap.wrap = |-20
                    file.width.prioriCalc = intval
                    offset = 10,10
            }
    # Draw a black/gray box over the dummy image
            20 = BOX
            20.dimensions = 10,10,[10.w],[10.h]
    # You have to set lib.shadowIntensity in your constants.
            20.color = {$lib.shadowIntensity}
    # Blur the black box
            30 = EFFECT
            30.value = blur=99 |
    #       Blur again if required (wider blurred edge/shadow)
    #       31 < .30
    # Put the image on top again at a slightly more left top position.
            50 < .10
            50.offset = 5,5
    }
    

    Nachteil dieser Lösung ist, dassdies bei mehreren Bildern auf der selben Webseite dazu führt, dass diese nicht ausgegeben werden.

    Quelle

    TYPO3-Text mit Bild und Schatten (tt_content)


    Themen: TYPO3-Web-Design, TYPO3-Optimierung, CMS-Homepages gestalten, TYPO3-Internetseiten erstellen, Website-Programmierung, tt_content-Bild mit Schatten, Text mit Bild, TYPO3-Tipps, TYPO3-Wraps, Bilder mit Schatten.

    [ • Startseite ]   [ ⇐ Zurück ]   [ Π Drucken ]   [ ⇑ Nach oben ]  

     

    Startseite  |  Kontakt  |  Seitenverzeichnis  |  Kürzlich aktualisierte Seiten  |  Datenschutz  |  AGB  |  Suchen  |  Impressum
    Letzte Änderung: Donnerstag, 05.11.2009
    Flag Counter