Regional University Computing Center Kaiserslautern-Landau
Beispielelement aus dem Frontend: Ein weißes Bild ist abgebildet. Ein blauer Kasten mit den Worten "Beispiel für ein Headerbild" ist linksbündig, mittig eingefügt.
Beispielelement aus dem Frontend: Beispiel für ein Headerbild

Header image

Header images appear below the navigation and above the breadcrumb path.

 

Instruction

Important!

Use only high resolution header images!

 

Example element from the Typo3 backend: In the image section the upper bar of the editing area is shown. The mouse cursor has selected the page properties icon.
Example element from the Typo3 backend: Selecting page properties
  1. Select the desired page
  2. Edit page properties
Example element from the Typo3 backend: In the top bar of the page properties, the Resources tab, at the top right of the image, is highlighted by a frame. Another frame highlights the "Create new relation" tab, which is located at the bottom left.
Example element from the Typo3 backend: Create new relation

3. select "Resources" tab

4. create new relation → add desired header image

Example element from the Typo3 backend: Shown are three boxes, which indicate the uploaded file once in the center, the alternative text to be filled in at the bottom left and the caption to be assigned at the bottom right.
Example element from Typo3 backend: alternative text and caption

5. filling in the alternative text and caption.

 

You are in the self-study and want to go to the training start page, then click on TYPO3 in the self-study for beginners part 2.

 

You are currently in self-training, then click Exercise - Header image to continue.

 

Exercise - Add header images
Read more