Manchmal ist es notwenig, Bilder aus dem Media-Feld der Seite als Hintergrund zu verwenden, gelegentlich als Gifbuilder-Objekt. Dieses Beispiel rendert das Bild aus dem Media-Feld, versieht das ganze mit dem Untertitel/Titel der Seite und fügt noch ein farbiges Rechteck hinzu. Anschließend wird das ganze als Hintergrundbild in einen div mit der Id „header“ eingefügt. Vorteil dieses Verfahrens ist, dass der Header semantisch richtig und nicht als Bild dargestellt wird.
temp.header = COA
temp.header {
1 = TEXT
1.field = media
1.listNum = 0
1.wrap =
5.field = subtitle//title
5.wrap =
|
10 = HTML
10.value =
15 = IMAGE
15.file = GIFBUILDER
15.file {
XY = 680,210
backColor = #999999
transparentBackground = 1
10 = TEXT
10.text.field = subtitle
10.text.listNum = 0
10.text.listNum.splitChar = |
10.fontColor = {$colorWhite}
10.fontSize = {$font.sizeHeaderSmall}
10.fontFile = {$font.headerSmall}
10.offset = 460,118
20 < .10
20.text.listNum = 1
20.fontSize = {$font.sizeHeaderBig}
20.fontFile = {$font.headerBig}
20.offset = 200,155
5 = BOX
5.dimensions = 0,120,300+[20.w],40
5.color = {$color80}
7 = BOX
7.dimensions = 0,160,485,60
7.color = {$color100}
}
80 = HTML
80.value =
}
Neueste Kommentare